.onboarding-backdrop{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(12,18,28,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:onboarding-fade .18s ease}.onboarding{position:relative;display:flex;flex-direction:column;gap:14px;width:min(560px,100%);max-height:min(88vh,720px);overflow-y:auto;padding:24px 26px 22px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--card);color:var(--ink);box-shadow:var(--shadow-lg);animation:onboarding-rise .24s ease}.onboarding-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.onboarding-progress{display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:0}.onboarding-progress-label{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.onboarding-progress-bar{display:block;height:6px;border-radius:999px;background:var(--bg-cream-2);overflow:hidden}.onboarding-progress-bar i{display:block;height:100%;border-radius:999px;background:var(--accent-600);transition:width .28s ease}.onboarding-close{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--bg-cream-2);color:var(--ink-2);cursor:pointer}.onboarding-close:hover{border-color:var(--accent-500);color:var(--accent-700)}.onboarding-title{margin:0;font-size:1.375rem;line-height:1.2}.onboarding-hint{margin:0;color:var(--ink-2);font-size:.875rem}.onboarding-step{display:flex;flex-direction:column;gap:14px}.onboarding-field{display:flex;flex-direction:column;gap:6px}.onboarding-label{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.onboarding-note{margin:0;color:var(--muted);font-size:.8125rem;line-height:1.45}.onboarding-combo{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-cream-2);color:var(--muted)}.onboarding-combo:focus-within{border-color:var(--accent-500);background:var(--card)}.onboarding-breed{flex:1 1;min-width:0;padding:11px 0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.9375rem}.onboarding-breed:focus{outline:none}.onboarding-clear{display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.onboarding-clear:hover{color:var(--ink)}.onboarding-suggest{display:flex;flex-direction:column;gap:4px;max-height:232px;overflow-y:auto;margin:0;padding:6px;list-style:none;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card)}.onboarding-suggest-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:9px 11px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.onboarding-suggest-item strong{font-size:.9063rem}.onboarding-suggest-item small{color:var(--muted);font-size:.75rem}.onboarding-suggest-item.is-active,.onboarding-suggest-item:hover{background:var(--accent-50);color:var(--accent-700)}.onboarding-suggest-item.is-active small,.onboarding-suggest-item:hover small{color:var(--accent-700)}.onboarding-suggest-empty{padding:10px 12px;color:var(--muted);font-size:.8125rem}.onboarding-picked{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--accent-50);color:var(--accent-700);font-size:.8438rem}.onboarding-picked-meta{color:var(--ink-2)}.onboarding-city{padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-cream-2);color:var(--ink);font:inherit;font-size:.9375rem}.onboarding-districts{display:flex;flex-wrap:wrap;gap:8px}.onboarding-district{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-2);font-size:.8438rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.onboarding-district:hover{border-color:var(--accent-500);color:var(--accent-700)}.onboarding-district.is-active{border-color:var(--accent-600);background:var(--accent-50);color:var(--accent-700)}.onboarding-district-input{margin-top:4px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-cream-2);color:var(--ink);font:inherit;font-size:.875rem}.onboarding-district-input:focus{outline:none;border-color:var(--accent-500);background:var(--card)}.onboarding-interests{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:8px;gap:8px}.onboarding-chip{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.onboarding-chip:hover{transform:translateY(-1px);border-color:var(--accent-500)}.onboarding-chip.is-active{border-color:var(--accent-600);background:var(--accent-50);color:var(--accent-700)}.onboarding-chip>svg{flex:none}.onboarding-chip span.onboarding-chip-text{display:flex;flex-direction:column;gap:1px;flex:1 1;min-width:0}.onboarding-chip strong{font-size:.875rem;text-transform:capitalize}.onboarding-chip small{color:var(--muted);font-size:.75rem}.onboarding-chip.is-active small{color:var(--accent-700)}.onboarding-actions{justify-content:space-between;margin-top:2px;padding-top:14px;border-top:1px solid var(--line)}.onboarding-actions,.onboarding-actions-left{display:flex;align-items:center;gap:12px}.onboarding-skip{padding:0;border:0;background:none;color:var(--muted);font-size:.8438rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.onboarding-skip:hover{color:var(--accent-700)}.onboarding-footnote{margin:0;color:var(--muted);font-size:.75rem}@keyframes onboarding-fade{0%{opacity:0}to{opacity:1}}@keyframes onboarding-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.onboarding,.onboarding-backdrop{animation:none}.onboarding-chip,.onboarding-district,.onboarding-progress-bar i{transition:none}.onboarding-chip:hover{transform:none}}@media (max-width:640px){.onboarding-backdrop{align-items:flex-end;padding:0}.onboarding{width:100%;max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:20px 18px 18px}.onboarding-actions{flex-direction:column;align-items:stretch}.onboarding-actions-left{justify-content:space-between}}.recommendations-block .container{display:flex;flex-direction:column;gap:16px}.recommendations-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.recommendations-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recommendations-personal{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.recommendations-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-2);font-size:.75rem;font-weight:600}.recommendations-refresh{white-space:nowrap}.recommendation-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.recommendation-tab{display:flex;flex-direction:column;gap:2px;flex:none;padding:10px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);color:var(--ink-2);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.recommendation-tab small{color:var(--muted);font-size:.6875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.recommendation-tab:hover{border-color:var(--accent-500);color:var(--accent-700)}.recommendation-tab.is-active{border-color:var(--accent-600);background:var(--accent-50);color:var(--accent-700)}.recommendation-tab.is-active small{color:var(--accent-700)}.recommendation-panel{display:flex;flex-direction:column;gap:14px}.recommendation-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.recommendation-reason{display:inline-flex;align-items:center;gap:7px;margin:0;padding:7px 13px;border-radius:999px;background:var(--accent-50);color:var(--accent-700);font-size:.8438rem;font-weight:600}.recommendation-source{padding:4px 10px;border:1px dashed var(--line);border-radius:999px;color:var(--muted);font-size:.7188rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.recommendation-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.recommendation-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);color:var(--ink);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.recommendation-card:hover{transform:translateY(-2px);border-color:var(--accent-500);box-shadow:var(--shadow-md)}.recommendation-card-media{position:relative;display:grid;place-items:center;height:118px;border-radius:var(--radius-sm);background:var(--bg-cream-2);color:var(--accent-700);overflow:hidden}.recommendation-card-media img{width:100%;height:100%;object-fit:cover}.recommendation-card-badge{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:999px;background:var(--card);color:var(--accent-700);font-size:.6875rem;font-weight:700;box-shadow:var(--shadow-sm)}.recommendation-card-body{display:flex;flex-direction:column;gap:4px;flex:1 1}.recommendation-card-body strong{font-size:.9375rem;line-height:1.3}.recommendation-card-body small{color:var(--muted);font-size:.8125rem;line-height:1.4}.recommendation-card-price{color:var(--ink);font-size:.9375rem;font-weight:700}.recommendation-card[data-kind=products] .recommendation-card-media{color:var(--accent-600)}.recommendation-card[data-kind=articles] .recommendation-card-media{color:var(--blue-500)}.recommendation-card[data-kind=specialists] .recommendation-card-media{color:var(--purple-500)}.recommendation-card[data-kind=breeds] .recommendation-card-media{color:var(--accent-700)}.recommendation-card[data-kind=events] .recommendation-card-media{color:var(--green-600)}.recommendations-block .is-refreshing{position:relative;opacity:.55;transition:opacity .15s ease}.recommendations-note{margin:0;color:var(--muted);font-size:.8125rem}.recommendations-link{padding:0;border:0;background:none;color:var(--accent-700);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.recommendations-state{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);color:var(--ink-2)}.recommendations-state strong{display:block;color:var(--ink);font-size:.9375rem}.recommendations-state p{margin:4px 0 10px;font-size:.8438rem}.recommendations-state.is-error{border-color:var(--red-600);color:var(--red-600)}.recommendations-state.is-error strong{color:var(--red-600)}.recommendations-state.is-empty svg{color:var(--accent-600)}.recommendations-skeleton{display:flex;flex-direction:column;gap:14px}.recommendations-skeleton-tabs{display:flex;gap:8px}.recommendations-skeleton-tabs span{width:150px;height:46px;border-radius:var(--radius-md)}.recommendations-skeleton-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.recommendations-skeleton-list li{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card)}.recommendations-skeleton-media{height:118px;border-radius:var(--radius-sm)}.recommendations-skeleton-line{height:12px;border-radius:999px}.recommendations-skeleton-line.is-short{width:62%}.recommendations-skeleton-line,.recommendations-skeleton-media,.recommendations-skeleton-tabs span{display:block;background:linear-gradient(90deg,var(--bg-cream-2) 25%,var(--line) 37%,var(--bg-cream-2) 63%);background-size:400% 100%;animation:recommendations-shimmer 1.3s ease-in-out infinite}@keyframes recommendations-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.recommendations-skeleton-line,.recommendations-skeleton-media,.recommendations-skeleton-tabs span{animation:none}.recommendation-card,.recommendation-card:hover{transform:none;transition:none}}@media (max-width:900px){.recommendations-head{align-items:flex-start}.recommendation-list,.recommendations-skeleton-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}