@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/cormorant-garamond-500-cyrillic.woff2") format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/cormorant-garamond-500-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} :root{--c-bg:#F4EDE0;--c-bg-elev:#FBF6EC;--c-bg-warm:#ECE2CF;--c-text:#2B2620;--c-ink:#2B2620;--c-muted:#6B6052;--c-ink-muted:#6B6052;--c-bg-tint:#e6dac5;--c-ink-on-tint:#6a5f52;--c-ink-soft:#756b59;--c-accent:#9A6B41;--c-accent-ink:#8e633c;--c-accent-btn:#95683f;--c-on-accent:#FBF6EC;--c-line:#E4D9C5;--c-line-strong:#9f8653;--radius:8px;--r-lg:16px;--space:16px;--font:'Manrope', system-ui, -apple-system, sans-serif;--font-head:'Cormorant Garamond', Georgia, 'Times New Roman', serif;--head-w:500;--head-ls:0;--shadow-card:0 14px 36px -26px rgb(43 38 32 / .42)} .cookie-consent{position:fixed;left:0;right:0;bottom:0;z-index:95;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:12px 16px;background:var(--c-bg-elev);border-top:1px solid var(--c-line);box-shadow:0 -4px 20px color-mix(in srgb,var(--c-ink) 12%,transparent);font-size:14px} .cookie-consent__txt{color:var(--c-ink-muted);max-width:640px} .cookie-consent__txt a{color:var(--c-accent-ink)} .cookie-consent__btn{padding:8px 16px;border-radius:var(--radius);border:1px solid transparent;background:var(--c-accent-btn);color:var(--c-on-accent);font-weight:600;cursor:pointer;font-size:14px} .cookie-consent__btn--ghost{background:transparent;border-color:var(--c-line);color:var(--c-ink)} @media(max-width:560px){.cookie-consent{flex-direction:column;align-items:stretch;text-align:center}.cookie-consent__btn{width:100%}} .notfound{text-align:center;padding:56px 16px;max-width:560px;margin:0 auto} .notfound h1{font-size:clamp(48px,12vw,80px);line-height:1;margin:0 0 8px;color:var(--c-accent-ink)} .notfound .lead{color:var(--c-ink-muted);margin:0 auto 24px;max-width:440px} .notfound__links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0} .order-find{max-width:480px;margin:0 auto;padding:8px 0 32px} .order-find .lead{color:var(--c-ink-muted)} .order-find__form{display:grid;gap:14px;margin-top:8px} .order-timeline{list-style:none;display:grid;gap:14px;margin:20px 0;padding:0} .order-timeline .tl-step{display:flex;align-items:center;gap:10px;color:var(--c-ink-muted)} .order-timeline .tl-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--c-line-strong);background:var(--c-bg);flex:none} .order-timeline .is-done{color:var(--c-ink)} .order-timeline .is-done .tl-dot{border-color:var(--c-accent);background:var(--c-accent)} .order-timeline .is-current .tl-label{font-weight:700} @media(min-width:560px){ .order-timeline{grid-auto-flow:column;grid-auto-columns:1fr;gap:0} .order-timeline .tl-step{flex-direction:column;text-align:center;gap:8px;position:relative} .order-timeline .tl-step::before{content:"";position:absolute;top:8px;left:-50%;width:100%;height:2px;background:var(--c-line)} .order-timeline .tl-step:first-child::before{display:none} .order-timeline .is-done::before{background:var(--c-accent)} } .wishlist-empty{text-align:center;padding:40px 16px} .wishlist-empty .lead{color:var(--c-ink-muted)} .catalog-empty{text-align:center;padding:32px 16px;max-width:560px;margin:0 auto} .catalog-empty .lead{color:var(--c-ink-muted)} .catalog-empty__actions{margin:16px 0} .catalog-empty__cats{font-size:14px;color:var(--c-ink-muted)} .catalog-empty__cats a{color:var(--c-accent-ink)} .header-wish{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;font-size:19px;color:var(--c-ink);text-decoration:none;border-radius:50%} .header-wish:hover{color:var(--c-accent-ink)} .header-wish__n{position:absolute;top:-2px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--c-accent-btn);color:var(--c-on-accent);font-size:10px;font-weight:700;line-height:16px;text-align:center} .recent-strip{margin:calc(var(--space)*1.5) 0} .recent-strip h2{font-size:18px;margin:0 0 12px} .recent-strip__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,160px);gap:12px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch} .recent-strip__card{display:block;text-decoration:none;color:var(--c-ink);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:10px;background:var(--c-bg-elev)} .recent-strip__card:hover{border-color:var(--c-line-strong)} .recent-strip__img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r-md);background:var(--c-line);display:block;margin-bottom:8px} .recent-strip__name{font-size:13px;line-height:1.35;display:block;overflow:hidden;max-height:2.7em} .recent-strip__price{font-weight:700;font-size:13px;margin-top:4px;display:block} .reviews{margin:calc(var(--space)*1.5) 0;max-width:720px} .reviews h2{margin:0 0 14px} .rev__sum{font-size:15px;font-weight:400;color:var(--c-ink-muted);margin-left:8px} .rev{border-top:1px solid var(--c-line);padding:14px 0} .rev__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:6px} .rev__stars{color:var(--c-accent-ink);letter-spacing:2px} .rev__date{color:var(--c-ink-muted);font-size:13px} .rev__text{margin:0;white-space:pre-line} .rev-empty{color:var(--c-ink-muted)} .rev-form-wrap{margin-top:14px} .rev-form-wrap summary{display:inline-block;cursor:pointer;list-style:none} .rev-form-wrap summary::-webkit-details-marker{display:none} .rev-form{display:grid;gap:12px;margin-top:14px;max-width:480px} .rev-form label{display:grid;gap:6px;font-size:14px} .rev-form input[type=text],.rev-form input:not([type]),.rev-form textarea{border:1px solid var(--c-line-strong);border-radius:var(--r-md);padding:9px 12px;background:var(--c-bg);color:var(--c-ink);font:inherit} .rev-form__chips{display:flex;gap:8px;flex-wrap:wrap} .rev-form__chip input{position:absolute;opacity:0;pointer-events:none} .rev-form__chip span{display:inline-block;padding:7px 12px;border:1px solid var(--c-line-strong);border-radius:999px;cursor:pointer;font-size:14px} .rev-form__chip input:checked+span{background:var(--c-accent-btn);color:var(--c-on-accent);border-color:var(--c-accent)} .rev-form__chip input:focus-visible+span{outline:3px solid var(--c-ink);outline-offset:2px;box-shadow:0 0 0 6px var(--c-bg)} .rev-form__consent{font-size:13px;color:var(--c-ink-muted);display:flex;gap:8px;align-items:flex-start} .rev-form__msg.err{color:var(--c-ink);background:var(--c-bg-elev);border:1px solid var(--c-line-strong);border-radius:var(--r-md);padding:8px 12px} .rev-form__ok{color:var(--c-ink);background:var(--c-bg-elev);border:1px solid var(--c-accent);border-radius:var(--r-md);padding:12px 14px} .page-gap{padding:0 4px;color:var(--c-ink-muted)} .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .pay-result{max-width:520px;margin:0 auto;text-align:center;padding:40px 16px 48px} .pay-result__badge{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;margin-bottom:20px;font-size:30px;line-height:1} .pay-result__badge--ok{background:var(--c-accent-btn);color:var(--c-on-accent)} .pay-result__badge--warn{background:var(--c-bg-elev);color:var(--c-ink);border:2px solid var(--c-line-strong)} .pay-result h1{margin:0 0 10px} .pay-result .lead{color:var(--c-ink-muted);margin:0 auto 8px;max-width:42ch} .pay-result__meta{color:var(--c-ink-muted);font-size:14px;margin:0 0 24px} .pay-result__meta b{color:var(--c-ink)} .pay-result__actions{display:grid;gap:12px;margin:0 0 20px} .pay-result__actions .btn{text-align:center} .pay-result__retry{display:contents} .pay-result__retry .btn{width:100%;cursor:pointer;border:0;font:inherit;font-weight:600} .pay-result__links{display:flex;gap:8px 18px;justify-content:center;flex-wrap:wrap;font-size:14px;margin:0} @media(min-width:560px){ .pay-result{padding-top:56px} .pay-result__actions{grid-auto-flow:column;justify-content:center;grid-auto-columns:minmax(180px,auto)} .pay-result__retry .btn{width:auto} } :root{--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:96px;--gap:26px} *{box-sizing:border-box} body{margin:0;font-family:var(--font);color:var(--c-text);background:var(--c-bg);line-height:1.6} a{color:var(--c-accent-ink);text-decoration:none} .wrap,.container{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)} .page{padding-block:clamp(18px,2.5vw,32px)} header.site{border-bottom:1px solid var(--c-line)} header.site .wrap{display:flex;gap:var(--space);align-items:center;padding-top:var(--space);padding-bottom:var(--space)} header.site nav.menu{display:flex;gap:var(--space);flex-wrap:wrap} .brand{font-weight:800} .crumbs{color:var(--c-muted);font-size:14px;margin-bottom:var(--space)} h1,h2,h3,h4{font-family:var(--font-head);font-weight:var(--head-w);letter-spacing:var(--head-ls);line-height:1.15} .lead{color:var(--c-muted);font-size:18px} .news-item{padding:var(--space) 0;border-bottom:1px solid var(--c-line)} .news-item .date{color:var(--c-muted);font-size:13px} .btn{display:inline-block;background:var(--c-accent-btn);color:var(--c-on-accent);padding:10px 18px;border-radius:var(--r-lg);font-weight:600} .btn-ghost{background:transparent;color:var(--c-text);border:1px solid var(--c-line-strong)} .btn-ghost:hover{border-color:var(--c-accent);color:var(--c-accent-ink)} footer.site{border-top:1px solid var(--c-line);color:var(--c-muted);font-size:14px} header.site--sticky,header.site--hide-on-scroll,header.site--appear-on-scroll-up{position:sticky;top:0;background:var(--c-bg);z-index:20} header.site--bottom-bar{position:fixed;bottom:0;left:0;right:0;top:auto;background:var(--c-bg);border-top:1px solid var(--c-line);z-index:20} .brand__logo{max-height:40px;display:block} .site-phone{margin-left:auto;font-weight:600;color:var(--c-text)} .site-phone+.site-cta{margin-left:var(--space)} nav.menu+.site-cta{margin-left:auto} .menu__group{position:relative} .menu__group .menu__sub{display:none;position:absolute;left:0;top:100%;background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--radius);padding:8px 12px;min-width:180px;z-index:30;flex-direction:column;gap:6px} .menu__group:hover .menu__sub,.menu__group:focus-within .menu__sub{display:flex} .footer-cols{display:flex;gap:calc(var(--space)*2);flex-wrap:wrap} .footer-col{display:flex;flex-direction:column;gap:6px;min-width:160px} .footer-contacts a,.footer-links a{color:var(--c-muted)} .footer-contacts a:hover,.footer-links a:hover{color:var(--c-accent-ink)} .pv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space)} .pv-related{margin-top:calc(var(--space)*2);padding-top:calc(var(--space)*1.2);border-top:1px solid var(--c-line)} .pv-related__title{font-size:clamp(20px,2.4vw,26px);font-weight:800;letter-spacing:-.01em;margin:0 0 var(--space)} .pv-card{display:block;border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;color:var(--c-text);background:var(--c-bg-elev);box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease} .pv-card:hover{border-color:var(--c-accent);transform:translateY(-2px)} .pv-card__img{width:100%;height:auto;display:block} .pv-card__body{padding:var(--space)} .pv-card__title{margin:6px 0;font-size:18px} .pv-card__excerpt{margin:0;color:var(--c-muted);font-size:14px} .pv-card__meta{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--c-muted);flex-wrap:wrap} .pv-card__tag{background:var(--c-accent-btn);color:var(--c-on-accent);border-radius:var(--radius);padding:2px 8px;font-size:12px} .pv-card__date{font-size:13px;color:var(--c-muted)} .pv-card__star{color:var(--c-accent-ink)} .pv-card--compact{border:none;border-bottom:1px solid var(--c-line);border-radius:0} .pv-card--compact .pv-card__body{padding:var(--space) 0} .pv-grid .pv-card--wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 2fr;align-items:stretch} .pv-card--wide .pv-card__img{height:100%;object-fit:cover} .pv-detail__img{width:100%;height:auto;display:block;border-radius:var(--radius);margin:var(--space) 0} .pv-detail__lead{font-size:1.12em;line-height:1.55;color:var(--c-ink);font-weight:500;margin:0 0 var(--space);padding-left:14px;border-left:3px solid var(--c-accent)} .pv-faq{margin-top:calc(var(--space)*1.5)} .pv-faq__h{font-size:1.3em;margin:0 0 12px} .pv-faq__item{border:1px solid var(--c-line);border-radius:var(--radius);padding:0 14px;margin-bottom:8px;background:var(--c-bg-elev)} .pv-faq__sum{cursor:pointer;font-weight:600;padding:12px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px} .pv-faq__sum::-webkit-details-marker{display:none} .pv-faq__sum::after{content:'+';color:var(--c-muted);font-size:1.2em;flex:none} .pv-faq__item[open] .pv-faq__sum::after{content:'−'} .pv-faq__ans{padding:0 0 14px;color:var(--c-ink-muted);line-height:1.55} .pv-howto{margin-top:calc(var(--space)*1.5)} .pv-howto__h{font-size:1.3em;margin:0 0 12px} .pv-howto__list{margin:0;padding-left:1.4em;display:flex;flex-direction:column;gap:10px} .pv-howto__step{line-height:1.55;color:var(--c-ink-muted)} .pv-howto__t{color:var(--c-ink)} .pv-pager{display:flex;gap:var(--space);align-items:center;margin-top:calc(var(--space)*1.5)} .pv-pager__pos{color:var(--c-muted);font-size:14px} .pv-offer{display:flex;gap:8px;align-items:baseline;margin-top:6px} .pv-offer__price{font-weight:800;font-size:18px} .pv-offer__old{color:var(--c-muted);font-size:14px} .pv-offer--out{color:var(--c-muted)} .shop-cats{display:flex;gap:8px;flex-wrap:wrap;margin:var(--space) 0} .shop-cats__item{border:1px solid var(--c-line);border-radius:var(--radius);padding:6px 12px;color:var(--c-text)} .shop-cats__item.is-active{background:var(--c-accent-btn);color:var(--c-on-accent);border-color:var(--c-accent)} .shop-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:calc(var(--space)*2)} @media (max-width:720px){.shop-layout{grid-template-columns:1fr}} .shop-side{font-size:14px} .shop-filter{display:flex;flex-direction:column;gap:var(--space)} .shop-filter__search{padding:8px;border:1px solid var(--c-line);border-radius:var(--radius);width:100%} .shop-filter__group{border:1px solid var(--c-line);border-radius:var(--radius);padding:8px} .shop-filter__group input[type=number]{width:70px;padding:4px;border:1px solid var(--c-line);border-radius:6px} .shop-filter__opt{display:block;margin:2px 0} .shop-sort{display:flex;gap:var(--space);margin-bottom:var(--space);font-size:14px} .shop-sort__item.is-active{font-weight:700;color:var(--c-text)} .shop-detail__top{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:calc(var(--space)*2);align-items:start} @media (max-width:720px){.shop-detail__top{grid-template-columns:1fr}} .shop-buy{display:flex;flex-direction:column;gap:8px;border:1px solid var(--c-line);border-radius:var(--radius);padding:var(--space)} .shop-buy__variant{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--c-line);padding:6px 0} .shop-buy__variant span:not(.pv-swatch){flex:1} .shop-buy__left{color:var(--c-accent-ink);font-size:12px} .shop-buy__btn{margin-top:var(--space);border:none;cursor:pointer;font-size:16px} .shop-specs{border-collapse:collapse;width:100%} .shop-specs td{border-bottom:1px solid var(--c-line);padding:6px 8px} .shop-specs td:first-child{color:var(--c-muted);width:40%} .cart-table{width:100%;border-collapse:collapse;margin:var(--space) 0} .cart-table td{border-bottom:1px solid var(--c-line);padding:10px 8px;vertical-align:top} .cart-row__sum,.cart-total{font-weight:700;text-align:right} .cart-row__issue{color:var(--c-accent-ink);font-size:13px} .cart-qty{display:flex;gap:6px} .cart-qty input{width:64px;padding:6px;border:1px solid var(--c-line);border-radius:6px} .cart-warn{color:var(--c-accent-ink)} .cart-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space)} .checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:calc(var(--space)*2);align-items:start} @media (max-width:720px){.checkout-grid{grid-template-columns:1fr}} .checkout-form{display:flex;flex-direction:column;gap:var(--space)} .checkout-form label{display:flex;flex-direction:column;gap:4px} .checkout-form input{padding:8px;border:1px solid var(--c-line);border-radius:var(--radius)} .checkout-consent{flex-direction:row!important;align-items:center;gap:8px;font-size:14px} .checkout-summary{border:1px solid var(--c-line);border-radius:var(--radius);padding:var(--space)} .checkout-summary ul{padding-left:18px;margin:0 0 var(--space)} .order-status{color:var(--c-accent-ink)} .checkout-delivery{display:flex;flex-direction:column;gap:6px;margin:8px 0} .shop-added{background:var(--c-accent-btn);color:var(--c-on-accent);padding:10px 14px;border-radius:var(--radius);margin-bottom:var(--space)} .shop-added a{color:var(--c-on-accent);text-decoration:underline;font-weight:600} .shop-added .muted{color:var(--c-on-accent);opacity:.8} .shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space);margin-bottom:var(--space);flex-wrap:wrap} .shop-cartlink{white-space:nowrap} .pv-gallery__main{margin-bottom:8px} .pv-gallery__ph{display:grid;place-items:center;min-height:280px;background:var(--c-line);color:var(--c-muted);border-radius:var(--radius)} .pv-gallery__thumbs{display:flex;gap:8px;flex-wrap:wrap} .pv-gallery__thumb{width:72px;height:72px;border:1px solid var(--c-line);border-radius:8px;overflow:hidden;display:block} .pv-gallery__thumb img{width:100%;height:100%;object-fit:cover;object-position:top} .pv-gallery__thumb:hover{border-color:var(--c-accent)} .pv-swatch{display:inline-block;flex:0 0 16px;width:16px;height:16px;border-radius:50%;border:1px solid var(--c-line);vertical-align:middle;margin-right:4px} .site-cart{position:relative;display:inline-flex;align-items:center;color:var(--c-text);margin-left:var(--space)} .site-cart:hover{color:var(--c-accent-ink)} .site-cart__badge{position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--c-accent-btn);color:var(--c-on-accent);font-size:11px;line-height:18px;text-align:center;font-weight:700} body.hdr-large header.site .wrap{padding-top:calc(var(--space)*1.6);padding-bottom:calc(var(--space)*1.6)} body.hdr-large .brand{font-size:25px} body.hdr-center header.site .wrap{display:grid;grid-template-columns:1fr auto 1fr;row-gap:12px;align-items:center} body.hdr-center .brand{grid-column:2;grid-row:1;justify-self:center} body.hdr-center .site-cart,body.hdr-center .site-cta,body.hdr-center .site-phone{grid-column:3;grid-row:1;justify-self:end} body.hdr-center nav.menu{grid-column:1/-1;grid-row:2;justify-content:center} body.menu-sticky header.site{position:sticky;top:0;background:var(--c-bg);z-index:20} body.menu-sticky{--header-h:60px} body.menu-sticky.hdr-large{--header-h:84px} body.cards-photo .pv-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))} body.cards-photo .pv-card__img{aspect-ratio:1/1;height:auto} body.cards-photo .pv-card__body{padding:calc(var(--space)*1.4)} body.cards-wide .pv-grid{grid-template-columns:repeat(2,1fr)} body.cards-wide .pv-card__img{aspect-ratio:4/3;height:auto} body.grid-dense .pv-grid{grid-template-columns:repeat(4,1fr);gap:calc(var(--space)*0.75)} body.grid-airy main.wrap{padding-top:calc(var(--space)*2.5);padding-bottom:calc(var(--space)*2.5)} body.hero-center main.wrap>h1:first-child{text-align:center;padding-block:calc(var(--space)*1.5) 0} .shop-buy--attrs .shop-buy__variant{display:none} .shop-attrs__group{border:0;padding:0;margin:0 0 10px} .shop-attrs__group legend{font-size:13px;color:var(--c-muted);padding:0;margin-bottom:6px} .shop-attrs__chips{display:flex;gap:8px;flex-wrap:wrap} .shop-chip input{position:absolute;opacity:0;pointer-events:none} .shop-chip__face{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--c-line-strong);border-radius:var(--r-lg);padding:7px 14px;cursor:pointer;background:var(--c-bg-elev);transition:border-color .15s ease} .shop-chip input:checked+.shop-chip__face{border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent)} .shop-chip--off .shop-chip__face{opacity:.35;text-decoration:line-through} .shop-attrs__price{margin:8px 0 4px;font-size:18px} .shop-attrs__price s{color:var(--c-muted);font-size:14px} .pv-gallery__thumb--on{outline:2px solid var(--c-accent);outline-offset:1px;border-radius:var(--radius)} .pv-lightbox{position:fixed;inset:0;background:color-mix(in srgb,var(--c-ink) 88%,transparent);display:flex;align-items:center;justify-content:center;z-index:100;cursor:zoom-out} .pv-lightbox img{max-width:92vw;max-height:92vh;border-radius:var(--radius)} .pv-lightbox__close{position:fixed;top:16px;right:20px;font-size:34px;line-height:1;background:none;border:0;color:var(--c-bg);cursor:pointer} .pv-lightbox__nav{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:color-mix(in srgb,var(--c-ink) 55%,transparent);color:var(--c-bg);font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center} .pv-lightbox__nav--prev{left:14px} .pv-lightbox__nav--next{right:14px} .share-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(12px);background:var(--c-ink);color:var(--c-bg);padding:11px 18px;border-radius:999px;font-size:14px;font-weight:600;z-index:120;opacity:0;transition:opacity .25s ease,transform .25s ease;box-shadow:var(--shadow-card)} .share-toast.on{opacity:1;transform:translateX(-50%) translateY(0)} .p-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .p-back{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--c-ink-muted);text-decoration:none;padding:8px 12px 8px 6px;border-radius:8px} .p-back:hover{color:var(--c-ink);background:var(--c-bg-warm)} .p-actions{display:flex;gap:8px} .p-share{width:40px;height:40px;border:1px solid var(--c-line);border-radius:50%;background:var(--c-bg-elev);color:var(--c-ink-muted);cursor:pointer;display:grid;place-items:center;padding:0} .p-share:hover{color:var(--c-accent-ink);border-color:var(--c-line-strong)} .p-share svg,.p-topbar .wish svg{width:20px;height:20px;fill:currentColor} .p-topbar .wish{position:static;width:40px;height:40px} .cart-drawer{position:fixed;inset:0;z-index:90} .cart-drawer [hidden]{display:none !important} .cart-drawer__backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--c-ink) 55%,transparent)} .cart-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(420px,100%);background:var(--c-bg);box-shadow:-8px 0 32px -16px var(--c-ink);display:flex;flex-direction:column;overflow:auto;padding:var(--space)} .cart-drawer__head{display:flex;align-items:center;justify-content:space-between} .cart-drawer__head h2{margin:0} .cart-drawer__x{background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:var(--c-text)} .cart-drawer__line{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--c-line)} .cart-drawer__ln small{display:block;color:var(--c-muted);font-size:13px} .cart-drawer__rm{background:none;border:0;font-size:18px;color:var(--c-muted);cursor:pointer} .cart-drawer__rm:hover{color:var(--c-accent-ink)} .cart-drawer__empty{color:var(--c-muted);padding:var(--space) 0} .cart-drawer__co{display:flex;flex-direction:column;gap:10px;margin-top:var(--space)} .cart-drawer__total{font-size:18px;font-weight:700} .cart-drawer__co .field{display:flex;flex-direction:column;gap:4px} .cart-drawer__co .field span{font-size:13px;color:var(--c-muted)} .cart-drawer__co input:not([type=checkbox]){padding:10px 12px;border:1px solid var(--c-line-strong);border-radius:var(--radius);font:inherit;background:var(--c-bg-elev);color:var(--c-text);width:100%} .cart-drawer__agree{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--c-muted)} .cart-drawer__pay{margin-top:4px;text-align:center;width:100%} .cart-drawer__more{display:block;text-align:center;font-size:13px;color:var(--c-accent-ink);margin-top:8px} .cart-drawer__delivery{border:1px solid var(--c-line);border-radius:var(--radius);padding:0 10px} .cart-drawer__delivery summary{cursor:pointer;padding:10px 0;font-weight:600;font-size:14px} .cart-drawer__delivery-body{padding:0 0 10px} .cart-drawer__row{display:flex;gap:8px} .cart-drawer__row input{flex:1;padding:9px 11px;border:1px solid var(--c-line-strong);border-radius:var(--radius);font:inherit;background:var(--c-bg-elev);color:var(--c-text)} .cart-drawer__delivery-opts{display:grid;gap:6px;margin-top:8px;font-size:13px} .cart-drawer__dopt{display:flex;gap:8px;align-items:baseline;cursor:pointer} .cart-drawer__pickup{color:var(--success,var(--c-accent));font-weight:600;margin:8px 0 0} .cart-drawer__addr{position:relative;margin-bottom:8px} .cart-drawer__addr input{width:100%;padding:9px 11px;border:1px solid var(--c-line-strong);border-radius:var(--radius);font:inherit;background:var(--c-bg-elev);color:var(--c-text)} .cart-drawer__addr-list{position:absolute;left:0;right:0;top:100%;z-index:5;background:var(--c-bg-elev);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow-card);max-height:200px;overflow:auto;margin-top:2px} .cart-drawer__addr-opt{display:block;width:100%;text-align:left;padding:8px 11px;border:0;background:none;font:inherit;font-size:13px;color:var(--c-text);cursor:pointer} .cart-drawer__addr-opt:hover{background:var(--c-bg-warm)} .opt-groups{margin-top:6px} .opt-sw{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid var(--c-line);margin-right:7px;vertical-align:middle} .opt-fallback{display:grid;gap:6px;margin:14px 0} .opt-fallback__row{font-size:14px;color:var(--c-ink-muted)} .p-info.has-opts .opt-fallback,form.has-opts .opt-fallback{display:none} .gallery-main{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:top;cursor:zoom-in;border-radius:var(--r-lg)} .gallery-stage{position:relative} .gallery-stage .gallery-main{display:block;user-select:none;-webkit-user-drag:none;touch-action:pan-y} .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.85);color:var(--c-ink);font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.12);transition:background .15s ease,opacity .15s ease;opacity:.85;z-index:2} .gallery-nav:hover{background:#fff;opacity:1} .gallery-nav--prev{left:12px} .gallery-nav--next{right:12px} .gallery .thumbs .thumb{display:block;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;aspect-ratio:1/1} .gallery .thumbs .thumb.active{outline:2px solid var(--c-accent);outline-offset:2px} .gallery .thumbs .thumb img{width:100%;height:100%;object-fit:cover;object-position:top} .specs-dl{margin:0} .p-section{padding-top:0} .card-media img,.card-img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;display:block} body.cards-photo .card-media img{aspect-ratio:1/1} .meta-list li::marker{content:''} .cart-drawer__trust{list-style:none;display:flex;gap:12px;flex-wrap:wrap;padding:0;margin:6px 0 0;font-size:12px;color:var(--c-ink-soft)} .cart-drawer__trust li::before{content:'\2713 ';color:var(--success,var(--c-accent))} .checkout-trust{list-style:none;display:flex;gap:16px;flex-wrap:wrap;padding:0;margin:10px 0 0;font-size:12px;color:var(--c-ink-soft)} .checkout-trust li::before{content:'\2713 ';color:var(--success,var(--c-accent))} .hero-split{display:grid;grid-template-columns:1.1fr .9fr;gap:calc(var(--space)*2);align-items:center;padding-block:calc(var(--space)*2.5)} .hero-split .lead{font-size:19px} .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--space)} .usp{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space);padding-block:calc(var(--space)*1.5);list-style:none;margin:0;padding-inline:0} .usp li{border-top:2px solid var(--c-line-strong);padding-top:10px} .usp b{display:block;margin-bottom:4px} .cta-band{background:var(--c-bg-warm);border-radius:var(--r-lg);padding:calc(var(--space)*1.8);display:flex;gap:var(--space);align-items:center;justify-content:space-between;flex-wrap:wrap;margin-block:calc(var(--space)*1.5)} .cta-band h2{margin:0;font-size:24px} .spec-rows{width:100%;border-collapse:collapse;margin-block:var(--space)} .spec-rows td{padding:10px 4px;border-bottom:1px solid var(--c-line)} .spec-rows td:last-child{text-align:right;font-weight:700;white-space:nowrap} .quote{border-left:3px solid var(--c-accent);margin:calc(var(--space)*1.5) 0;padding:6px 0 6px var(--space);font-size:18px;color:var(--c-ink-muted)} .ph{background:var(--c-bg-warm);border:1px dashed var(--c-line-strong);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;color:var(--c-ink-soft);font-size:13px;min-height:200px} .ph::after{content:attr(data-label)} .ticker{background:var(--c-ink);color:var(--c-on-accent);overflow:hidden;white-space:nowrap} .ticker-in{display:inline-block;padding:8px 0;animation:ticker 28s linear infinite} .ticker-in span{margin:0 28px;font-size:13px;font-weight:600;letter-spacing:.02em} .ticker-in span::before{content:'\2605';margin-right:10px;color:var(--c-accent-ink)} @keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media (prefers-reduced-motion: reduce){.ticker-in{animation:none}} .quote blockquote{margin:0} .quote figcaption{margin-top:10px;font-size:14px;color:var(--c-ink-soft);font-style:normal} .manifesto{font-family:var(--font-head);font-weight:var(--head-w);font-size:clamp(24px,4vw,44px);line-height:1.12;letter-spacing:var(--head-ls);margin:calc(var(--space)*1.5) 0;max-width:24ch} .steps{list-style:none;margin:calc(var(--space)*1.5) 0;padding:0;display:grid;gap:clamp(16px,3vw,28px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))} .steps .step{position:relative;padding-top:4px} .steps .step__n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;background:var(--c-accent-btn);color:var(--c-on-accent);font-weight:700;margin-bottom:12px} .steps .step h3{margin:0 0 6px;font-size:18px} .steps .step p{margin:0;color:var(--c-ink-muted)} .features{list-style:none;margin:calc(var(--space)*1.5) 0;padding:0;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))} .features .feature{background:var(--c-bg-elev);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:22px} .features .feature h3{margin:0 0 8px;font-size:18px} .features .feature p{margin:0;color:var(--c-ink-muted)} .ages{list-style:none;margin:calc(var(--space)*1.5) 0;padding:0;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))} .ages .age-tile{background:var(--c-bg-warm);border-radius:var(--r-lg);padding:20px;display:grid;gap:6px;text-align:center} .ages .age-tile__n{font-family:var(--font-head);font-weight:var(--head-w);font-size:24px;color:var(--c-accent-ink)} .svc{list-style:none;margin:calc(var(--space)*1.5) 0;padding:0;display:grid;gap:2px} .svc .svc-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:8px 16px;padding:16px 2px;border-bottom:1px solid var(--c-line)} .svc .svc-row__name{font-weight:600} .svc .svc-row__desc{grid-column:1;color:var(--c-ink-soft);font-size:14px} .svc .svc-row__price{font-family:var(--font-head);color:var(--c-accent-ink);white-space:nowrap} .afisha{list-style:none;margin:calc(var(--space)*1.5) 0;padding:0;display:grid;gap:2px} .afisha .afisha-row{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px 20px;padding:18px 2px;border-bottom:1px solid var(--c-line-strong)} .afisha .afisha-row__when{color:var(--c-ink-soft);font-size:14px;white-space:nowrap} .afisha .afisha-row__title{font-family:var(--font-head);font-weight:var(--head-w);font-size:clamp(18px,2.4vw,26px)} .afisha .afisha-row__price{color:var(--c-accent-ink);white-space:nowrap} @media (max-width:640px){.afisha .afisha-row,.svc .svc-row{grid-template-columns:1fr}} .hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,4vw,56px);align-items:center;padding-block:clamp(28px,5vw,72px)} .hero h1{font-size:clamp(30px,5vw,52px);margin:0 0 12px} .hero .lead{font-size:18px;margin-bottom:20px;max-width:46ch} .hero__media .ph{min-height:clamp(240px,38vw,440px);border-radius:var(--r-lg)} .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:clamp(28px,5vw,56px) 0 18px} .section-head h2{margin:0} .section-head a{font-weight:600;white-space:nowrap} .home-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .home-cat{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-bg-elev);color:var(--c-text);box-shadow:var(--shadow-card);transition:transform .18s ease,border-color .18s ease} .home-cat:hover{transform:translateY(-2px);border-color:var(--c-accent)} .home-cat h3{margin:0} .home-cat p{margin:0;color:var(--c-muted);font-size:14px;flex:1} .home-cat__count{font-size:13px;color:var(--c-ink-soft)} .home-cat__go{font-weight:600;color:var(--c-accent-ink)} .home-hits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .home-hit{position:relative;display:flex;flex-direction:column;border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;background:var(--c-bg-elev);box-shadow:var(--shadow-card);color:var(--c-text);transition:transform .18s ease} .home-hit:hover{transform:translateY(-2px)} .home-hit .ph{min-height:170px;border-radius:0} .home-hit__body{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1} .home-hit__body h3{margin:0;font-size:16px} .home-hit__body p{margin:0;color:var(--c-muted);font-size:13px;flex:1} .home-hit__price{font-weight:800;font-size:17px} .home-hit__price s{color:var(--c-muted);font-weight:400;font-size:14px;margin-left:6px} .home-hit__badge{position:absolute;top:10px;left:10px;background:var(--c-accent-btn);color:var(--c-on-accent);font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;z-index:1} .home-hit .btn-sm{margin:0 14px 14px;text-align:center} .btn-sm{display:inline-block;padding:7px 14px;border-radius:var(--r-lg);background:var(--c-accent-btn);color:var(--c-on-accent);font-weight:600;font-size:14px} @media (max-width:900px){.hero{grid-template-columns:1fr}.home-hits{grid-template-columns:repeat(2,1fr)}} @media (max-width:560px){.home-cats{grid-template-columns:1fr}.home-hits{grid-template-columns:1fr}} .wrap{--s-2:calc(var(--space)*.5);--s-4:var(--space);--s-6:calc(var(--space)*1.5)} .form-sample{max-width:520px} .quiz{max-width:560px;margin:calc(var(--space)*1.5) 0;padding:clamp(16px,3vw,28px);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-bg-elev)} .quiz-intro{margin:0 0 12px;color:var(--c-muted)} .quiz-progress{height:6px;border-radius:999px;background:var(--c-line);overflow:hidden;margin-bottom:16px} .quiz-progress__bar{display:block;height:100%;background:var(--c-accent);transition:width .25s ease} .quiz-step{border:0;margin:0;padding:0;min-width:0} .quiz-q{font-size:clamp(17px,2vw,20px);font-weight:700;margin:0 0 12px;padding:0} .quiz-opts{display:flex;flex-direction:column;gap:8px} .quiz-opt{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--c-line);border-radius:var(--radius);cursor:pointer;background:var(--c-bg)} .quiz-opt:hover{border-color:var(--c-accent)} .quiz-opt input{position:absolute;opacity:0;pointer-events:none} .quiz-opt__box{flex:none;width:18px;height:18px;border:2px solid var(--c-line-strong);border-radius:5px;position:relative} .quiz-opt input:checked~.quiz-opt__box{border-color:var(--c-accent);background:var(--c-accent)} .quiz-opt input:checked~.quiz-opt__lbl{font-weight:600} .quiz-nav{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap} .quiz-final .site-form{margin-top:4px} .form-sample .modal__sub{color:var(--c-muted);margin:0} .input-shell{display:grid;gap:5px} .input-label{font-size:13px;font-weight:600;color:var(--c-muted)} .input-label__req{color:var(--c-accent-ink);margin-left:2px} .form-sample .input,.form-sample input:not([type=checkbox]),.form-sample textarea,.form-sample select{width:100%;font:inherit;font-size:15px;color:var(--c-text);background:var(--c-bg-elev);border:1px solid var(--c-line-strong);border-radius:var(--radius);padding:11px 13px} .form-sample .input:focus,.form-sample input:focus,.form-sample textarea:focus,.form-sample select:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 18%,transparent)} .input-help{font-size:12px;color:var(--c-accent-ink)} .checkbox{display:flex;gap:9px;align-items:flex-start;cursor:pointer;font-size:14px;color:var(--c-muted);line-height:1.4} .checkbox__input{position:absolute;opacity:0;width:1px;height:1px} .checkbox__box{flex:0 0 18px;width:18px;height:18px;border:1px solid var(--c-line-strong);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;margin-top:1px} .checkbox__box svg{width:12px;height:12px;color:transparent} .checkbox__input:checked+.checkbox__box{background:var(--c-accent);border-color:var(--c-accent)} .checkbox__input:checked+.checkbox__box svg{color:var(--c-on-accent)} .checkbox__input:focus-visible+.checkbox__box{box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 25%,transparent)} .state-card{border:1px solid var(--c-line);border-radius:var(--r-lg);text-align:center} .state-card__icon{width:48px;height:48px;margin:0 auto 8px;border-radius:50%;background:var(--c-bg-warm);display:flex;align-items:center;justify-content:center;color:var(--c-accent-ink)} .state-card__icon svg{width:26px;height:26px} .state-card__title{margin:0 0 4px} .state-card__text{margin:0;color:var(--c-muted)} .shop-buy__stock{font-size:13px;color:var(--c-muted);margin:6px 0 0} .shop-buy__stock--in::before{content:'\25cf ';color:var(--success,var(--c-accent))} .shop-buy__stock--low{color:var(--c-accent-ink)} .buy-sticky{display:none} @media (max-width:760px){ .buy-sticky{display:flex;position:sticky;bottom:0;left:0;right:0;z-index:30;gap:12px;align-items:center;justify-content:space-between;background:var(--c-bg);border-top:1px solid var(--c-line);padding:10px var(--space);margin:0 calc(var(--space)*-1) calc(var(--space)*-2)} .buy-sticky__price{font-weight:800;font-size:18px} .buy-sticky .btn{flex:0 0 auto} } @media (max-width:760px){.hero-split{grid-template-columns:1fr}} @media (max-width:980px){body.grid-dense .pv-grid{grid-template-columns:repeat(3,1fr)}body.cards-wide .pv-grid{grid-template-columns:1fr}} @media (max-width:640px){body.grid-dense .pv-grid{grid-template-columns:repeat(2,1fr)}body.hdr-center header.site .wrap{display:flex}} *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; background:var(--c-bg); color:var(--c-ink); font-family:var(--font); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } ::selection{background:color-mix(in srgb, var(--c-accent) 22%, var(--c-bg)); color:var(--c-ink);} img,svg{display:block; max-width:100%;} a{color:var(--c-accent-ink); text-decoration-thickness:1px; text-underline-offset:3px;} :focus-visible{outline:3px solid var(--c-ink); outline-offset:2px; box-shadow:0 0 0 6px var(--c-bg); border-radius:2px;} .skip-link{position:absolute;left:8px;top:-56px;z-index:1000;padding:10px 16px;border-radius:var(--radius); background:var(--c-bg);color:var(--c-ink);font-weight:600;text-decoration:none; outline:3px solid var(--c-ink);transition:top .12s ease} .skip-link:focus{top:8px} @media (prefers-reduced-motion: reduce){.skip-link{transition:none}} main:focus{outline:none} h1,h2,h3,h4{ font-family:var(--font-head); font-weight:var(--head-w); letter-spacing:var(--head-ls); line-height:1.12; margin:0 0 .45em; text-wrap:balance; } h1{font-size:clamp(38px,5vw,64px);} h2{font-size:clamp(28px,3.4vw,44px);} h3{font-size:clamp(19px,2vw,23px);} p{margin:0 0 1em; text-wrap:pretty;} small{font-size:13.5px;} .container{max-width:1200px; margin-inline:auto; padding-inline:clamp(20px,4vw,40px);} .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; font:inherit; font-weight:600; font-size:15px; line-height:1.1; min-height:46px; padding:12px 26px; border-radius:calc(var(--radius) * 1.15); border:1px solid transparent; cursor:pointer; text-decoration:none; white-space:nowrap; transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease; } .btn-primary{background:var(--c-accent-btn); color:var(--c-on-accent);} .btn-primary:hover{transform:translateY(-1px); box-shadow:0 10px 24px -10px color-mix(in srgb, var(--c-accent) 65%, transparent);} .btn-ghost{background:transparent; color:var(--c-ink); border-color:var(--c-line-strong);} .btn-ghost:hover{border-color:var(--c-ink); transform:translateY(-1px);} .btn-invert{background:var(--c-bg); color:var(--c-ink);} .btn-invert:hover{transform:translateY(-1px); box-shadow:0 10px 24px -10px color-mix(in srgb, var(--c-ink) 40%, transparent);} .btn-sm{min-height:38px; padding:8px 18px; font-size:14px;} .btn-lg{min-height:54px; padding:15px 34px; font-size:16.5px;} .btn[disabled], .btn.is-disabled{opacity:.45; pointer-events:none;} .btn:active{transform:translateY(0);} .field{display:grid; gap:7px;} .field > span{font-size:13.5px; font-weight:600; color:var(--c-ink-muted);} .field input, .field select, .field textarea, .input{ font:inherit; font-size:15px; color:var(--c-ink); background:var(--c-bg-elev); border:1px solid var(--c-line-strong); border-radius:var(--radius); padding:12px 14px; min-height:46px; width:100%; } .field input:focus, .field select:focus, .input:focus{ outline:none; border-color:var(--c-accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--c-accent) 18%, transparent); } .field input::placeholder, .input::placeholder{color:var(--c-ink-soft);} .wholesale-request{max-width:640px; padding-block:clamp(24px,4vw,48px);} .wholesale-request .wr-lead{color:var(--c-ink-muted); margin-bottom:22px; max-width:56ch;} .wr-form{display:grid; grid-template-columns:1fr 1fr; gap:16px 18px; margin-top:8px;} .wr-form .field--consent, .wr-form>button{grid-column:1 / -1;} .wr-form .field--consent{display:flex; flex-direction:row; align-items:flex-start; gap:9px; font-size:14px; font-weight:400; color:var(--c-ink-muted); cursor:pointer;} .wr-form .field--consent input{width:auto; min-height:0; margin-top:3px; flex:none;} .wr-form>button{justify-self:start; margin-top:4px;} .wr-msg{grid-column:1 / -1; font-size:14px; color:var(--c-ink-muted);} .wr-msg.err{color:var(--c-danger,#d64545);} .wr-done{font-size:16px; color:var(--c-ink); padding:18px 0;} @media (max-width:560px){ .wr-form{grid-template-columns:1fr;} } .badge{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; letter-spacing:.04em; padding:5px 11px; border-radius:999px; line-height:1.2; } .badge-accent{background:var(--c-accent-btn); color:var(--c-on-accent);} .badge-soft{background:color-mix(in srgb, var(--c-ink) 8%, var(--c-bg-elev)); color:var(--c-ink-muted);} .badge-success{background:color-mix(in srgb, var(--success) 14%, var(--c-bg-elev)); color:color-mix(in srgb, var(--success) 80%, var(--c-ink));} .status{ display:flex; align-items:center; gap:10px; padding:13px 16px; border-radius:var(--radius); background:color-mix(in srgb, var(--success) 10%, var(--c-bg-elev)); color:color-mix(in srgb, var(--success) 78%, var(--c-ink)); font-size:14.5px; font-weight:600; } .status::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--success); flex:none;} .ph{ position:relative; display:grid; place-items:center; overflow:hidden; border:1px solid var(--c-line); border-radius:var(--radius); background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--c-ink) 5%, transparent) 0 10px, transparent 10px 22px), color-mix(in srgb, var(--c-accent) 7%, var(--c-bg-warm)); } .ph::after{ content:attr(data-label); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11.5px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:var(--c-ink-soft); padding:6px 10px; text-align:center; background:color-mix(in srgb, var(--c-bg) 78%, transparent); border-radius:6px; } .site-header{ background:color-mix(in srgb, var(--c-bg) 86%, transparent); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--c-line); z-index:60; } body.menu-sticky .site-header{position:sticky; top:0;} .header-in{display:flex; align-items:center; gap:clamp(18px,3vw,40px); padding-block:12px;} body.hdr-large .header-in{padding-block:20px;} .logo{ font-family:var(--font-head); font-weight:700; font-size:21px; letter-spacing:-0.01em; color:var(--c-ink); text-decoration:none; flex:none; } body.hdr-large .logo{font-size:25px;} .menu{display:flex; gap:clamp(16px,2.4vw,30px); margin-right:auto;} .menu a{ color:var(--c-ink-muted); text-decoration:none; font-weight:500; font-size:15px; padding-block:6px; border-bottom:2px solid transparent; transition:color .15s ease; } .menu a:hover{color:var(--c-ink);} .menu a.active{color:var(--c-ink); border-bottom-color:var(--c-accent-ink);} .header-side{display:flex; align-items:center; gap:14px; margin-left:auto;} .header-search{flex:1; max-width:340px;} .header-search input{ font:inherit; font-size:14.5px; width:100%; min-height:42px; border:1px solid var(--c-line-strong); border-radius:999px; padding:9px 18px; background:var(--c-bg-elev); color:var(--c-ink); } .header-search input:focus{outline:none; border-color:var(--c-accent);} .m-nav{display:none; position:relative; margin-left:8px; align-self:center;} .m-nav summary{ list-style:none; cursor:pointer; position:relative; width:44px; height:44px; font-size:0; border:1px solid var(--c-line-strong); border-radius:var(--radius); color:var(--c-ink); user-select:none; } .m-nav summary::-webkit-details-marker{display:none;} .m-nav summary::after{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:20px; height:2px; border-radius:2px; background:currentColor; box-shadow:0 -6px 0 currentColor, 0 6px 0 currentColor;} .m-nav[open] summary{position:fixed; top:max(8px, calc((var(--header-h, 60px) - 44px) / 2)); right:clamp(16px,4vw,40px); z-index:101; background:var(--c-bg-elev);} .m-nav[open] summary::after{content:"\2715"; width:auto; height:auto; background:none; box-shadow:none; font-size:22px; line-height:1;} .m-nav:not([open]) nav{display:none;} .m-nav nav{ position:fixed; inset:0; z-index:100; display:flex; flex-direction:column; gap:2px; padding:84px clamp(20px,6vw,40px) 32px; background:var(--c-bg); overflow-y:auto; animation:m-nav-in .22s ease; } @media (prefers-reduced-motion: no-preference){@keyframes m-nav-in{from{opacity:0; transform:translateY(-8px);}}} .m-nav nav a{ color:var(--c-ink); text-decoration:none; font-family:var(--font-head); font-weight:var(--head-w); letter-spacing:var(--head-ls); font-size:clamp(22px,6vw,30px); line-height:1.2; padding:18px 4px; border-bottom:1px solid var(--c-line); } .m-nav nav a:hover, .m-nav nav a.active{color:var(--c-accent-ink);} .hero{ display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:clamp(28px,5vw,64px); padding-block:clamp(48px,8vw,108px); } .kicker{ display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--c-ink-soft); margin-bottom:18px; } .kicker::before{content:""; width:22px; height:2px; background:var(--c-accent);} .hero h1{margin-bottom:.4em;} .lead{font-size:clamp(17px,1.5vw,20px); line-height:1.6; color:var(--c-ink-muted); max-width:54ch;} .cta-row{display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; align-items:center;} .hero-media .ph{aspect-ratio:4 / 3; border-radius:var(--r-lg);} .hero--banner{ display:block; padding-block:var(--s4) 0; } .hero--banner .banner{ display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:clamp(24px,4vw,56px); background:var(--c-bg-warm); border-radius:var(--r-lg); padding:clamp(28px,4.6vw,60px); } .hero--banner .ph{aspect-ratio:5 / 4; border-radius:var(--radius);} .hero--banner h1{font-size:clamp(32px,4.2vw,54px);} @media (prefers-reduced-motion: no-preference){ .hero .hero-copy > *, .hero .hero-media, .hero--banner .banner > *{ animation:rise .7s cubic-bezier(.2,.7,.2,1) backwards; } .hero .hero-copy > :nth-child(2){animation-delay:.07s;} .hero .hero-copy > :nth-child(3){animation-delay:.14s;} .hero .hero-copy > :nth-child(4){animation-delay:.21s;} .hero .hero-media, .hero--banner .banner > :nth-child(2){animation-delay:.18s;} @keyframes rise{from{opacity:0; transform:translateY(16px);}} } .section{padding-block:clamp(44px,6vw,84px);} body.grid-airy .section{padding-block:clamp(56px,7.5vw,104px);} .section--warm{background:var(--c-bg-warm);} .section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:clamp(26px,3.4vw,44px); } .section-head h2{margin-bottom:0;} .section-head .more{font-weight:600; font-size:15px; white-space:nowrap;} .section-sub{color:var(--c-ink-muted); max-width:60ch; margin-top:10px;} .usp{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap);} .usp-item{border-top:2px solid var(--c-line-strong); padding-top:18px;} .usp-item strong{ display:block; font-family:var(--font-head); font-weight:var(--head-w); font-size:clamp(19px,1.8vw,23px); letter-spacing:var(--head-ls); line-height:1.25; margin-bottom:8px; } .usp-item p{color:var(--c-ink-muted); font-size:15px; margin:0;} .cards{display:grid; gap:var(--gap); grid-template-columns:repeat(3,1fr); align-items:stretch;} .cards--2{grid-template-columns:repeat(2,1fr);} body.grid-dense .cards--catalog{grid-template-columns:repeat(4,1fr); --gap:16px;} body.cards-wide .cards--catalog{grid-template-columns:repeat(2,1fr);} .card{ position:relative; display:flex; flex-direction:column; overflow:hidden; background:var(--c-bg-elev); border:1px solid var(--c-line); border-radius:var(--r-lg); box-shadow:var(--shadow-card); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .card:hover{transform:translateY(-4px); border-color:var(--c-line-strong); box-shadow:0 18px 40px -22px color-mix(in srgb, var(--c-ink) 22%, transparent);} .card-media{display:block; position:relative;} .card-media .ph{border:none; border-radius:0; aspect-ratio:4 / 3;} body.cards-photo .card-media .ph{aspect-ratio:1 / 1;} body.cards-wide .card-media .ph{aspect-ratio:4 / 3;} .card-badge{position:absolute; top:12px; left:12px; z-index:2;} .card-body{display:flex; flex-direction:column; flex:1; padding:20px;} body.cards-photo .card-body{padding:22px;} .card-title{font-size:17.5px; margin-bottom:6px; line-height:1.3;} .card-title a{color:var(--c-ink); text-decoration:none;} .card-title a:hover{color:var(--c-accent-ink);} .card-desc{font-size:14.5px; color:var(--c-ink-muted); margin:0 0 14px;} .card-foot{margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;} .card--bare{padding:clamp(22px,2.4vw,30px);} .card--bare .card-title{font-size:20px;} .price{font-weight:700; font-size:17px; white-space:nowrap;} body.grid-dense .price{font-size:20px;} .price-old{color:var(--c-ink-soft); text-decoration:line-through; font-size:14px; white-space:nowrap;} .price-note{font-size:13px; color:var(--c-ink-soft);} .pcard{display:flex; flex-direction:column; border:1px solid var(--c-line); border-radius:var(--r-lg); overflow:hidden; background:var(--c-bg-elev); box-shadow:var(--shadow-card); transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;} .pcard:hover{transform:translateY(-4px); border-color:var(--c-line-strong); box-shadow:0 20px 44px -26px rgb(31 28 24 / .4);} .pcard-media{position:relative; display:block; aspect-ratio:1/1; overflow:hidden;} .pcard-photo{position:absolute; inset:0; z-index:1; display:block;} .pcard-photo img,.pcard-img,.pcard-media .ph{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top; border:0; border-radius:0; transition:transform .5s ease;} .pcard-noimg{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; text-align:center; padding:10px; background:var(--c-bg-tint);} .pcard-noimg b{font-family:var(--font-head); font-weight:var(--head-w); font-size:18px; letter-spacing:.04em; color:var(--c-ink-on-tint);} .pcard-noimg i{display:block; width:34px; height:1px; background:var(--c-line-strong);} .pcard-noimg span{font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--c-ink-on-tint); font-family:var(--font-mono, ui-monospace, monospace);} .pcard-noimg.ph-main{position:relative; inset:auto; aspect-ratio:1/1; border-radius:var(--r-lg); gap:13px;} .pcard-noimg.ph-main b{font-size:26px;} .pcard:hover .pcard-photo img{transform:scale(1.04);} .pcard-badge{position:absolute; top:12px; left:12px; z-index:2;} .wish{position:absolute; top:12px; right:12px; z-index:3; width:34px; height:34px; border-radius:50%; border:1px solid var(--c-line); background:rgb(255 255 255 / .82); display:grid; place-items:center; cursor:pointer; padding:0; transition:background .15s ease, border-color .15s ease;} .wish svg{width:18px; height:18px; fill:none; stroke:var(--c-ink-muted); stroke-width:1.6;} .wish:hover{border-color:var(--c-line-strong);} .wish.is-on svg{fill:var(--c-accent); stroke:var(--c-accent);} .pcard-sw{position:absolute; left:12px; bottom:12px; z-index:2; display:flex; align-items:center; gap:5px;} .pcard-sw .sw{width:18px; height:18px; border-radius:50%; border:2px solid var(--c-bg-elev); box-shadow:0 0 0 1px var(--c-line-strong);} .pcard-sw .more{font-size:11px; font-weight:700; color:#fff; background:rgb(0 0 0 / .45); border-radius:999px; padding:2px 7px;} .pcard-body{display:flex; flex-direction:column; flex:1; padding:14px 15px 16px;} .pcard-size{font-size:12.5px; color:var(--c-ink-soft); margin:8px 0 0;} .dot{flex:none; width:13px; height:13px; border-radius:50%; box-shadow:0 0 0 1px var(--c-line-strong) inset;} .pcard-mat{font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--c-ink-soft); margin:0 0 7px; font-family:var(--font-mono, ui-monospace, monospace);} .pcard-name{font-size:16px; font-weight:700; line-height:1.3; color:var(--c-ink); margin:0; min-height:42px;} .pcard-name a{color:inherit; text-decoration:none;} .pcard-name a:hover{color:var(--c-accent-ink);} .pcard-foot{display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-top:auto; padding-top:14px;} .pcard-price{display:flex; align-items:baseline; gap:6px; flex-wrap:wrap;} .pcard-price .pre{font-size:12px; color:var(--c-ink-soft);} .pcard-price .now{font-size:19px; font-weight:800; color:var(--c-price, var(--c-ink)); font-variant-numeric:tabular-nums;} .pcard-price .old{font-size:12.5px; color:var(--c-ink-soft); text-decoration:line-through;} .pcard-cta{flex:none; border:0; border-radius:var(--radius); cursor:pointer; font:inherit; font-size:12.5px; font-weight:700; padding:10px 14px; white-space:nowrap; background:var(--c-accent-btn); color:var(--c-on-accent); text-decoration:none; transition:background .15s ease;} .pcard-cta:hover{background:var(--c-accent-deep, var(--c-accent));} .pcard-addform{margin:0;} .pg{display:flex;} .pg-real{display:inline-flex; align-items:baseline; gap:9px; flex-wrap:wrap;} .pg-lock{display:inline-flex; align-items:center; gap:7px; text-decoration:none; color:var(--c-ink-muted); font-size:13px; line-height:1.2;} .pg-ico{width:13px; height:15px; flex:none; color:var(--c-accent-ink); border:1.5px solid currentColor; border-radius:3px;} .pg-txt{font-weight:600; color:var(--c-ink);} .pg-cta{font-weight:700; color:var(--c-accent-deep, var(--c-accent)); white-space:nowrap;} .promobar{background:var(--c-accent-deep, var(--c-accent)); color:var(--c-on-accent);} .promobar .container{display:flex; flex-wrap:wrap; justify-content:center; gap:6px 26px; padding-block:8px; font-size:11px; letter-spacing:.14em; text-transform:uppercase;} .promobar span::before{content:'•'; margin-right:10px; opacity:.6;} .optbar{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:0 0 20px; padding:13px 18px; border:1px solid var(--c-line-strong); border-radius:var(--radius); background:var(--c-bg-warm);} .optbar-txt{font-size:14px; color:var(--c-ink);} .optbar-cta{font-weight:700; color:var(--c-accent-deep, var(--c-accent)); white-space:nowrap;} .quote{max-width:840px; margin-inline:auto; text-align:center; padding-inline:10px;} .quote p{ font-family:var(--font-head); font-weight:var(--head-w); font-size:clamp(21px,2.6vw,31px); line-height:1.4; letter-spacing:var(--head-ls); margin-bottom:22px; } .quote cite{font-style:normal; font-size:15px; color:var(--c-ink-muted);} .news-item{ display:grid; grid-template-columns:120px 1fr; gap:var(--s3); padding-block:20px; border-top:1px solid var(--c-line); align-items:baseline; } .news-item:last-child{border-bottom:1px solid var(--c-line);} .news-item time{font-size:13.5px; color:var(--c-ink-soft); font-weight:600;} .news-item h3{font-size:17.5px; margin-bottom:4px;} .news-item h3 a{color:var(--c-ink); text-decoration:none;} .news-item h3 a:hover{color:var(--c-accent-ink);} .news-item p{font-size:14.5px; color:var(--c-ink-muted); margin:0;} .cta-band{ background:var(--c-ink); color:var(--c-bg); border-radius:var(--r-lg); padding:clamp(34px,5vw,60px); display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; } .cta-band h2{margin-bottom:8px; color:inherit;} .cta-band p{margin:0; opacity:.78; max-width:48ch;} .footer{border-top:1px solid var(--c-line); margin-top:var(--s5); background:var(--c-bg);} .footer-in{padding-block:clamp(36px,5vw,60px) 26px;} body.ftr-columns .footer-cols{display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:var(--s4);} body.ftr-simple .footer-cols{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:var(--s4);} body.ftr-simple .footer-cols .f-col h4{display:none;} body.ftr-simple .footer-cols .f-col ul{display:flex; gap:22px; flex-wrap:wrap;} .f-brand p{color:var(--c-ink-muted); font-size:14.5px; max-width:32ch; margin-top:10px;} .f-col h4{font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--c-ink-soft); margin-bottom:14px;} .f-col ul{list-style:none; margin:0; padding:0; display:grid; gap:9px;} .f-col a{color:var(--c-ink-muted); text-decoration:none; font-size:14.5px;} .f-col a:hover{color:var(--c-ink);} .footer-bottom{ display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; border-top:1px solid var(--c-line); padding-block:18px; font-size:13px; color:var(--c-ink-soft); } .footer-bottom a{color:inherit;} .crumbs{display:flex; flex-wrap:wrap; gap:8px; font-size:13.5px; color:var(--c-ink-soft); padding-block:var(--s3) 0;} .crumbs a{color:var(--c-ink-muted); text-decoration:none;} .crumbs a:hover{color:var(--c-accent-ink);} .page-head{padding-block:var(--s3) var(--s3);} .page-head h1{font-size:clamp(30px,4vw,50px); margin-bottom:6px;} .page-head .page-intro{color:var(--c-ink-soft); font-size:16px; max-width:70ch; margin-bottom:8px;} .page-head .count{color:var(--c-ink-soft); font-size:15px;} .filters{display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding-block:6px var(--s4);} .catalog-layout{display:grid; grid-template-columns:260px minmax(0,1fr); gap:var(--s4); align-items:start;} .catalog-layout:not(:has(.catalog-sidebar)){grid-template-columns:1fr;} .catalog-main{min-width:0;} .catalog-sidebar{position:sticky; top:calc(var(--header-h, 0px) + var(--s3)); font-size:14px;} .fl-card{border:1px solid var(--c-line); border-radius:12px; background:var(--c-bg-elev); overflow:hidden;} .flg{border-bottom:1px solid var(--c-line);} .fl-card .flg:last-of-type{border-bottom:0;} .flg>summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:8px; padding:13px 15px; user-select:none;} .flg>summary::-webkit-details-marker{display:none;} .flg-t{font-size:13px; font-weight:700; color:var(--c-ink);} .flg-n{font-size:11px; font-weight:700; color:var(--c-on-accent); background:var(--c-accent-deep, var(--c-accent)); border-radius:999px; padding:1px 7px;} .flg-chev{margin-left:auto; width:7px; height:7px; border-right:2px solid var(--c-ink-soft); border-bottom:2px solid var(--c-ink-soft); transform:rotate(-45deg); transition:transform .15s ease;} .flg[open]>summary .flg-chev{transform:rotate(45deg);} .flg-body{padding:0 15px 14px;} .flg-more{margin-top:9px;} .flg-more>summary{list-style:none; cursor:pointer; font-size:12.5px; font-weight:700; color:var(--c-accent-deep, var(--c-accent)); padding:4px 0; user-select:none;} .flg-more>summary::-webkit-details-marker{display:none;} .flg-more[open]>summary{color:var(--c-ink-soft);} .flg-more .fbody--chips, .flg-more .fbody{margin-top:8px;} .fl-actions{display:flex; align-items:center; gap:14px; padding:13px 15px; border-top:1px solid var(--c-line);} .js .fl-form .fl-apply{display:none;} .js .fl-form .fl-actions:not(:has(.fl-reset)){display:none;} .fopt--link{text-decoration:none; color:var(--c-ink-muted);} .fopt--link .box{flex:none; width:17px; height:17px; border-radius:5px; border:1.5px solid var(--c-line-strong); background:var(--c-bg-elev); display:grid; place-items:center;} .fopt--link .box::after{content:''; width:9px; height:5px; border-left:2px solid var(--c-on-accent); border-bottom:2px solid var(--c-on-accent); transform:rotate(-45deg) scale(0); margin-top:-2px;} .fopt--link.is-active{color:var(--c-ink); font-weight:600;} .fopt--link.is-active .box{background:var(--c-accent); border-color:var(--c-accent);} .fopt--link.is-active .box::after{transform:rotate(-45deg) scale(1);} .fl-sheet-head{display:none;} .catbar{display:none;} .fbody--chips{display:flex; flex-wrap:wrap; gap:7px;} .chipf{position:relative; cursor:pointer;} .chipf input{position:absolute; opacity:0; width:0; height:0;} .chipf span{display:inline-flex; min-width:38px; height:34px; align-items:center; justify-content:center; padding:0 11px; border:1.5px solid var(--c-line-strong); border-radius:8px; font-size:13px; font-weight:600; color:var(--c-ink-muted); transition:border-color .15s ease, background .15s ease, color .15s ease;} .chipf input:checked + span{background:var(--c-accent); border-color:var(--c-accent); color:var(--c-on-accent);} .chipf input:focus-visible + span{outline:3px solid var(--c-ink);outline-offset:2px;box-shadow:0 0 0 6px var(--c-bg)} .fl-toggle{display:none;} .fl-group{display:flex; flex-direction:column; gap:7px; padding-bottom:var(--s3); border-bottom:1px solid var(--c-line);} .fl-group h3{font-size:13px; text-transform:uppercase; letter-spacing:.04em; color:var(--c-ink-soft); margin:0 0 2px;} details.fl-group>summary{position:sticky; top:-1px; z-index:2; background:var(--c-bg); font-size:13px; text-transform:uppercase; letter-spacing:.04em; color:var(--c-ink-soft); cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; user-select:none; padding:4px 0 2px;} details.fl-group>summary::-webkit-details-marker{display:none;} details.fl-group>summary::after{content:'▾'; transition:transform .15s ease; color:var(--c-ink-muted);} details.fl-group:not([open])>summary::after{transform:rotate(-90deg);} details.fl-group[open]>summary{margin-bottom:5px;} .fl-tree, .fl-tree ul{list-style:none; margin:0; padding:0;} .fl-tree ul{margin-left:12px;} .fl-tree a, .fl-all{display:block; padding:3px 0; color:var(--c-ink-muted); text-decoration:none;} .fl-tree a:hover, .fl-all:hover{color:var(--c-accent-ink);} .fl-tree a.is-active, .fl-all.is-active{color:var(--c-ink); font-weight:700;} .fl-check{display:flex; align-items:center; gap:8px; cursor:pointer; color:var(--c-ink-muted);} .fl-check input{width:16px; height:16px;} .fl-price{display:flex; align-items:center; gap:8px;} .fl-price input{width:100%; min-width:0; padding:7px 9px; border:1px solid var(--c-line-strong); border-radius:8px; font:inherit; background:var(--c-bg-elev); color:var(--c-ink);} .fl-form{display:flex; flex-direction:column;} .fl-apply{align-self:flex-start;} .fl-reset{font-size:13px; font-weight:600; color:var(--c-accent-deep, var(--c-accent)); text-decoration:none; cursor:pointer;} .fl-reset:hover{text-decoration:underline;} .filterbar{display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding-block:6px var(--s4);} .page-head--catalog{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;} .page-head--catalog .page-head-main{min-width:0;} .sort-pill{flex:none; position:relative;} .sort-pill::after{content:'▾'; position:absolute; right:13px; top:50%; transform:translateY(-50%); pointer-events:none; color:var(--c-ink-muted); font-size:12px;} .sort-pill select{font:inherit; font-size:13px; font-weight:700; color:var(--c-ink); background:var(--c-bg-elev); border:1px solid var(--c-line-strong); border-radius:8px; padding:9px 32px 9px 14px; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none;} .qfilter{font:inherit; font-size:13px; font-weight:600; cursor:pointer; color:var(--c-ink); background:var(--c-bg-warm); border:1px solid var(--c-line); border-radius:999px; padding:8px 14px; text-decoration:none; transition:border-color .15s ease, background .15s ease;} .qfilter:hover{border-color:var(--c-line-strong);} .qfilter.active{background:var(--c-accent); border-color:var(--c-accent); color:var(--c-on-accent);} .fbody{display:flex; flex-direction:column; gap:2px;} .fopt{display:flex; align-items:center; gap:10px; padding:6px 0; font-size:13.5px; color:var(--c-ink-muted); cursor:pointer; position:relative;} .fopt:hover{color:var(--c-ink);} .fopt input{position:absolute; opacity:0; width:0; height:0;} .fopt .box{flex:none; width:17px; height:17px; border-radius:5px; border:1.5px solid var(--c-line-strong); background:var(--c-bg-elev); display:grid; place-items:center; transition:border-color .15s ease, background .15s ease;} .fopt .box::after{content:''; width:9px; height:5px; border-left:2px solid var(--c-on-accent); border-bottom:2px solid var(--c-on-accent); transform:rotate(-45deg) scale(0); margin-top:-2px; transition:transform .12s ease;} .fopt input:checked + .box{background:var(--c-accent); border-color:var(--c-accent);} .fopt input:checked + .box::after{transform:rotate(-45deg) scale(1);} .fopt input:focus-visible + .box{outline:3px solid var(--c-ink);outline-offset:2px;box-shadow:0 0 0 6px var(--c-bg)} .fopt .lbl{flex:1;} .fopt .n{font-size:12px; color:var(--c-ink-soft); font-family:var(--font-mono, ui-monospace, monospace);} .fl-more>summary{list-style:none; cursor:pointer; font-size:12.5px; font-weight:600; color:var(--c-accent-ink); padding:6px 0 2px; user-select:none;} .fl-more>summary::-webkit-details-marker{display:none;} .fl-more[open]>summary{color:var(--c-ink-soft);} .fl-more[open]>summary::after{content:' ↑';} @media (max-width:860px){ .catalog-layout{grid-template-columns:1fr;} .cards--catalog{grid-template-columns:repeat(2,1fr);} .sort-pill{display:none;} .catbar{display:flex; position:fixed; left:0; right:0; bottom:0; z-index:40; gap:10px; padding:10px 12px calc(10px + env(safe-area-inset-bottom)); background:var(--c-bg); border-top:1px solid var(--c-line);} .catbar-btn{flex:1; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:46px; border-radius:10px; font:inherit; font-size:14px; font-weight:700; cursor:pointer;} .catbar-btn[data-fl-toggle]{background:var(--c-ink); color:var(--c-bg); border:0;} .catbar-sort{position:relative; background:var(--c-bg-elev); color:var(--c-ink); border:1px solid var(--c-line-strong);} .catbar-sort select{position:absolute; inset:0; opacity:0; width:100%; cursor:pointer;} .catbar-n{font-size:12px; font-weight:700; color:var(--c-ink); background:var(--c-bg); border-radius:999px; padding:0 7px; margin-left:2px;} .catalog-main{padding-bottom:72px;} .catalog-sidebar{display:none; position:static;} .catalog-sidebar.is-open{display:flex; flex-direction:column; position:fixed; left:0; right:0; bottom:0; top:auto; max-height:88vh; z-index:80; border-radius:16px 16px 0 0; box-shadow:0 -8px 30px rgb(0 0 0 / .22);} .catalog-sidebar.is-open .fl-form{overflow-y:auto; flex:1; min-height:0;} .fl-sheet-head{display:flex; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid var(--c-line); position:sticky; top:0; background:var(--c-bg-elev); z-index:1;} .fl-sheet-title{font-size:16px; font-weight:700; color:var(--c-ink);} .fl-sheet-head .fl-reset{margin-left:auto;} .fl-sheet-x{flex:none; width:32px; height:32px; border:1px solid var(--c-line); border-radius:8px; background:var(--c-bg); font-size:15px; cursor:pointer; color:var(--c-ink-muted);} .js .fl-form .fl-apply{display:block;} .js .fl-form .fl-actions{display:flex !important;} .fl-actions{position:sticky; bottom:0; background:var(--c-bg-elev); flex-direction:column; align-items:stretch;} .fl-actions .fl-apply{width:100%; min-height:46px;} .fl-actions .fl-reset{text-align:center;} } .chip{ display:inline-flex; align-items:center; min-height:40px; padding:8px 18px; border:1px solid var(--c-line-strong); border-radius:999px; background:var(--c-bg-elev); color:var(--c-ink-muted); font:inherit; font-size:14px; font-weight:600; cursor:pointer; text-decoration:none; transition:border-color .15s ease, color .15s ease, background .15s ease; } .chip:hover{border-color:var(--c-ink); color:var(--c-ink);} .chip.active{background:var(--c-accent); border-color:var(--c-accent); color:var(--c-on-accent);} .filters select{ margin-left:auto; font:inherit; font-size:14px; font-weight:600; color:var(--c-ink); background:var(--c-bg-elev); border:1px solid var(--c-line-strong); border-radius:999px; min-height:40px; padding:8px 16px; } .pagination{display:flex; gap:8px; justify-content:center; padding-block:var(--s4) var(--s2);} .page-btn{ display:grid; place-items:center; min-width:44px; min-height:44px; border:1px solid var(--c-line-strong); border-radius:var(--radius); color:var(--c-ink-muted); font-weight:600; font-size:15px; text-decoration:none; transition:border-color .15s ease, color .15s ease; } .page-btn:hover{border-color:var(--c-ink); color:var(--c-ink);} .page-btn.active{background:var(--c-accent); border-color:var(--c-accent); color:var(--c-on-accent);} .product{ display:grid; grid-template-columns:1.02fr .98fr; gap:clamp(26px,4.5vw,60px); padding-block:var(--s3) var(--s4); } .gallery .ph-main{aspect-ratio:1 / 1; border-radius:var(--r-lg);} @media (min-width:901px){ .p-info{position:sticky; top:calc(var(--header-h, 0px) + var(--s3)); align-self:start;} } .thumbs{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:12px;} @media (max-width:620px){ .thumbs{display:flex; grid-template-columns:none; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity; gap:10px; padding-bottom:4px; scrollbar-width:none;} .thumbs::-webkit-scrollbar{display:none;} .thumbs .thumb{flex:0 0 22%; scroll-snap-align:start;} } .thumbs .ph{aspect-ratio:1 / 1; cursor:pointer;} .thumbs .ph.active{outline:2px solid var(--c-accent); outline-offset:2px;} .thumbs .ph::after{font-size:9px; padding:3px 6px;} .p-info h1{font-size:clamp(28px,3.2vw,42px); margin-bottom:10px;} .p-cat{font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--c-ink-soft); font-weight:700; margin-bottom:12px;} .price-row{display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin-block:14px 18px;} .price-big{font-size:clamp(28px,2.8vw,36px); font-weight:700; letter-spacing:-0.02em;} .price-big.price-na{color:var(--c-ink-soft); font-weight:600;} .p-desc{color:var(--c-ink-muted); max-width:52ch;} .opt-group{margin-top:22px;} .opt-group > span{display:block; font-size:13.5px; font-weight:700; color:var(--c-ink-muted); margin-bottom:10px;} .opt-group > span em{font-style:normal; color:var(--c-ink); font-weight:700;} .opts{display:flex; flex-wrap:wrap; gap:10px;} .opt{ display:inline-flex; align-items:center; min-height:44px; padding:9px 18px; border:1px solid var(--c-line-strong); border-radius:var(--radius); background:var(--c-bg-elev); color:var(--c-ink); font:inherit; font-size:14.5px; font-weight:500; cursor:pointer; transition:border-color .15s ease, box-shadow .15s ease; } .opt:hover{border-color:var(--c-ink);} .opt.active{border-color:var(--c-accent); box-shadow:inset 0 0 0 1px var(--c-accent);} .opt.is-disabled{opacity:.4; pointer-events:none; text-decoration:line-through;} .opt.is-oos{opacity:.45; border-style:dashed; cursor:pointer;} .opt.is-oos:hover{opacity:.7; border-color:var(--c-ink);} .restock-cta{margin-top:14px;} .restock-cta[hidden]{display:none;} .restock-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:16px;} .restock-modal__box{position:relative;background:var(--c-bg);border-radius:var(--r-lg);max-width:420px;width:100%;padding:28px 24px 24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 40px rgba(0,0,0,.25);} .restock-modal__box h3{margin:0;font-size:22px;} .restock-modal__hint{color:var(--c-ink-soft);margin:0;font-size:14px;} .restock-modal__box label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600;} .restock-modal__box input[type=text],.restock-modal__box input[name=name],.restock-modal__box input[name=contact]{padding:11px 13px;border:1px solid var(--c-line-strong);border-radius:var(--radius);font:inherit;} .restock-modal__consent{flex-direction:row !important;align-items:flex-start;gap:8px;font-weight:400;color:var(--c-ink-muted);} .restock-modal__consent input{margin-top:2px;} .restock-modal__close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:var(--c-ink-soft);} .restock-modal__msg{font-size:14px;} .restock-modal__msg.err{color:#c0392b;} .opt--color{padding-left:11px;} .opt--color .opt-sw{width:20px; height:20px; margin-right:9px;} .opt-sw--img{background-size:cover; background-position:center; border-color:var(--c-line-strong);} .opt-sw--none{background:repeating-conic-gradient(var(--c-line) 0% 25%, var(--c-bg-elev) 0% 50%) 50% / 8px 8px;} .opt--color.is-disabled .opt-sw{position:relative;} .buy-row{display:flex; gap:12px; margin-top:26px; flex-wrap:wrap;} .buy-row .btn-primary{flex:1 1 220px;} .qty-step{display:inline-flex; align-items:center; flex:0 0 auto; border:1px solid var(--c-line-strong); border-radius:var(--radius); overflow:hidden; background:var(--c-bg-elev);} .qty-step__btn{appearance:none; border:0; background:none; cursor:pointer; width:48px; min-height:54px; font-size:22px; line-height:1; color:var(--c-ink); display:grid; place-items:center;} .qty-step__btn:hover{background:var(--c-bg-warm);} .qty-step__inp{width:52px; min-height:54px; border:0; border-inline:1px solid var(--c-line); background:none; text-align:center; font:inherit; font-weight:700; color:var(--c-ink); -moz-appearance:textfield;} .qty-step__inp::-webkit-outer-spin-button,.qty-step__inp::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;} .qty-step__inp:focus{outline:none;} .p-status{margin-top:18px;} .p-warehouses{margin-top:16px; padding:12px 14px; border:1px solid var(--c-line); border-radius:var(--radius-sm,8px); font-size:14px;} .p-warehouses__t{display:block; color:var(--c-ink-muted); margin-bottom:6px;} .p-warehouses__list{list-style:none; margin:0; padding:0; display:grid; gap:4px;} .p-warehouses__list li{display:flex; justify-content:space-between; gap:12px;} .meta-list{list-style:none; margin:22px 0 0; padding:0; display:grid; gap:9px; font-size:14.5px; color:var(--c-ink-muted);} .meta-list li{display:flex; gap:10px; align-items:baseline;} .meta-list li::before{content:"—"; color:var(--c-ink-soft); flex:none;} .spec-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; padding-block:12px; border-top:1px solid var(--c-line); font-size:15px;} .spec-row:last-child{border-bottom:1px solid var(--c-line);} .spec-row dt{color:var(--c-ink-soft); margin:0;} .spec-row dd{margin:0; color:var(--c-ink);} .p-cols{display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px,4vw,64px); align-items:start;} .specs-acc>summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between;} .specs-acc>summary::-webkit-details-marker{display:none;} .specs-acc>summary h2{margin:0;} .specs-acc>summary::after{content:'+'; font-size:24px; color:var(--c-ink-soft); line-height:1;} .specs-acc[open]>summary::after{content:'−';} .prose{max-width:720px; margin-inline:auto; font-size:18.5px; line-height:1.75;} .prose p{margin-bottom:1.25em;} .prose h2{font-size:clamp(24px,2.6vw,32px); margin-top:1.7em;} .prose blockquote{ margin:1.8em 0; padding-left:24px; border-left:3px solid var(--c-accent); font-family:var(--font-head); font-size:clamp(20px,2.2vw,25px); line-height:1.5; color:var(--c-ink); } .prose figure{margin:2em 0;} .prose figcaption{font-size:13.5px; color:var(--c-ink-soft); margin-top:10px;} .prose .ph{aspect-ratio:16 / 9;} .article-head{max-width:840px; margin-inline:auto; padding-block:var(--s4) var(--s3); text-align:center;} .article-head h1{font-size:clamp(32px,4.4vw,56px);} .article-meta{display:flex; gap:18px; justify-content:center; flex-wrap:wrap; font-size:14px; color:var(--c-ink-soft); margin-top:14px;} .post-row{ display:grid; grid-template-columns:120px 1fr auto; gap:var(--s3); align-items:baseline; padding-block:24px; border-top:1px solid var(--c-line); } .post-row:last-child{border-bottom:1px solid var(--c-line);} .post-row time{font-size:13.5px; font-weight:600; color:var(--c-ink-soft);} .post-row h3{font-size:clamp(19px,2vw,24px); margin-bottom:6px;} .post-row h3 a{color:var(--c-ink); text-decoration:none;} .post-row h3 a:hover{color:var(--c-accent-ink);} .post-row p{font-size:15px; color:var(--c-ink-muted); margin:0; max-width:64ch;} .post-rubric{font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--c-accent-ink); white-space:nowrap;} @media (max-width:1020px){ .cards, .cards--catalog{grid-template-columns:repeat(2,1fr);} body.grid-dense .cards--catalog{grid-template-columns:repeat(3,1fr);} } @media (max-width:900px){ .menu{display:none;} .m-nav{display:block; margin-left:auto;} .site-header{backdrop-filter:none; -webkit-backdrop-filter:none;} .header-side{margin-left:0; order:3;} .header-in{justify-content:space-between;} .header-search{display:none;} .hero{grid-template-columns:1fr; padding-block:clamp(36px,7vw,64px);} .hero--banner .banner{grid-template-columns:1fr;} .usp{grid-template-columns:1fr; gap:var(--s3);} .product{grid-template-columns:1fr;} .p-cols{grid-template-columns:1fr;} body.ftr-columns .footer-cols{grid-template-columns:1fr 1fr; gap:var(--s3);} .section-head{flex-direction:column; align-items:flex-start; gap:10px;} } @media (max-width:620px){ .cards, .cards--catalog{grid-template-columns:1fr;} body.grid-dense .cards--catalog{grid-template-columns:repeat(2,1fr); --gap:12px;} .news-item{grid-template-columns:1fr; gap:6px;} .post-row{grid-template-columns:1fr; gap:8px;} .cta-band{padding:28px 22px;} .buy-row .btn-primary{flex-basis:100%;} body.ftr-columns .footer-cols{grid-template-columns:1fr;} .header-side .btn{display:none;} } .band-ink{background:var(--c-ink); color:var(--c-bg);} .band-ink .kicker{color:color-mix(in srgb, var(--c-bg) 62%, transparent);} .band-ink .kicker::before{background:var(--c-accent);} .band-ink .lead{color:color-mix(in srgb, var(--c-bg) 78%, transparent);} .band-ink .btn-ghost{color:var(--c-bg); border-color:color-mix(in srgb, var(--c-bg) 38%, transparent);} .band-ink .btn-ghost:hover{border-color:var(--c-bg);} .band-ink .ph{ border-color:color-mix(in srgb, var(--c-bg) 14%, transparent); background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--c-bg) 7%, transparent) 0 10px, transparent 10px 22px), color-mix(in srgb, var(--c-bg) 5%, transparent); } .band-ink .ph::after{background:color-mix(in srgb, var(--c-ink) 45%, transparent); color:color-mix(in srgb, var(--c-bg) 65%, transparent);} .ticker{overflow:hidden; background:var(--c-accent-btn); color:var(--c-on-accent); white-space:nowrap;} .ticker-in{display:inline-flex; padding-block:11px; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; will-change:transform;} .ticker-in > span{flex:none; padding-right:18px;} .ticker-in > span::after{content:"·"; padding-left:18px; opacity:.6;} @media (prefers-reduced-motion: no-preference){ .ticker-in{animation:tick 36s linear infinite;} @keyframes tick{to{transform:translateX(-50%);}} } body.hdr-center .header-in{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; row-gap:14px; padding-block:18px;} body.hdr-center .logo{grid-column:2; grid-row:1; justify-self:center;} body.hdr-center .header-side{grid-column:3; grid-row:1; justify-self:end; margin-left:0;} body.hdr-center .menu{grid-column:1 / -1; grid-row:2; justify-content:center; margin-right:0;} @media (max-width:900px){ body.hdr-center .header-in{display:flex;} } body.hero-center .hero{grid-template-columns:1fr; text-align:center; gap:clamp(30px,4vw,52px); padding-block:clamp(48px,7vw,96px) clamp(32px,4.5vw,56px);} body.hero-center .lead{margin-inline:auto;} body.hero-center .cta-row{justify-content:center;} body.hero-center .hero-media .ph{aspect-ratio:21 / 9;} .hero-x{ position:relative; } .hero-x .kicker{ margin-bottom:16px; } .hero-x__copy > :last-child, .hero-x__inner > :last-child{ margin-bottom:0; } .hero-x .cta-row{ margin-top:30px; } .hero-x__proof{ margin-top:34px; } @media (prefers-reduced-motion: no-preference){ .hero-x__copy > *, .hero-x__inner > *, .hero-x__media{ animation:hx-rise .7s cubic-bezier(.2,.7,.2,1) backwards; } .hero-x__copy > :nth-child(2), .hero-x__inner > :nth-child(2){ animation-delay:.06s; } .hero-x__copy > :nth-child(3), .hero-x__inner > :nth-child(3){ animation-delay:.12s; } .hero-x__copy > :nth-child(4), .hero-x__inner > :nth-child(4){ animation-delay:.18s; } .hero-x__copy > :nth-child(5), .hero-x__inner > :nth-child(5){ animation-delay:.24s; } .hero-x__media{ animation-delay:.16s; } @keyframes hx-rise{ from{ opacity:0; transform:translateY(16px); } } } .proofbar{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 30px; } .proofbar__rating{ display:inline-flex; align-items:center; gap:9px; font-size:14.5px; font-weight:600; color:var(--c-ink-muted); white-space:nowrap; } .proofbar .stars{ color:var(--c-accent-ink); letter-spacing:2px; font-size:16px; line-height:1; } .proofbar__logos{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; } .logo-ph{ position:relative; height:30px; min-width:88px; border-radius:6px; border:1px solid var(--c-line); background:color-mix(in srgb, var(--c-ink) 5%, var(--c-bg-elev)); display:grid; place-items:center; } .logo-ph::after{ content:attr(data-label); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:9.5px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--c-ink-soft); } .proofbar--strong{ justify-content:center; gap:20px 40px; border-top:1px solid var(--c-line); border-bottom:1px solid var(--c-line); padding-block:22px; } .proofbar--strong .logo-ph{ height:34px; min-width:104px; } .proofbar__count{ font-family:var(--font-head); font-weight:var(--head-w); letter-spacing:var(--head-ls); font-size:clamp(24px,3vw,34px); line-height:1; color:var(--c-ink); } .proofbar__count small{ display:block; margin-top:5px; font-family:var(--font); font-weight:600; font-size:13px; letter-spacing:.02em; color:var(--c-ink-soft); } .hero-x__bg{ position:absolute; inset:0; z-index:0; overflow:hidden; } .hero-x__bg > .ph{ width:100%; height:100%; border:0; border-radius:0; } .hero-x__bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, color-mix(in srgb, var(--c-ink) 12%, transparent) 0%, color-mix(in srgb, var(--c-ink) 40%, transparent) 46%, color-mix(in srgb, var(--c-ink) 84%, transparent) 100%); } .hero-x__bg + .container [data-slot], .hero-x.hero-photo h1, .hero-x.hero-photo .lead, .hero-slide__copy h2, .hero-slide__copy .lead{ color:var(--c-bg); } .hero-x.hero-photo .lead, .hero-slide__copy .lead{ opacity:.94; } .hero-x.hero-photo .kicker{ color:color-mix(in srgb, var(--c-bg) 72%, transparent); } .hero-x.hero-photo .btn-ghost, .hero-slide__copy .btn-ghost{ color:var(--c-bg); border-color:color-mix(in srgb, var(--c-bg) 46%, transparent); } .hero-x.hero-photo .btn-ghost:hover, .hero-slide__copy .btn-ghost:hover{ border-color:var(--c-bg); } .hero-x.hero-center .hero-x__inner{ max-width:780px; margin-inline:auto; text-align:center; padding-block:clamp(56px,9vw,124px); } .hero-x.hero-center .kicker{ justify-content:center; } .hero-x.hero-center h1{ font-size:clamp(40px,5.4vw,68px); } .hero-x.hero-center .lead{ margin-inline:auto; max-width:58ch; } .hero-x.hero-center .cta-row{ justify-content:center; } .hero-x.hero-center .hero-x__proof{ display:flex; justify-content:center; } .hero-x.hero-split .hero-x__grid{ display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:clamp(28px,5vw,68px); padding-block:clamp(48px,8vw,108px); } .hero-x.hero-split .hero-x__media{ position:relative; } .hero-x.hero-split .hero-x__media .ph{ position:relative; z-index:1; aspect-ratio:4 / 3.4; border-radius:var(--r-lg); } .hero-x.hero-split .hero-x__media::after{ content:""; position:absolute; z-index:0; right:-18px; bottom:-18px; width:56%; height:62%; border-radius:var(--r-lg); background:color-mix(in srgb, var(--c-accent) 16%, var(--c-bg)); } .hero-x.hero-split--mirror .hero-x__copy{ order:2; } .hero-x.hero-split--mirror .hero-x__media{ order:1; } .hero-x.hero-split--mirror .hero-x__media::after{ right:auto; left:-18px; } .hero-x.hero-photo{ overflow:hidden; } .hero-x.hero-photo .container{ position:relative; z-index:1; min-height:clamp(440px,64vh,640px); display:flex; flex-direction:column; justify-content:flex-end; padding-block:clamp(44px,6vw,76px); } .hero-x.hero-photo .hero-x__copy{ max-width:640px; } .hero-x.hero-photo h1{ font-size:clamp(36px,5vw,62px); } .hero-x.hero-photo .lead{ max-width:52ch; } .hero-x.hero-slider .hero-slider__viewport{ position:relative; } .hero-x.hero-slider .hero-slider__track{ display:grid; } .hero-slide{ grid-area:1 / 1; position:relative; min-height:clamp(420px,60vh,600px); display:flex; align-items:flex-end; opacity:0; visibility:hidden; transition:opacity .6s ease, visibility .6s ease; } .hero-slide.is-active{ opacity:1; visibility:visible; } .hero-slide__copy{ position:relative; z-index:1; max-width:680px; padding-block:clamp(38px,6vw,72px); } .hero-slide__copy h2{ font-size:clamp(28px,4.2vw,50px); margin-bottom:.4em; } .hero-slide__copy .lead{ max-width:52ch; } .hero-slider__arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:48px; height:48px; border-radius:999px; border:1px solid color-mix(in srgb, var(--c-bg) 50%, transparent); background:color-mix(in srgb, var(--c-ink) 32%, transparent); color:var(--c-bg); font-size:26px; line-height:1; cursor:pointer; display:grid; place-items:center; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); transition:background .15s ease, border-color .15s ease, transform .15s ease; } .hero-slider__arrow:hover{ background:color-mix(in srgb, var(--c-ink) 50%, transparent); border-color:var(--c-bg); } .hero-slider__arrow--prev{ left:clamp(10px,2vw,24px); } .hero-slider__arrow--next{ right:clamp(10px,2vw,24px); } .hero-slider__dots{ position:absolute; left:0; right:0; bottom:16px; z-index:3; display:flex; justify-content:center; gap:9px; } .hero-slider__dot{ width:9px; height:9px; padding:0; border:0; border-radius:999px; cursor:pointer; background:color-mix(in srgb, var(--c-bg) 45%, transparent); transition:width .2s ease, background .2s ease; } .hero-slider__dot.is-active{ width:26px; background:var(--c-bg); } .hero-x.hero-form .hero-x__grid{ display:grid; grid-template-columns:1.06fr .94fr; align-items:center; gap:clamp(28px,4.5vw,60px); padding-block:clamp(44px,7vw,96px); } .hero-x.hero-form .hero-x__copy{ max-width:54ch; } .hero-form__card{ display:grid; gap:14px; background:var(--c-bg-elev); border:1px solid var(--c-line); border-radius:var(--r-lg); box-shadow:var(--shadow-card); padding:clamp(22px,2.6vw,32px); } .hero-form__card h2{ font-size:clamp(20px,2.2vw,26px); margin-bottom:2px; } .hero-form__card .btn{ width:100%; margin-top:4px; } .hero-form__note{ margin:2px 0 0; font-size:12.5px; line-height:1.45; color:var(--c-ink-soft); } .hero-form__note a{ color:var(--c-ink-muted); } .hero-x.hero-proof .hero-x__inner{ max-width:820px; margin-inline:auto; text-align:center; padding-block:clamp(54px,8vw,112px); } .hero-x.hero-proof .kicker{ justify-content:center; } .hero-x.hero-proof h1{ font-size:clamp(38px,5vw,64px); } .hero-x.hero-proof .lead{ margin-inline:auto; max-width:56ch; } .hero-x.hero-proof .cta-row{ justify-content:center; } .hero-x.hero-proof .hero-x__proof{ margin-top:clamp(40px,5vw,64px); } .hero-x.hero-editorial .container{ padding-block:clamp(56px,9vw,124px); } .hero-x.hero-editorial .hero-editorial__title{ font-size:clamp(46px,8.6vw,132px); line-height:.95; letter-spacing:-0.035em; margin-bottom:.32em; text-wrap:balance; } .hero-x.hero-editorial .hero-editorial__title em{ font-style:normal; color:var(--c-accent-ink); } .hero-x.hero-editorial .lead{ font-size:clamp(18px,1.7vw,22px); max-width:50ch; padding-top:clamp(8px,1.4vw,16px); border-top:1px solid var(--c-line); } @media (max-width:900px){ .hero-x.hero-split .hero-x__grid, .hero-x.hero-form .hero-x__grid{ grid-template-columns:1fr; gap:clamp(26px,6vw,40px); } .hero-x.hero-split--mirror .hero-x__copy{ order:0; } .hero-x.hero-split--mirror .hero-x__media{ order:0; } .hero-x.hero-split .hero-x__media::after{ display:none; } .hero-x .cta-row{ flex-direction:column; align-items:stretch; } .hero-x .cta-row .btn{ width:100%; } .hero-x.hero-proof .cta-row, .hero-x.hero-center .cta-row{ max-width:360px; margin-inline:auto; } } @media (max-width:560px){ .hero-slider__arrow{ width:40px; height:40px; font-size:22px; } } .hero-x__media .hero-img{aspect-ratio:4 / 3.4; border-radius:var(--r-lg); object-fit:cover; object-position:top; width:100%;} .hero-x__bg .hero-img{width:100%; height:100%; object-fit:cover;} .gen-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:12px; padding:18px 20px;background:linear-gradient(135deg,var(--c-bg-elev),var(--c-bg-warm)); border:1px solid var(--c-line);border-radius:var(--r-lg);color:var(--c-ink);overflow:hidden;} .gen-cover--card{aspect-ratio:16 / 10;} .gen-cover--cover{min-height:240px;} .gen-cover__tag{align-self:flex-start;font-size:11px;letter-spacing:.08em;text-transform:uppercase; padding:5px 10px;border:1px solid var(--c-line-strong);border-radius:999px;color:var(--c-ink-muted);} .gen-cover__text{margin:0;font-size:18px;line-height:1.35;font-weight:600;color:var(--c-ink); display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;} .gen-cover--cover .gen-cover__text{font-size:24px;-webkit-line-clamp:3;} .gen-cover__brand{font-size:12px;letter-spacing:.04em;color:var(--c-ink-soft);} :root{--c-accent-deep:#7E5331;--c-price:#7E5331;--font-mono:ui-monospace,'SF Mono',Menlo,monospace}.btn{border-radius:999px}.pcard-cta{border-radius:999px} .opt-only{display:none !important;} .optprice .v-real{display:none;} .optprice .v-lock{display:inline-flex;} .b2b-hero{display:grid; grid-template-columns:1.08fr .92fr; align-items:stretch; gap:clamp(28px,4.5vw,60px); padding-block:clamp(40px,6vw,82px);} .b2b-hero .h-copy{align-self:center;} .b2b-hero h1{margin-bottom:.36em;} .b2b-hero .lead{max-width:48ch;} .b2b-hero .cta-row{margin-top:28px; display:flex; flex-wrap:wrap; gap:12px;} .b2b-hero .micro{margin-top:18px; font-size:13.5px; color:var(--c-ink-soft); display:flex; flex-wrap:wrap; gap:6px 18px; font-family:var(--font-mono);} .b2b-hero .micro b{color:var(--c-ink-muted); font-weight:600;} .deal-panel{background:var(--c-bg-elev); border:1px solid var(--c-line); border-radius:var(--r-lg); box-shadow:var(--shadow-card); padding:clamp(22px,2.4vw,30px); display:flex; flex-direction:column;} .deal-panel .dp-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding-bottom:14px; margin-bottom:6px; border-bottom:1px solid var(--c-line);} .deal-panel .dp-head b{font-family:var(--font-head); font-weight:var(--head-w); font-size:19px; letter-spacing:var(--head-ls); color:var(--c-ink);} .deal-panel .dp-head span{font-family:var(--font-mono); font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--c-accent-deep); border:1px solid var(--c-line-strong); border-radius:999px; padding:5px 11px;} .deal-rows{list-style:none; margin:0; padding:0; display:grid;} .deal-rows li{display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding-block:12px; border-bottom:1px solid var(--c-line);} .deal-rows li:last-child{border-bottom:0;} .deal-rows .k{font-size:14.5px; color:var(--c-ink-muted);} .deal-rows .v{font-family:var(--font-mono); font-size:14.5px; font-weight:600; color:var(--c-ink); text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap;} .deal-rows .v em{font-style:normal; color:var(--c-accent-deep);} .trust-strip{border-block:1px solid var(--c-line); background:var(--c-bg-elev);} .trust-strip .container{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2vw,30px); padding-block:26px;} .trust-strip .ts-item{display:flex; flex-direction:column; gap:4px;} .trust-strip .ts-item b{font-family:var(--font-mono); font-size:clamp(22px,2.2vw,28px); font-weight:600; letter-spacing:-.01em; color:var(--c-ink); font-variant-numeric:tabular-nums;} .trust-strip .ts-item span{font-size:13.5px; color:var(--c-ink-muted); line-height:1.4;} .margin-wrap{overflow-x:auto; border:1px solid var(--c-line); border-radius:var(--r-lg); background:var(--c-bg-elev);} .margin-table{width:100%; border-collapse:collapse; min-width:680px;} .margin-table th, .margin-table td{padding:16px 20px; text-align:right; border-bottom:1px solid var(--c-line);} .margin-table thead th{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--c-ink-soft); font-weight:700; background:color-mix(in srgb,var(--c-accent) 5%, var(--c-bg-elev));} .margin-table th:first-child, .margin-table td:first-child{text-align:left;} .margin-table tbody tr:last-child td{border-bottom:0;} .margin-table .m-name{font-family:var(--font-head); font-weight:var(--head-w); font-size:17px; letter-spacing:var(--head-ls); color:var(--c-ink);} .margin-table .m-name small{display:block; font-family:var(--font); font-weight:500; font-size:12.5px; color:var(--c-ink-soft); letter-spacing:0; margin-top:2px;} .margin-table .m-num{font-family:var(--font-mono); font-variant-numeric:tabular-nums; font-size:15px; color:var(--c-ink); white-space:nowrap;} .margin-table .m-rrc{font-weight:600;} .margin-table .m-mult{color:var(--c-accent-deep); font-weight:700;} .margin-table .m-profit{color:var(--c-price); font-weight:700;} .optprice .v-real{font-family:var(--font-mono); font-weight:700; color:var(--c-price); font-variant-numeric:tabular-nums; white-space:nowrap;} .optprice .v-lock{align-items:center; gap:7px; justify-content:flex-end; font-size:13.5px; color:var(--c-ink-muted); text-decoration:none; white-space:nowrap;} .optprice .v-lock b{color:var(--c-accent-deep); font-weight:700;} .margin-foot{display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-top:18px;} .margin-foot p{margin:0; font-size:13.5px; color:var(--c-ink-soft); max-width:60ch;} .stock{display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(28px,4vw,56px); align-items:center;} .stock .ph{aspect-ratio:5 / 4; border-radius:var(--r-lg);} .stock .live{display:inline-flex; align-items:center; gap:9px; font-family:var(--font-mono); font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--success); margin-bottom:16px;} .stock .live::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--success);} .stock-facts{list-style:none; margin:22px 0 0; padding:0; display:grid; gap:0;} .stock-facts li{display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:baseline; padding-block:14px; border-top:1px solid var(--c-line);} .stock-facts li b{font-family:var(--font-mono); font-size:20px; font-weight:600; color:var(--c-ink); font-variant-numeric:tabular-nums; white-space:nowrap; min-width:96px;} .stock-facts li span{font-size:14.5px; color:var(--c-ink-muted);} .terms-grid{display:grid; grid-template-columns:1fr 1fr; gap:0 clamp(28px,4vw,60px);} .terms-grid .t-row{display:flex; align-items:baseline; justify-content:space-between; gap:18px; padding-block:15px; border-bottom:1px solid var(--c-line);} .terms-grid .t-row dt{margin:0; font-size:15px; color:var(--c-ink-muted);} .terms-grid .t-row dd{margin:0; font-family:var(--font-mono); font-size:14.5px; font-weight:600; color:var(--c-ink); text-align:right; white-space:nowrap;} .support-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap);} .support-card{border:1px solid var(--c-line); border-radius:var(--r-lg); background:var(--c-bg-elev); padding:26px;} .support-card .s-ico{display:inline-grid; place-items:center; width:42px; height:42px; border-radius:11px; background:color-mix(in srgb,var(--c-accent) 12%, var(--c-bg-elev)); color:var(--c-accent-deep); font-family:var(--font-mono); font-weight:600; font-size:16px; margin-bottom:16px;} .support-card h3{font-size:18.5px; margin-bottom:8px;} .support-card p{font-size:14.5px; color:var(--c-ink-muted); margin:0;} .wholesale .kicker{color:color-mix(in srgb,var(--c-on-accent) 80%, transparent);} @media (max-width:900px){ .b2b-hero{grid-template-columns:1fr; gap:clamp(26px,5vw,40px); padding-block:clamp(34px,7vw,56px);} .stock{grid-template-columns:1fr;} .trust-strip .container{grid-template-columns:1fr 1fr; gap:22px;} .support-grid{grid-template-columns:1fr;} } @media (max-width:760px){ .terms-grid{grid-template-columns:1fr;} } @media (max-width:560px){ .trust-strip .container{grid-template-columns:1fr;} } .cat-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap);} .cat-card{display:flex; flex-direction:column; border:1px solid var(--c-line); border-radius:var(--r-lg); overflow:hidden; background:var(--c-bg-elev); text-decoration:none; transition:box-shadow .2s, transform .2s;} .cat-card:hover{box-shadow:var(--shadow-card); transform:translateY(-2px);} .cat-card .ph{aspect-ratio:4 / 3;} .cat-card .cc-body{display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:16px 18px;} .cat-card .cc-body b{font-family:var(--font-head); font-weight:var(--head-w); font-size:17px; letter-spacing:var(--head-ls); color:var(--c-ink);} .cat-card .cc-body span{font-family:var(--font-mono); font-size:13px; color:var(--c-ink-soft);} @media (max-width:900px){ .cat-grid{grid-template-columns:1fr 1fr;} } @media (max-width:560px){ .cat-grid{grid-template-columns:1fr;} } .wholesale{display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px,4vw,56px); align-items:center; background:var(--c-accent-deep,var(--c-accent)); color:var(--c-on-accent,#fff); border-radius:var(--r-lg); padding:clamp(28px,4vw,52px);} .wholesale h2, .wholesale p{color:var(--c-on-accent,#fff);} .wholesale .steps{list-style:none; margin:0; padding:0; display:grid; gap:14px;} .wholesale .steps li{display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:baseline;} .wholesale .steps .n{display:inline-grid; place-items:center; width:30px; height:30px; border-radius:50%; background:color-mix(in srgb,var(--c-on-accent,#fff) 18%, transparent); color:var(--c-on-accent,#fff); font-family:var(--font-mono); font-weight:700; font-size:14px;} @media (max-width:760px){ .wholesale{grid-template-columns:1fr;} } .about{display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(28px,4vw,56px); align-items:center;} .about .ph{aspect-ratio:4 / 3; border-radius:var(--r-lg);} .about .stamp{display:inline-block; font-family:var(--font-mono); font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--c-accent-deep); border:1px solid var(--c-line-strong); border-radius:999px; padding:5px 12px; margin-bottom:14px;} .about .facts{display:flex; flex-wrap:wrap; gap:clamp(20px,3vw,40px); margin-top:22px;} .about .facts>div{display:flex; flex-direction:column; gap:2px;} .about .facts b{font-family:var(--font-mono); font-size:clamp(20px,2vw,26px); font-weight:600; color:var(--c-ink);} .about .facts span{font-size:13.5px; color:var(--c-ink-muted);} @media (max-width:760px){ .about{grid-template-columns:1fr;} } .ph{background: repeating-linear-gradient(135deg, color-mix(in srgb,var(--c-accent) 8%, var(--c-bg-elev)) 0 14px, color-mix(in srgb,var(--c-accent) 4%, var(--c-bg-elev)) 14px 28px); border-radius:var(--r-md,10px);}