/* БАМБУРИЯ — quiet luxury: тёплая слоновая кость, дымчатый графит, латунь */
:root{
  --bg:#F5F1EA;
  --ink:#1C1916;
  --ink-soft:rgba(28,25,22,.75);
  --muted:#766B5E;
  --line:rgba(28,25,22,.14);
  --gold:#B08D57;
  --gold-bright:#C9A46B;
  --dark:#181512;
  --dark-2:#211D19;
  --ease:cubic-bezier(.16,1,.3,1);
  --t-ui:.25s;
  --t-reveal:.8s;
  --serif:"Playfair Display","Cormorant Garamond",Georgia,serif;
  --sans:"Inter",Jost,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;animation:pageIn .6s var(--ease)}
@keyframes pageIn{from{opacity:0}to{opacity:1}}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:#fff}

.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.wrap-narrow{max-width:860px}
.wrap-wide{max-width:1360px;margin:0 auto;padding:0 clamp(20px,3vw,40px)}

.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;color:var(--gold);margin-bottom:1.1rem;font-weight:500}
.h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.12;letter-spacing:-.01em;margin-bottom:1.2rem}
.lede{max-width:62ch;color:var(--ink-soft);margin-bottom:2.5rem}
.section{padding:clamp(4.5rem,9vw,8.5rem) 0}
.section-tint{background:#EEE8DE}
.section-dark{background:var(--dark-2);color:#EFEAE1}
.section-dark .eyebrow{color:var(--gold-bright)}
.section-dark .lede{color:rgba(239,234,225,.72)}
.fineprint{font-size:.8rem;color:var(--muted);margin-top:.9rem}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--t-reveal) var(--ease),transform var(--t-reveal) var(--ease)}
.reveal.is-in{opacity:1;transform:none}

/* buttons */
.btn{display:inline-block;padding:.9rem 2rem;border:1px solid var(--gold);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;transition:letter-spacing var(--t-ui) var(--ease),background var(--t-ui) var(--ease),color var(--t-ui) var(--ease)}
.btn:hover{letter-spacing:.17em}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{background:var(--gold-bright)}
.btn-ghost{color:#fff;border-color:rgba(255,255,255,.65)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-dark{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.link-quiet{font-size:.92rem;color:inherit;background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/0 1px;transition:background-size .4s var(--ease),color var(--t-ui)}
.link-quiet:hover{background-size:100% 1px;color:var(--gold)}

/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:2.5rem;padding:.9rem clamp(20px,3vw,40px);color:#fff;transition:background .4s var(--ease),color .4s var(--ease),box-shadow .4s}
.site-header.is-solid{background:rgba(245,241,234,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.brand{display:flex;align-items:center;gap:.7rem}
.brand-mark{width:38px;height:38px;border-radius:50%;overflow:hidden;border:1px solid var(--gold);flex:none}
.brand-mark img{width:100%;height:100%;object-fit:cover}
.brand-name{font-family:var(--serif);font-size:1.15rem;letter-spacing:.28em;font-weight:500}
.site-nav{display:flex;gap:1.6rem;margin-left:auto}
.site-nav a{font-size:.85rem;letter-spacing:.05em;opacity:.85;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:background-size .35s var(--ease),opacity .2s}
.site-nav a:hover{opacity:1;background-size:100% 1px}
.header-cta{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;border:1px solid var(--gold);padding:.55rem 1.1rem;color:inherit;transition:background var(--t-ui),color var(--t-ui)}
.header-cta:hover{background:var(--gold);color:#fff}
@media(max-width:900px){.site-nav{display:none}}

/* burger + mobile nav */
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;padding:0 8px;background:none;border:1px solid var(--gold);cursor:pointer;flex:none}
.nav-burger span{display:block;height:2px;width:100%;background:currentColor;transition:transform .3s var(--ease),opacity .2s}
.site-header .nav-burger{color:#fff}
.site-header.is-solid .nav-burger{color:var(--ink)}
body.nav-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open .nav-burger span:nth-child(2){opacity:0}
body.nav-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){.nav-burger{display:flex}}
.mobile-nav{position:fixed;inset:0;z-index:49;background:var(--dark-2);color:#EFEAE1;padding:5.5rem 1.6rem 2.4rem;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s;overflow-y:auto;overscroll-behavior:contain}
body.nav-open .mobile-nav{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s}
body.nav-open{overflow:hidden}
.mnav-links{display:flex;flex-direction:column}
.mnav-links a{font-family:var(--serif);font-size:1.35rem;font-weight:600;padding:.65rem 0;border-bottom:1px solid rgba(239,234,225,.12);color:#EFEAE1}
.mnav-links a:active{color:var(--gold-bright)}
.mnav-contacts{display:flex;flex-direction:column;gap:.9rem;margin-top:1.6rem}
.mnav-phone{font-size:1.25rem;font-weight:800;color:var(--gold-bright)}
.mnav-tg{font-size:.95rem;color:rgba(239,234,225,.8)}
.mnav-contacts .btn{align-self:flex-start}
@media(max-width:640px){.header-phone{display:flex;margin-right:.2rem}.hp-num{display:none}.header-cta{padding:.5rem .7rem;font-size:.72rem;letter-spacing:.1em}.site-header{gap:.8rem}}
@media(max-width:520px){.brand-name{display:none}.site-header{justify-content:space-between}}

/* HERO */
.hero{height:340vh;position:relative}
.hero-sticky{position:sticky;top:0;height:100vh;height:100svh;height:100dvh;overflow:hidden;background:var(--dark)}
.hero-frames{position:absolute;inset:0}
.hero-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s linear}
.hero-frame.is-active{opacity:1}
.hero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,10,8,.66) 0%,rgba(12,10,8,.18) 38%,rgba(12,10,8,.12) 100%)}
.hero-copy{position:absolute;left:clamp(20px,5vw,72px);bottom:clamp(72px,13vh,130px);color:#fff;max-width:640px}
.hero-copy .eyebrow{color:var(--gold-bright)}
.hero-brands{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1rem}
.hb-bam{font-family:var(--serif);font-weight:700;font-size:clamp(2.7rem,6vw,5rem);line-height:1;letter-spacing:.14em;transform:translateY(110%);animation:riseIn .9s var(--ease) forwards;display:inline-block}
.hero-brands{overflow:visible}
.hb-row{display:flex;align-items:center;gap:.9rem;opacity:0;animation:fadeUp .9s var(--ease) .25s forwards}
.hb-amp{font-family:var(--serif);font-weight:600;font-size:clamp(1.5rem,3vw,2.4rem);color:var(--gold-bright)}
.hb-dec{height:clamp(30px,3.6vw,52px);width:auto;opacity:1;filter:drop-shadow(0 1px 6px rgba(0,0,0,.35))}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-sub2{font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,2vw,1.6rem);color:rgba(255,255,255,.94);margin-bottom:.5rem}
@keyframes riseIn{to{transform:none}}
.hero-sub{color:rgba(255,255,255,.82);margin-bottom:1.6rem;max-width:40ch}
.hero-actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.hero-actions .link-quiet{color:#fff}
.hero-caption{position:absolute;right:clamp(20px,4vw,64px);bottom:clamp(72px,13vh,130px);text-align:right;color:#fff}
.hero-caption-label{display:block;font-family:var(--serif);font-size:clamp(1.1rem,1.8vw,1.5rem)}
.hero-caption-code{display:block;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-bright);margin-top:.3rem}
.hero-caption-note{display:block;font-size:.68rem;letter-spacing:.08em;color:rgba(255,255,255,.55);margin-top:.35rem}
.hero-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:rgba(255,255,255,.18)}
.hero-progress span{display:block;height:100%;width:0;background:var(--gold-bright)}

/* collections grid */
.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-bottom:2rem}
@media(max-width:900px){.coll-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.coll-grid{grid-template-columns:1fr}}
.coll-card{position:relative;overflow:hidden;aspect-ratio:4/5;display:flex;align-items:flex-end;color:#fff}
.coll-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.coll-card:hover img{transform:scale(1.045)}
.coll-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,8,6,.72),rgba(10,8,6,0) 55%)}
.coll-card-copy{position:relative;z-index:1;padding:1.3rem;width:100%}
.coll-card h3{font-family:var(--serif);font-weight:500;font-size:1.35rem;margin-bottom:.15rem}
.coll-card p{font-size:.85rem;color:rgba(255,255,255,.8)}
.coll-card .coll-price{display:block;margin-top:.4rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright)}

