:root{color-scheme:light;--bg:#f6f6fb;--surface:#fff;--surface-2:#efeff8;--text:#18182c;--muted:#626278;--line:#dcdceb;--primary:#393781;--primary-2:#6865c7;--accent:#f4bba4;--on-primary:#fff;--shadow:0 14px 40px rgba(35,34,76,.12)}:root[data-theme=dark]{color-scheme:dark;--bg:#10101d;--surface:#191928;--surface-2:#23233a;--text:#f5f4fb;--muted:#b8b6c9;--line:#34344c;--primary:#a8a4ff;--primary-2:#817eea;--accent:#f4bba4;--on-primary:#10101d;--shadow:0 18px 48px rgba(0,0,0,.28)}:root[data-palette=teal]{--primary:#00796f;--primary-2:#19b7a1;--accent:#fbbc3a}:root[data-palette=teal] .hero{--hero-a:#063e43;--hero-b:#0f776e}:root[data-palette=berry]{--primary:#9d174d;--primary-2:#db2777;--accent:#f5da73}:root[data-palette=berry] .hero{--hero-a:#291332;--hero-b:#6c2450}:root[data-palette=amber]{--primary:#8a4b08;--primary-2:#c47a14;--accent:#ffd171}:root[data-palette=amber] .hero{--hero-a:#3b250d;--hero-b:#87500d}:root[data-palette=indigo] .hero{--hero-a:#12113f;--hero-b:#393781}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-style:normal;line-height:1.5}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.hero{position:relative;min-height:560px;overflow:hidden;color:#fff;background:linear-gradient(120deg,#050514ad,#05051433),url(https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1800&q=82) center 42%/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,var(--hero-a),transparent 62%,var(--hero-b));opacity:.72}.hero__glow{position:absolute;z-index:1;width:420px;height:420px;border-radius:50%;right:-100px;top:-80px;background:var(--accent);filter:blur(120px);opacity:.28}.hero__content{position:relative;z-index:2}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:var(--primary)}.appearance{display:flex;gap:6px}.appearance button,.palettes button{border:1px solid rgba(255,255,255,.4);cursor:pointer}.appearance button{width:42px;height:42px;border-radius:50%;background:#08081e6b;color:#fff;font-size:19px}.hero__copy{max-width:720px;padding:78px 0 100px}.eyebrow,.card__category{letter-spacing:.09em;text-transform:uppercase;font-size:.76rem;font-weight:800}.eyebrow{color:#fff}.hero h1{margin:.15em 0;font-size:clamp(2.5rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.05em}.hero__copy>p:not(.eyebrow){font-size:clamp(1.05rem,2vw,1.25rem);max-width:650px;color:#f4f2ff}.hero__cta,.card__button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;border-radius:12px}.hero__cta{margin-top:22px;min-height:52px;padding:0 24px;background:#fff;color:#181632}.catalog{padding:40px 0 70px;scroll-margin-top:12px}.toolbar{position:sticky;top:10px;z-index:10;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(14px)}label span{display:block;margin:0 0 6px;color:var(--muted);font-size:.78rem;font-weight:700}input,select{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);font:inherit;padding:0 13px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.catalog__meta{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 16px}.palettes{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.85rem}.palettes button{width:27px;height:27px;border-radius:50%;border-color:var(--line)}.palettes button:nth-of-type(1){background:#393781}.palettes button:nth-of-type(2){background:#19b7a1}.palettes button:nth-of-type(3){background:#db2777}.palettes button:nth-of-type(4){background:#c47a14}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{display:flex;min-width:0;min-height:500px;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 7px 22px #1e1e3c0f;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card[hidden]{display:none}.card__image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface-2)}.card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.025)}.card__image>span{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:5px 9px;border-radius:8px;background:#0e0e1cc7;color:#fff;font-size:.72rem;font-weight:800;backdrop-filter:blur(6px)}.card__body{display:flex;flex:1;flex-direction:column;padding:18px}.card__category{margin:0 0 7px;color:var(--primary)}.card h2{display:-webkit-box;overflow:hidden;margin:0;font-size:1.17rem;line-height:1.28;letter-spacing:-.02em;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card__description{display:-webkit-box;overflow:hidden;margin:10px 0 16px;color:var(--muted);font-size:.9rem;-webkit-line-clamp:4;-webkit-box-orient:vertical}.card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}.price{display:flex;min-width:0;flex-direction:column}.price strong{font-size:1.07rem}.price s{color:var(--muted);font-size:.78rem}.card__button{min-height:42px;padding:0 14px;background:var(--primary);color:var(--on-primary);white-space:nowrap}.card__button:hover{background:var(--primary-2)}.empty,.disclosure{border-radius:16px;background:var(--surface);color:var(--muted)}.empty{padding:35px;text-align:center}.disclosure{margin-top:28px;padding:18px;border:1px solid var(--line);font-size:.86rem}footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}}@media(max-width:620px){.container{width:min(100% - 22px,1180px)}.hero{min-height:520px;background-position:62% center}.topbar{height:72px}.brand{font-size:.9rem}.hero__copy{padding:70px 0 80px}.hero h1{font-size:2.65rem}.toolbar{position:relative;top:auto;grid-template-columns:1fr;padding:12px}.search{grid-column:auto}.catalog__meta{align-items:flex-start;gap:10px;flex-direction:column}.grid{grid-template-columns:1fr}.card{min-height:490px}.card__image{aspect-ratio:16/9}}.brand img{display:block;width:38px;height:38px;border-radius:12px}.seo-intro{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,72px);align-items:start;margin-bottom:24px;padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--surface) 92%,var(--primary) 8%);box-shadow:var(--shadow)}.seo-intro__eyebrow{margin:0 0 8px;color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.seo-intro h2{margin:0;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.06}.seo-intro__copy{display:grid;gap:12px}.seo-intro__copy p{margin:0;color:var(--muted);line-height:1.72}.category-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.category-links a,.back-link{border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:800}.category-links a{padding:8px 12px;background:var(--surface);color:var(--primary);font-size:.82rem}.category-links a:hover,.category-links a[aria-current=page]{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.back-link{padding:9px 14px;border-color:#ffffff73;color:#fff}.back-link:hover{background:#fff;color:#181632}.category-hero{min-height:500px;background-position:center;background-size:cover}.category-catalog{padding:34px 0 70px;scroll-margin-top:12px}.category-links--page{margin:0 0 28px}.category-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.category-heading h2{margin:0;font-size:clamp(1.7rem,3vw,2.6rem)}.category-heading>p{margin:0;color:var(--muted);font-weight:700}@media(max-width:620px){.seo-intro{grid-template-columns:1fr;gap:18px;padding:22px;border-radius:20px}}@media(max-width:620px){.category-hero{min-height:480px}.category-heading{align-items:start;flex-direction:column;gap:6px}.category-links--page{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.category-links--page a{white-space:nowrap}}.topbar{gap:18px}.topbar__actions{display:flex;align-items:center;gap:10px}.category-menu{position:relative}.category-menu summary{display:flex;min-height:42px;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;font-weight:800;cursor:pointer;list-style:none}.category-menu summary::-webkit-details-marker{display:none}.category-menu[open] summary{background:#fff;color:#181632}.category-menu__panel{position:absolute;z-index:30;top:calc(100% + 10px);right:0;display:grid;width:min(310px,calc(100vw - 24px));padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.category-menu__panel a{padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:750}.category-menu__panel a:hover,.category-menu__panel a[aria-current=page]{background:var(--surface-2);color:var(--primary)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px}.hero__actions .hero__cta{margin-top:0}.hero__link{color:#fff;font-weight:800;text-underline-offset:4px}summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#about-catalog{scroll-margin-top:18px}@media(max-width:620px){.topbar{height:auto;min-height:72px;padding:10px 0}.topbar__actions{gap:6px}.brand{font-size:.88rem}.category-menu summary{min-height:40px;padding:0 11px;font-size:.82rem}.back-link{display:none}.appearance button{width:40px;height:40px}.hero__copy{padding-top:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}