.product-visual.photo{background:#e8e4dd}
.product-visual.photo img{width:100%;height:100%;object-fit:contain;display:block}
.two-photo{position:absolute;top:10px;right:10px;background:#171719;color:var(--cream);padding:7px 9px;border-radius:100px;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.dialog-gallery{width:100%;height:100%;position:relative;overflow:hidden;background:#090909}
.gallery-track{display:flex;width:100%;height:100%;transition:transform .42s cubic-bezier(.22,.61,.36,1)}
.gallery-slide{flex:0 0 100%;width:100%;height:100%;margin:0;display:grid;place-items:center;background:#090909}
.gallery-slide img{width:100%;height:100%;object-fit:contain;display:block}
.gallery-arrow{position:absolute;top:50%;translate:0 -50%;width:42px;height:42px;border:0;border-radius:50%;background:#f8f6f1dd;backdrop-filter:blur(8px);cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 24px #0004}
.gallery-arrow.prev{left:14px}.gallery-arrow.next{right:14px}
.gallery-arrow span{width:9px;height:9px;border-top:1.5px solid #171719;border-right:1.5px solid #171719;rotate:45deg}
.gallery-arrow.prev span{rotate:-135deg}
.gallery-dots{position:absolute;left:50%;bottom:16px;translate:-50% 0;display:flex;gap:7px;padding:7px 9px;border-radius:100px;background:#17171999;backdrop-filter:blur(8px)}
.gallery-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(241,238,232,.4);cursor:pointer}.gallery-dots button.active{background:var(--cream)}
.brand img{display:block;width:190px;height:auto;object-fit:contain}
.inverse img{width:230px}
.subfilters{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.subfilter{border:0;background:#ddd7cf;border-radius:100px;padding:9px 13px;font:inherit;font-size:11px;cursor:pointer}
.subfilter.active{background:var(--wine);color:var(--cream)}
.dialog-visual>img{width:100%;height:100%;object-fit:contain;background:#090909}
.dialog-info{overflow:auto}
.dialog-info h4{font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin:20px 0 6px}
.dialog-info section p{margin:0;color:#595959;line-height:1.65}
.dialog-info .story{border-left:3px solid var(--wine);padding-left:14px;margin:10px 0 20px}
.image-error:after{content:'Фото готовится';position:absolute;inset:0;display:grid;place-items:center;color:#777;font-size:12px}
@media(max-width:520px){.brand img{width:150px}.inverse img{width:210px}.dialog-info{padding-top:28px}.dialog-info section p{font-size:13px}}
.subfilters[hidden],.show-more[hidden]{display:none!important}
.product-card .product-visual.photo{height:auto!important;aspect-ratio:2/3;background:#090909}
.product-card .product-visual.photo img{object-fit:cover}
.float-card .product-visual.photo{background:#090909}
.float-card .product-visual.photo img{object-fit:cover}
.product-card .product-visual.headband-photo img{object-fit:contain;transform:scale(.8)}
.brand-story{background:#f7f4ee}
.story-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:12px}
.story-grid article{background:var(--cream);border-radius:22px;padding:28px;min-height:270px}
.story-grid .story-lead{background:var(--wine);color:var(--cream);font-size:19px;line-height:1.55}
.story-grid article>span{font-size:11px;color:#888}.story-grid h3{font-size:22px;margin:55px 0 15px}.story-grid article>p{line-height:1.65;color:#69645e}.story-grid .story-lead p{color:var(--cream);margin:0 0 18px}
.preorder{max-width:none;background:var(--black);color:var(--cream);display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}.preorder h2{font-size:clamp(44px,6vw,88px);line-height:.98;letter-spacing:-.06em;margin:25px 0}.preorder>div:first-child>p:not(.eyebrow){max-width:570px;color:#aaa;line-height:1.7}.preorder .button{margin-top:24px}.preorder-note{background:var(--wine);padding:32px;border-radius:24px}.preorder-note>span{text-transform:uppercase;letter-spacing:.14em;font-size:10px}.preorder-note ol{margin:35px 0 0;padding-left:22px}.preorder-note li{padding:12px 0;border-bottom:1px solid rgba(241,238,232,.17)}
@media(max-width:900px){.topbar nav.open{display:flex;position:absolute;top:64px;left:14px;right:14px;background:#242426;border-radius:18px;padding:22px;flex-direction:column;gap:18px;box-shadow:0 22px 55px #0006}.story-grid{grid-template-columns:1fr 1fr}.story-grid .story-lead{grid-column:1/3}.preorder{grid-template-columns:1fr}.product-card .product-visual.photo{aspect-ratio:2/3}}
@media(max-width:520px){.story-grid{grid-template-columns:1fr}.story-grid .story-lead{grid-column:auto}.story-grid article{min-height:0}.preorder{gap:45px}.product-grid{align-items:start}}

@media(max-width:520px){
  dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:24px}
  .dialog-inner{display:block;min-height:0}
  .dialog-visual{height:min(61dvh,560px);min-height:340px}
  .dialog-info{padding:28px 22px 32px}
  .dialog-info h3{margin:10px 0 18px}
  .gallery-arrow{width:38px;height:38px}
}

/* ОТСКОК palette: black, cream, light blue and burgundy only */
body{background:var(--cream);color:var(--black)}
.topbar,.hero,.poster-stage,.preorder,footer{color:var(--cream)}
.hero .lede,.preorder>div:first-child>p:not(.eyebrow),footer div,.horizontal .muted{color:var(--cream);opacity:.64}
.category-card.cream,.floating-products,.float-card,.product-card,.accessory-pills button,.story-grid article,.brand-story,dialog,.dialog-close,.gallery-arrow{background:var(--cream)}
.catalog{background:var(--blue)}
.product-visual.photo{background:var(--black)}
.filter,.search,.show-more{border-color:var(--black)}
.filter.active{background:var(--black);color:var(--cream);border-color:var(--black)}
.subfilter{background:var(--cream)}
.subfilter.active{background:var(--wine);color:var(--cream)}
.story-grid .story-lead{background:var(--wine);color:var(--cream)}
.story-grid .story-lead p{color:var(--cream)}
.button.dark{background:var(--black);color:var(--cream)}
.gallery-dots button{background:var(--blue)}
.gallery-dots button.active{background:var(--cream)}
.dialog-info p,.dialog-info section p{color:var(--black);opacity:.68}

/* Neutral interactive text and a consistent external-link icon */
button,input,select,textarea{color:inherit}
.hero h1 span,.poster-copy em{color:currentColor}
.external-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;position:relative;border:1.5px solid currentColor;border-radius:50%;vertical-align:-3px}
.external-icon:before{content:"";position:absolute;width:7px;height:7px;top:4px;right:4px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
.external-icon:after{content:"";position:absolute;width:8px;height:1.5px;top:8px;right:4px;background:currentColor;transform:rotate(-45deg);transform-origin:right center}
.ig-mini .external-icon{margin-left:6px}
section[id]{scroll-margin-top:24px}

/* Phone-only repair: content flows before the hero artwork */
@media(max-width:520px){
  section[id]{scroll-margin-top:calc(84px + env(safe-area-inset-top))}
  .hero{display:flex;flex-direction:column;height:auto;min-height:0;padding-top:calc(96px + env(safe-area-inset-top));padding-bottom:18px}
  .hero-copy{display:block}
  .hero h1{margin:30px 0 26px;font-size:clamp(42px,12vw,52px);line-height:.94}
  .hero .lede{max-width:100%;margin:0;font-size:16px;line-height:1.55}
  .hero .actions{margin-top:28px}
  .hero-art{position:relative;inset:auto;width:100%;height:min(124vw,520px);min-height:430px;margin:36px 0 0;opacity:.72}
}