.series-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
@media(max-width:900px){.series-strip{grid-template-columns:1fr}}
.series-card{border:1px solid var(--line);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;background:#FBF8F3}
.series-card h3{font-family:var(--serif);font-weight:500;font-size:1.25rem;margin-bottom:.3rem}
.series-card p{font-size:.9rem;color:var(--ink-soft)}
.series-meta{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.price{font-family:var(--serif);font-size:1.35rem}
.price small{font-family:var(--sans);font-size:.75rem;color:var(--muted)}

/* visualizer */
.viz{display:grid;grid-template-columns:1.5fr 1fr;gap:1.6rem;align-items:stretch}
@media(max-width:960px){.viz{grid-template-columns:1fr}}
.viz-stage{position:relative;overflow:hidden;min-height:340px}
.viz-stage img{width:100%;height:100%;object-fit:cover;transition:opacity .25s linear}
.viz-panel{background:#2A2520;padding:1.6rem;display:flex;flex-direction:column;gap:1.2rem}
.viz-tabs{display:flex;flex-wrap:wrap;gap:.5rem}
.viz-tab{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.45rem .8rem;border:1px solid rgba(239,234,225,.25);color:rgba(239,234,225,.75);cursor:pointer;background:none;font-family:var(--sans);transition:all var(--t-ui)}
.viz-tab:hover{border-color:var(--gold-bright);color:#fff}
.viz-tab.is-active{background:var(--gold);border-color:var(--gold);color:#fff}
.viz-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:.5rem}
.viz-sw{aspect-ratio:1;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:none;transition:border-color var(--t-ui)}
.viz-sw img{width:100%;height:100%;object-fit:cover}
.viz-sw:hover{border-color:rgba(201,164,107,.6)}
.viz-sw.is-active{border-color:var(--gold-bright)}
.viz-current{display:flex;gap:1.1rem;align-items:center;margin-top:auto;border-top:1px solid rgba(239,234,225,.15);padding-top:1.2rem}
.viz-current img{width:86px;height:86px;object-fit:cover;flex:none}
.viz-art{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright)}
.viz-name{font-family:var(--serif);font-size:1.25rem;margin:.15rem 0 .7rem}

/* price + calc */
.price-cols{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
@media(max-width:900px){.price-cols{grid-template-columns:1fr}}
.price-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--line)}
.price-row small{color:var(--muted);font-size:.8rem}
.price-row b{font-family:var(--serif);font-size:1.2rem;white-space:nowrap;font-weight:500}
.calc{border:1px solid var(--line);background:#FBF8F3;padding:1.8rem}
.calc h3{font-family:var(--serif);font-weight:500;font-size:1.4rem;margin-bottom:1.2rem}
.calc-inputs{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.3rem}
.calc-inputs label{font-size:.8rem;color:var(--muted);display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:110px}
.calc-inputs input[type=number]{font-family:var(--sans);font-size:1.05rem;padding:.55rem .7rem;border:1px solid var(--line);background:#fff;color:var(--ink);width:100%}
.calc-check{flex-direction:row !important;align-items:center;gap:.5rem !important;align-self:flex-end;padding-bottom:.6rem;min-width:auto !important}
.calc-out div{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.95rem;border-bottom:1px dashed var(--line)}
.calc-out b{font-variant-numeric:tabular-nums}
.calc-total{font-size:1.05rem !important;border-bottom:none !important;padding-top:.8rem !important}
.calc-total b{font-family:var(--serif);font-size:1.45rem;color:var(--gold)}
.calc .btn{margin-top:1.1rem;width:100%;text-align:center}

/* comparison */
.cmp{border:1px solid var(--line);background:#FBF8F3}
.cmp-head,.cmp-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:1rem;padding:.95rem 1.3rem}
.cmp-head{border-bottom:1px solid var(--ink);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}
.cmp-head span:nth-child(2){color:var(--gold)}
.cmp-row{border-bottom:1px solid var(--line);font-size:.93rem}
.cmp-row:last-child{border-bottom:none}
.cmp-row span:first-child{color:var(--muted)}
.cmp-row span:nth-child(2){font-weight:500}
@media(max-width:720px){.cmp-head,.cmp-row{grid-template-columns:1fr;gap:.2rem}.cmp-head span:first-child{display:none}.cmp-row span:first-child{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}}

/* material chapter */
.chapter{padding:clamp(4.5rem,9vw,8.5rem) 0;background:var(--bg)}
.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media(max-width:900px){.chapter-grid{grid-template-columns:1fr}}
.chapter-visual{position:sticky;top:90px}
.chapter-visual img{width:100%;aspect-ratio:4/4.4;object-fit:cover}
@media(max-width:900px){.chapter-visual{position:static}}
.chapter-block{margin:2.2rem 0}
.chapter-block h3{font-family:var(--serif);font-weight:500;font-size:1.35rem;margin-bottom:.5rem}
.chapter-block p{color:var(--ink-soft);max-width:52ch}
.docs-strip{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;border-top:1px solid var(--line);padding-top:1.4rem;font-size:.9rem}
.docs-strip span{color:var(--muted)}
.docs-strip a{color:var(--gold);background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/100% 1px;padding-bottom:2px}
.docs-strip a:hover{color:var(--gold-bright)}

/* gallery */
.gallery{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 clamp(20px,4vw,48px) 1.2rem;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.gallery figure{flex:0 0 min(46vw,560px);scroll-snap-align:start}
@media(max-width:700px){.gallery figure{flex-basis:80vw}}
.gallery img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .7s var(--ease)}
.gallery figure{overflow:visible}
.gallery figure:hover img{transform:scale(1.02)}
.gallery figcaption{font-size:.85rem;color:var(--muted);padding-top:.6rem}

/* montazh */
.montazh-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media(max-width:900px){.montazh-grid{grid-template-columns:1fr}}
.steps{list-style:none;counter-reset:st;margin:1.5rem 0 2rem}
.steps li{counter-increment:st;position:relative;padding:1rem 0 1rem 3.4rem;border-bottom:1px solid var(--line);color:var(--ink-soft)}
.steps li b{color:var(--ink)}
.steps li::before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:1rem;font-family:var(--serif);font-size:1.5rem;color:var(--gold)}
.montazh-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* designers */
.diz-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media(max-width:900px){.diz-grid{grid-template-columns:1fr}}
.diz-list{list-style:none;margin:1.4rem 0 2rem}
.diz-list li{padding:.85rem 0 .85rem 1.6rem;border-bottom:1px solid rgba(239,234,225,.14);position:relative;color:rgba(239,234,225,.85)}
.diz-list li::before{content:"—";position:absolute;left:0;color:var(--gold-bright)}
.diz-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* приглашение дизайнерам (верхний блок) */
.diz-invite{background:#F6F2EB;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(3.5rem,7vw,5.5rem) 0}
.diz-invite-inner{position:relative;border:1px solid rgba(176,141,87,.45);padding:clamp(2rem,5vw,3.5rem) clamp(1.4rem,4vw,3rem)}
.diz-invite-inner::before{content:"";position:absolute;inset:8px;border:1px solid rgba(176,141,87,.2);pointer-events:none}
.diz-invite .eyebrow{color:var(--gold)}
.diz-invite .h2{max-width:26ch}
.diz-invite .lede{max-width:62ch}
.diz-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:2rem 0 2.2rem}
@media(max-width:900px){.diz-points{grid-template-columns:1fr}}
.diz-points div{border-left:3px solid var(--gold);padding:.2rem 0 .2rem 1rem}
.diz-points b{display:block;font-family:var(--serif);font-weight:600;font-size:1.05rem;margin-bottom:.25rem}
.diz-points span{font-size:.88rem;color:var(--ink-soft)}
.diz-invite-ctas{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}

/* showroom */
.show-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:start}
@media(max-width:900px){.show-grid{grid-template-columns:1fr}}
.show-block{padding:1.2rem 0;border-bottom:1px solid var(--line)}
.show-block h3{font-family:var(--serif);font-weight:500;font-size:1.2rem;margin-bottom:.4rem}
.show-block p{color:var(--ink-soft)}
.show-block a{color:var(--gold)}
.show-video video{width:100%;aspect-ratio:9/16;max-height:560px;object-fit:cover;background:#000}
.show-video{margin:0;max-width:340px;justify-self:end}
@media(max-width:900px){.show-video{justify-self:start}}
.show-video figcaption{font-size:.85rem;color:var(--muted);padding-top:.6rem}

/* header phone */
.header-phone{display:flex;align-items:center;gap:.55rem;font-size:1.06rem;font-weight:800;letter-spacing:.02em;white-space:nowrap;margin-right:1rem;color:var(--gold-bright);text-shadow:0 0 14px rgba(201,164,107,.35)}
.hp-ico{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:50%;border:1.5px solid var(--gold-bright);color:var(--gold-bright);transition:background var(--t-ui),color var(--t-ui);animation:hp-ring 3.2s ease-in-out infinite}
.hp-ico svg{width:16px;height:16px}
@keyframes hp-ring{0%,88%,100%{transform:rotate(0)}90%{transform:rotate(-12deg)}92%{transform:rotate(10deg)}94%{transform:rotate(-8deg)}96%{transform:rotate(6deg)}98%{transform:rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.hp-ico{animation:none}}
.site-header.is-solid .header-phone{color:var(--gold);text-shadow:none}
.site-header.is-solid .hp-ico{border-color:var(--gold);color:var(--gold)}
.header-phone:hover{color:#fff}
.header-phone:hover .hp-ico{background:var(--gold-bright);color:#1A1613}
.site-header.is-solid .header-phone:hover{color:var(--ink)}
.site-header.is-solid .header-phone:hover .hp-ico{background:var(--gold);color:#fff}

/* showroom person */
.show-person{margin:0 0 1.4rem;display:flex;gap:1.1rem;align-items:center}
.show-person img{width:104px;height:104px;object-fit:cover;border-radius:50%;border:2px solid var(--gold);flex:none}
.show-person figcaption{font-size:.9rem;color:var(--ink-soft);max-width:34ch}

/* consent */
.consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.8rem;color:rgba(239,234,225,.6);margin-top:.9rem;max-width:640px;cursor:pointer}
.consent input{margin-top:.2rem;accent-color:var(--gold)}
.consent a{color:var(--gold-bright);text-decoration:underline}

/* faq */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;font-family:var(--serif);font-size:1.15rem;padding:1.1rem 2.2rem 1.1rem 0;position:relative;transition:color var(--t-ui)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);font-family:var(--sans);color:var(--gold);font-size:1.3rem;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq summary:hover{color:var(--gold)}
.faq p{color:var(--ink-soft);padding:0 0 1.2rem;max-width:64ch}

/* zayavka */
.zayavka{position:relative;padding:clamp(5rem,11vw,9.5rem) 0;color:#EFEAE1;overflow:hidden}
.zayavka-bg{position:absolute;inset:0;background:var(--dark)}
.zayavka-bg img{width:100%;height:100%;object-fit:cover;opacity:.85}
.zayavka-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,11,9,.88) 30%,rgba(14,11,9,.35) 75%)}
.zayavka-inner{position:relative;z-index:1;max-width:1200px}
.zayavka .eyebrow{color:var(--gold-bright)}
.zayavka .lede{color:rgba(239,234,225,.75)}
.lead-form{display:flex;gap:.9rem;flex-wrap:wrap;max-width:640px}
.lead-form input,.lead-form textarea{flex:1;min-width:200px;padding:.95rem 1.1rem;background:rgba(255,255,255,.07);border:1px solid rgba(239,234,225,.3);color:#fff;font-family:var(--sans);font-size:1rem;transition:border-color var(--t-ui)}
.lead-form textarea{width:100%;resize:vertical}
.lead-form input::placeholder{color:rgba(239,234,225,.5)}
.lead-form input:focus{outline:none;border-color:var(--gold-bright)}
.lead-alt{margin-top:1.6rem;font-size:.92rem;display:flex;gap:1.4rem;flex-wrap:wrap;color:rgba(239,234,225,.7)}
.lead-alt a{color:var(--gold-bright);background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/100% 1px;padding-bottom:2px}
.lead-ok{margin-top:1rem;color:var(--gold-bright);font-size:.95rem}
.zayavka .fineprint{color:rgba(239,234,225,.45)}

/* footer */
.footer{background:var(--dark);color:rgba(239,234,225,.75);padding:4rem 0 2.5rem}
.footer-sign{font-family:var(--serif);font-size:clamp(2rem,5vw,3.4rem);letter-spacing:.3em;color:#EFEAE1;margin-bottom:2.5rem}
.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(239,234,225,.14)}
@media(max-width:900px){.footer-cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-cols{grid-template-columns:1fr}}
.footer-cols h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold-bright);margin-bottom:.9rem;font-weight:500}
.footer-cols a,.footer-cols span{display:block;font-size:.92rem;padding:.25rem 0;color:rgba(239,234,225,.75)}
.footer-cols a:hover{color:#fff}
.footer-note{font-size:.8rem;color:rgba(239,234,225,.65);padding-top:1.6rem}

/* partner banner */
.partner{background:var(--dark-2);color:#EFEAE1;padding:clamp(4rem,8vw,7rem) 0}
.partner .eyebrow{color:var(--gold-bright)}
.partner .lede{color:rgba(239,234,225,.75)}
.partner-inner{display:grid;grid-template-columns:auto 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media(max-width:900px){.partner-inner{grid-template-columns:1fr}}
.partner-logos{display:flex;align-items:center;gap:1.1rem;padding-top:.5rem}
.partner-logo-bam{width:84px;height:84px;border-radius:50%;overflow:hidden;border:1px solid var(--gold);flex:none}
.partner-logo-bam img{width:100%;height:100%;object-fit:cover}
.partner-x{font-family:var(--serif);font-size:1.6rem;color:var(--gold-bright)}
.partner-logo-dec{background:#fff;padding:.8rem 1.1rem;border-radius:4px;flex:none;display:flex;align-items:center}
.partner-logo-dec img{height:34px;width:auto}
.partner-copy .h2{font-size:clamp(1.5rem,2.6vw,2.2rem)}
.partner-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:1.8rem 0 2rem}
@media(max-width:700px){.partner-facts{grid-template-columns:1fr}}
.partner-facts div{border-top:1px solid rgba(239,234,225,.2);padding-top:.8rem}
.partner-facts b{display:block;font-family:var(--serif);font-weight:500;font-size:1.1rem;margin-bottom:.2rem}
.partner-facts span{font-size:.85rem;color:rgba(239,234,225,.65)}

/* NB hero card */
.nb-hero{position:relative;display:block;overflow:hidden;margin-bottom:2rem;color:#fff}
.nb-hero img{width:100%;aspect-ratio:21/9;object-fit:cover;transition:transform .8s var(--ease)}
.nb-hero:hover img{transform:scale(1.03)}
.nb-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(85deg,rgba(10,8,6,.78) 25%,rgba(10,8,6,.05) 65%)}
.nb-hero-copy{position:absolute;z-index:1;left:clamp(1.2rem,4vw,3rem);bottom:clamp(1.2rem,4vw,2.6rem);max-width:520px}
.nb-hero-copy .eyebrow{color:var(--gold-bright);margin-bottom:.5rem}
.nb-hero-copy h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:.3rem}
.nb-hero-copy p{color:rgba(255,255,255,.82);font-size:.95rem;margin-bottom:.7rem}
.nb-hero-price{display:block;font-family:var(--serif);font-size:1.4rem;color:var(--gold-bright);margin-bottom:1rem}
@media(max-width:700px){.nb-hero img{aspect-ratio:4/3}}

/* promo */
.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
@media(max-width:800px){.promo-grid{grid-template-columns:1fr}}
.promo-card{display:grid;grid-template-columns:180px 1fr;background:#2A2520;border:1px solid rgba(239,234,225,.12)}
@media(max-width:520px){.promo-card{grid-template-columns:1fr}}
.promo-card>img{width:100%;height:100%;object-fit:cover;min-height:200px}
.promo-copy{padding:1.4rem;display:flex;flex-direction:column;gap:.45rem;align-items:flex-start}
.promo-tag{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;background:var(--gold);color:#fff;padding:.25rem .6rem}
.promo-copy h3{font-family:var(--serif);font-weight:500;font-size:1.35rem}
.promo-copy p{font-size:.85rem;color:rgba(239,234,225,.65)}
.promo-price{margin:.4rem 0}
.promo-price b{font-family:var(--serif);font-size:1.8rem;color:var(--gold-bright)}
.promo-price small{color:rgba(239,234,225,.6);margin-left:.4rem}
.promo-copy .link-quiet{color:var(--gold-bright)}

/* viz stage label */
.viz-stage-label{position:absolute;left:1rem;bottom:1rem;background:rgba(20,16,13,.72);color:#EFEAE1;font-size:.8rem;letter-spacing:.08em;padding:.45rem .8rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.viz-stage{background:#1a1714}

/* rejki */
.rejki-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media(max-width:900px){.rejki-grid{grid-template-columns:1fr}}
.rejki-visual img{width:100%;aspect-ratio:4/3;object-fit:cover}
.acc-list{list-style:none;margin:1.4rem 0 2rem}
.acc-list li{padding:.85rem 0 .85rem 1.6rem;border-bottom:1px solid var(--line);position:relative;color:var(--ink-soft)}
.acc-list li b{color:var(--ink)}
.acc-list li::before{content:"—";position:absolute;left:0;color:var(--gold)}

/* fireproof */
.fire-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media(max-width:900px){.fire-grid{grid-template-columns:1fr}}
.fire-visual img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;padding:1rem}
.fire-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:1.8rem 0 2rem}
@media(max-width:600px){.fire-specs{grid-template-columns:1fr}}
.fire-specs div{border-top:1px solid var(--line);padding-top:.8rem}
.fire-specs b{display:block;font-family:var(--serif);font-weight:500;font-size:1.3rem}
.fire-specs span{font-size:.82rem;color:var(--muted)}

/* foils */
.foils-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 1.4rem}
.foils-tabs .viz-tab{font-size:.72rem;padding:.4rem .7rem}
.foils-count{font-size:.85rem;color:rgba(239,234,225,.55);margin-bottom:1.6rem}
.foils-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.7rem;margin:0 0 1.4rem}
@media(max-width:1000px){.foils-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:600px){.foils-grid{grid-template-columns:repeat(3,1fr)}}
.foils-grid figure{margin:0}
.foils-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s var(--ease)}
.foils-grid figure:hover img{transform:scale(1.05)}
.foils-grid figcaption{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(239,234,225,.55);padding-top:.4rem}
#custom .fineprint{color:rgba(239,234,225,.45)}
#custom .btn{margin-top:.5rem}

/* real panel photos */
.real-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.real-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}
.real-note{font-size:.8rem;color:var(--muted);padding-top:.6rem}

/* мобильная CTA-панель */
.cta-bar{display:none}
@media(max-width:640px){
  .cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:48;display:flex;gap:1px;background:#14110E;padding-bottom:env(safe-area-inset-bottom)}
  .cta-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.95rem .4rem;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
  .cta-bar svg{width:16px;height:16px}
  .cta-call{background:linear-gradient(145deg,#E3C98F,#B08D57);color:#1A1613}
  .cta-tg{background:#1E1A16;color:#EFEAE1;border-top:1px solid rgba(216,181,119,.4)}
  .cta-lead{background:#2F5940;color:#fff}
  .ai-fab{bottom:calc(64px + env(safe-area-inset-bottom))!important}
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
}

/* живые фото и видео */
.live-wrap{margin-top:3rem}
.live-grid{display:grid;grid-template-columns:280px 1fr;gap:1.2rem;margin-top:1.2rem;align-items:start}
@media(max-width:800px){.live-grid{grid-template-columns:1fr}}
.live-video{margin:0}
.live-video video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:#000;border-radius:14px}
.live-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}
@media(max-width:1100px){.live-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.live-strip{grid-template-columns:repeat(2,1fr)}}
.live-strip img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:10px}

/* ассортимент завода: чипы */
.asrt-h{font-family:var(--serif);font-weight:600;font-size:1.08rem;margin:1.4rem 0 .6rem}
.asrt-h:first-child{margin-top:0}
.asrt-note{font-size:.84rem;color:var(--ink-soft);margin-bottom:.6rem}
.chip-list{display:flex;flex-wrap:wrap;gap:.45rem}
.chip-list span{border:1px solid var(--line);background:#FBF8F3;padding:.38rem .75rem;font-size:.8rem;white-space:nowrap}
.asrt-cta{margin-top:1.5rem}

/* flexibility gallery */
.flex-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.4rem}
@media(max-width:800px){.flex-grid{grid-template-columns:1fr}}
.flex-card{margin:0}
.flex-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.flex-card figcaption{font-size:.84rem;color:var(--ink-soft);padding:.6rem .2rem 0}
.h3-sub{font-family:var(--serif);font-weight:600;font-size:clamp(1.3rem,2.2vw,1.7rem)}
.obj-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:1.8rem}
@media(max-width:1100px){.obj-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.obj-grid{grid-template-columns:repeat(2,1fr)}}
.obj-card{margin:0}
.obj-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.obj-card figcaption{font-size:.76rem;color:var(--ink-soft);padding:.45rem .1rem 0;line-height:1.3}

/* swatch code captions */
.viz-sw{position:relative}
.viz-sw .sw-code{position:absolute;left:0;right:0;bottom:0;font-size:.56rem;letter-spacing:.04em;line-height:1.1;padding:.15rem .2rem;background:rgba(15,12,10,.68);color:#EFEAE1;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* montazh visuals pair */
.montazh-visuals{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem;align-items:start}
@media(max-width:520px){.montazh-visuals{grid-template-columns:1fr}}
.montazh-main{width:100%;aspect-ratio:4/3;object-fit:cover}
.montazh-panel{margin:0}
.montazh-panel img{width:100%;aspect-ratio:4/5;object-fit:cover}
.montazh-panel figcaption{font-size:.78rem;color:var(--muted);padding-top:.5rem}

/* showroom partnership invite */
.partner-invite{background:var(--bg)}
.invite-contacts{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start}
.invite-alt{display:flex;gap:1.6rem;flex-wrap:wrap;font-size:.95rem;color:var(--ink-soft)}
.invite-alt a{color:var(--gold);background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/100% 1px;padding-bottom:2px}

/* partner ctas */
.partner-ctas{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.partner-ctas .link-quiet{color:rgba(239,234,225,.8)}

/* typical estimates */
.est-strip{margin-top:3.5rem}
.est-strip h3{font-family:var(--serif);font-weight:600;font-size:1.4rem;margin-bottom:1.2rem}
.est-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media(max-width:860px){.est-grid{grid-template-columns:1fr}}
.est-grid article{border:1px solid var(--line);background:#FBF8F3;padding:1.3rem}
.est-grid h4{font-family:var(--serif);font-weight:600;font-size:1.1rem;margin-bottom:.2rem}
.est-grid p{font-size:.85rem;color:var(--muted);margin-bottom:.6rem}
.est-grid ul{list-style:none;font-size:.9rem;color:var(--ink-soft);margin-bottom:.7rem}
.est-grid li{padding:.15rem 0}
.est-grid b{font-family:var(--serif);font-size:1.3rem;color:var(--gold)}

/* cmp2 */
.cmp2{margin-top:3.2rem}
.cmp2 h3{font-family:var(--serif);font-weight:600;font-size:1.4rem;margin-bottom:1.2rem}

/* docs */
.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media(max-width:860px){.docs-grid{grid-template-columns:1fr}}
.doc-card{display:flex;flex-direction:column;gap:.3rem;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;background:#FBF8F3;padding:1.2rem 1.3rem;transition:border-color var(--t-ui),transform var(--t-ui),box-shadow var(--t-ui)}
a.doc-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 12px 26px rgba(26,22,18,.08)}
.doc-card b{font-family:var(--serif);font-weight:600;font-size:1.05rem}
.doc-card span{font-size:.82rem;color:var(--muted)}
.doc-card-soon{opacity:.75;border-style:dashed}

/* b2b */
.b2b-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:1.6rem 0 2rem}
@media(max-width:800px){.b2b-facts{grid-template-columns:1fr}}
.b2b-facts div{border-top:1px solid var(--line);padding-top:.8rem}
.b2b-facts b{display:block;font-family:var(--serif);font-weight:600;font-size:1.1rem;margin-bottom:.2rem}
.b2b-facts span{font-size:.85rem;color:var(--muted)}

/* repair note */
.repair-note{border-left:2px solid var(--gold);padding:.4rem 0 .4rem 1.2rem;margin:0 0 1.8rem}
.repair-note h3{font-family:var(--serif);font-weight:600;font-size:1.15rem;margin-bottom:.4rem}
.repair-note p{font-size:.92rem;color:var(--ink-soft)}

/* showroom map */
.show-map{margin-top:2.5rem}
.show-map iframe{width:100%;height:340px;border:1px solid var(--line);display:block;margin-bottom:.7rem}

/* partner express line */
.partner-express{border-left:3px solid var(--gold-bright);background:rgba(201,164,107,.1);padding:1rem 1.2rem;margin:1.6rem 0}
.partner-express b{display:block;font-family:var(--serif);font-size:1.15rem;color:var(--gold-bright);margin-bottom:.25rem}
.partner-express span{font-size:.92rem;color:rgba(239,234,225,.8)}

/* green CTA (монтаж) */
:root{--green:#2F7D52;--green-bright:#3B9563}
.btn-green{background:var(--green);border:1px solid var(--green);color:#fff}
.btn-green:hover{background:var(--green-bright);border-color:var(--green-bright)}

/* монтаж под ключ */
.mk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.5rem}
@media(max-width:1100px){.mk-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mk-grid{grid-template-columns:1fr}}
.mk-card{border:1px solid var(--line);background:#FBF8F3;padding:1.5rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
.mk-card svg{width:34px;height:34px;stroke:var(--green);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:.2rem}
.mk-card h3{font-family:var(--serif);font-weight:600;font-size:1.12rem;line-height:1.25}
.mk-card p{font-size:.88rem;color:var(--ink-soft);flex:1}
.mk-card .btn{padding:.6rem 1.2rem;font-size:.78rem}
.mk-final{background:var(--dark-2);color:#EFEAE1;border-color:var(--dark-2)}
.mk-final h3{color:var(--gold-bright)}
.mk-final p{color:rgba(239,234,225,.75)}

/* отзывы */
.rev-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
@media(max-width:1100px){.rev-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.rev-grid{grid-template-columns:1fr}}
.rev-card{border:1px solid var(--line);background:#FBF8F3;padding:1.3rem;display:flex;flex-direction:column;gap:.6rem}
.rev-stars{color:var(--gold);letter-spacing:.15em;font-size:.9rem}
.rev-card p{font-size:.88rem;color:var(--ink-soft);flex:1}
.rev-card footer b{display:block;font-size:.9rem}
.rev-card footer span{font-size:.75rem;color:var(--muted)}
.rev-cta{background:var(--dark-2);border-color:var(--dark-2);color:#EFEAE1;justify-content:space-between}
.rev-cta p{color:rgba(239,234,225,.8)}
.rev-cta .btn{align-self:flex-start}

/* секция-вспышка при переходе по якорю */
@keyframes secFlash{0%{filter:brightness(1)}25%{filter:brightness(.72)}100%{filter:brightness(1)}}
.flash-dark{animation:secFlash .9s var(--ease)}

/* неоновая кнопка ИИ-менеджера */
.ai-fab{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;align-items:center;gap:.55rem;background:#14110E;color:#E9FFF2;font-size:.82rem;letter-spacing:.04em;padding:.75rem 1.15rem;border:1px solid #3BE58F;border-radius:999px;box-shadow:0 0 12px rgba(59,229,143,.45),0 0 32px rgba(59,229,143,.18);animation:aiPulse 2.6s ease-in-out infinite;max-width:min(78vw,340px)}
.ai-fab:hover{box-shadow:0 0 18px rgba(59,229,143,.7),0 0 48px rgba(59,229,143,.3);color:#fff}
.ai-fab-dot{width:8px;height:8px;border-radius:50%;background:#3BE58F;box-shadow:0 0 8px #3BE58F;flex:none}
@keyframes aiPulse{0%,100%{box-shadow:0 0 10px rgba(59,229,143,.4),0 0 28px rgba(59,229,143,.15)}50%{box-shadow:0 0 16px rgba(59,229,143,.65),0 0 44px rgba(59,229,143,.28)}}

/* лента УТП + каталоги */
.usp-band{background:linear-gradient(135deg,#1E3A2A,#2F5940);color:#EFF5F0;padding:clamp(3.5rem,7vw,5.5rem) 0}
.usp-band .eyebrow{color:#A6E5BC;font-weight:600}
.usp-band .h2{color:#fff;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.22;margin-bottom:1rem}
.usp-band .h2 b{color:var(--gold-bright);font-weight:inherit}
.usp-band p{color:#F4F9F5;font-size:1.08rem;line-height:1.7}
.usp-band p b{color:var(--gold-bright);font-weight:700}
.usp-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media(max-width:960px){.usp-grid{grid-template-columns:1fr}}
.usp-copy p{max-width:60ch}
.usp-docs{display:flex;flex-direction:column;gap:.7rem}
.usp-docs-title{font-family:var(--serif);font-weight:600;font-size:1.15rem;color:#CFF3DC;margin-bottom:.2rem}
.usp-doc{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:linear-gradient(160deg,rgba(255,255,255,.17),rgba(255,255,255,.05));border:1px solid rgba(216,181,119,.5);border-radius:18px;padding:1.05rem 1.2rem;box-shadow:0 8px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.22);transition:background var(--t-ui),border-color var(--t-ui),transform var(--t-ui),box-shadow var(--t-ui)}
.usp-doc:hover{background:linear-gradient(160deg,rgba(255,255,255,.24),rgba(255,255,255,.09));border-color:var(--gold-bright);transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.3)}
.usp-doc b{font-family:var(--serif);font-size:1.04rem;font-weight:600;letter-spacing:.01em;color:var(--gold-bright)}
.usp-doc span:not(.usp-dl){font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:rgba(239,245,240,.62)}
.usp-dl{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:linear-gradient(145deg,#EBD6A6,#C9A46B 55%,#A9834E);color:#1E3A2A;box-shadow:0 5px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 4px rgba(0,0,0,.18);transition:transform var(--t-ui),box-shadow var(--t-ui)}
.usp-dl svg{width:19px;height:19px}
.usp-doc:hover .usp-dl{transform:scale(1.12);box-shadow:0 8px 18px rgba(0,0,0,.4),0 0 20px rgba(201,164,107,.55),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 4px rgba(0,0,0,.18)}

/* гайды */
.guides-strip figure{flex:0 0 min(30vw,300px)}
@media(max-width:700px){.guides-strip figure{flex-basis:64vw}}
.guides-strip img,.guides-strip video{width:100%;aspect-ratio:4/5;object-fit:cover}
.guides-strip figcaption{color:rgba(239,234,225,.6)}
.guides-video{margin-top:2.5rem;max-width:420px}
.guides-video video{width:100%;aspect-ratio:9/16;background:#000}
.guides-video p{font-size:.85rem;color:rgba(239,234,225,.6);padding-top:.6rem}
.custom-ctas{display:flex;gap:1rem;flex-wrap:wrap}
.show-person figcaption b{color:var(--ink)}
.show-person figcaption a{color:var(--gold)}

@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
  .hero{height:auto}
  .hero-sticky{position:relative;height:100vh}
}

/* мобильные тач-цели и читабельность */
@media(max-width:640px){
  .viz-tab{min-height:42px;padding:.55rem .9rem}
  .hp-ico{width:38px;height:38px;flex-basis:38px}
  .viz-sw .sw-code{font-size:.62rem}
  .hero-caption-note{font-size:.72rem}
  .promo-tag{font-size:.74rem}
}

/* ===== мобильный пак: iOS/Android ===== */
a,button,summary,.viz-sw,.viz-tab{touch-action:manipulation}
.viz-tab{min-height:44px}
.foils-tabs .viz-tab{min-height:44px}
.footer a{display:inline-block;padding:.3rem 0}

/* полоса разделов под шапкой (только мобайл) */
.mnav-strip{display:none;position:fixed;top:60px;left:0;right:0;z-index:47;gap:1.15rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.68rem 16px;background:rgba(18,15,12,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap;scrollbar-width:none}
.mnav-strip::-webkit-scrollbar{display:none}
.mnav-strip a{color:rgba(255,255,255,.92);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;flex:0 0 auto}

@media(max-width:768px){
  .hero{height:380vh}
  .mnav-strip{display:flex}
  html{scroll-padding-top:118px}
  /* градиент сверху и снизу, середина чистая и светлая */
  .hero-shade{background:linear-gradient(to bottom,rgba(12,10,8,.52) 0%,rgba(12,10,8,.16) 24%,rgba(12,10,8,0) 44%),linear-gradient(to top,rgba(12,10,8,.55) 0%,rgba(12,10,8,.16) 34%,rgba(12,10,8,0) 58%)}
  /* заголовок наверх, кнопки вниз — лица в центре кадра свободны */
  .hero-copy{left:16px;right:16px;max-width:none;top:calc(116px + env(safe-area-inset-top));bottom:calc(92px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}
  .hero-copy>*{pointer-events:auto}
  .hero-copy .eyebrow{text-shadow:0 1px 8px rgba(0,0,0,.5);margin-bottom:.5rem}
  .hero-brands{margin-bottom:.45rem;gap:.35rem}
  .hb-dec{height:24px}
  .hb-amp{font-size:1.2rem}
  .hero-sub2{font-size:1.02rem;margin-bottom:0;text-shadow:0 1px 10px rgba(0,0,0,.5)}
  .hero-sub{margin-top:auto;margin-bottom:.9rem;font-size:.9rem;max-width:34ch;text-shadow:0 1px 8px rgba(0,0,0,.55)}
  .hero-actions{gap:.7rem}
  .hero-caption{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));font-size:.7rem;text-shadow:0 1px 8px rgba(0,0,0,.7)}
  .hero-caption-label{font-size:.85rem}
  .hero-caption-note{display:none}
}
@media(prefers-reduced-motion:reduce){.hero{height:auto}}
@media(max-width:640px){
  .ai-fab{display:none}
  html{scroll-padding-bottom:80px}
}
body:has(#leadForm :focus) .cta-bar,body:has(#miniLead :focus) .cta-bar{display:none}
@media(hover:none){
  .btn:hover{letter-spacing:.12em}
  .coll-card:hover img,.nb-hero:hover img,.gallery figure:hover img{transform:none}
  .usp-doc:hover{transform:none;box-shadow:0 8px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.22)}
  .usp-doc:hover .usp-dl{transform:none}
  .doc-card:hover,a.doc-card:hover{transform:none;box-shadow:none}
  .diz-points div,.mk-card{transition:none}
}
@media(max-width:720px){
  .cmp-a .cmp-row span:nth-child(2)::before{content:"БАМБУРИЯ: ";color:var(--gold);font-weight:600}
  .cmp-a .cmp-row span:nth-child(3)::before{content:"Обычный ремонт: ";color:var(--muted);font-weight:600}
  .cmp-b .cmp-row span:nth-child(2)::before{content:"БАМБУРИЯ: ";color:var(--gold);font-weight:600}
  .cmp-b .cmp-row span:nth-child(3)::before{content:"МДФ / кварцвинил: ";color:var(--muted);font-weight:600}
}
/* мини-форма калькулятора */
.mini-lead{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin-top:2rem;max-width:640px}
.mini-lead input{flex:1;min-width:220px;padding:.95rem 1.1rem;border:1px solid var(--line);background:#fff;font-size:1rem;font-family:var(--sans)}
.mini-lead input:focus{outline:none;border-color:var(--gold)}
.mini-lead-note{flex-basis:100%;font-size:.78rem;color:var(--muted)}
.mini-lead-note a{text-decoration:underline}

@media(max-width:640px){
  .hero-caption{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));font-size:.7rem;text-shadow:0 1px 8px rgba(0,0,0,.7)}
  .hero-caption-label{font-size:.85rem}
  .hero-caption-note{display:none}
}

/* Профили и рейки Декоплитер */
.prof-wrap{margin-top:2.6rem}
.prof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:1rem 0 1.6rem}
.prof-card{margin:0;background:#171310;border:1px solid rgba(176,141,87,.25);overflow:hidden}
.prof-card img{width:100%;display:block}
.prof-card figcaption{font-size:.85rem;letter-spacing:.04em;color:#E4DACB;padding:.6rem .75rem .7rem;background:#171310}
.prof-collapsed{max-height:560px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent);mask-image:linear-gradient(to bottom,#000 78%,transparent)}
.prof-open{max-height:none;-webkit-mask-image:none;mask-image:none}
.prof-more{display:block;margin:-.4rem auto 2rem;padding:.8rem 1.8rem;background:none;border:1px solid var(--gold);color:var(--gold);font-family:var(--sans);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.prof-more:hover{background:var(--gold);color:#fff}
.prof-facts{display:flex;flex-wrap:wrap;gap:.6rem 2rem;padding:1rem 1.2rem;background:#F4EFE8;font-size:.85rem;color:#5C5347}
.prof-facts b{color:#2B241C;margin-right:.35rem}
@media(max-width:640px){.prof-grid{grid-template-columns:1fr;gap:12px}.prof-collapsed{max-height:640px}}

/* Лента серий Декоплитер */
.dcp-series{margin-top:3.2rem}
.dcp-strip{display:flex;gap:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.4rem 0 1.1rem;margin-bottom:1.2rem;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.dcp-strip figure{flex:0 0 min(420px,78vw);margin:0}
.dcp-strip img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:#171310}
.dcp-strip figcaption{font-size:.88rem;padding:.55rem .1rem 0;color:var(--ink-soft)}
.prof-wrap .asrt-h{font-size:1.18rem;margin-top:2.4rem;padding-left:.85rem;border-left:3px solid var(--gold)}

/* мобайл: лента серий -> вертикальная подборка, без бокового скролла */
@media(max-width:640px){
  .dcp-strip{flex-direction:column;gap:10px;overflow:visible;padding:.2rem 0 .4rem;margin-bottom:1rem}
  .dcp-strip figure{flex:none;width:100%}
  .dcp-strip figure:nth-child(n+7){display:none}
  .dcp-series .btn{display:block;text-align:center}
}

/* мобайл и планшет: ленту серий не показываем вовсе — как было до неё */
@media(max-width:900px){
  .dcp-series{display:none}
}

/* плашки каталогов: не распирать страницу на узких экранах */
.usp-doc{min-width:0}
.usp-doc b{min-width:0;overflow-wrap:anywhere}
.usp-grid>*{min-width:0}
