/* ============================================================
EGOE — тёмная премиальная система v2
Oswald + PT Sans · графит · янтарь · чертёжная графика
============================================================ */
:root{
--bg:#0E1114; --bg2:#13171C; --srf:#181D23; --srf2:#1F252C;
--ink:#0E1114; --graphite:#15191E;
--line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.2);
--tx:#EDEFF1; --tx2:#C3C8CD; --steel:#8E959C; --steel-l:#6E757C;
--amber:#F26F1D; --amber-h:#FF8534; --amber-d:#D85B0F;
--glow:rgba(242,111,29,.32);
--ok:#43C383; --bad:#E25A4E;
--r:2px;
--wrap:1560px; --gut:clamp(18px,3vw,60px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{
font-family:'PT Sans',sans-serif;color:var(--tx);line-height:1.6;font-size:16px;
-webkit-font-smoothing:antialiased;overflow-x:clip;max-width:100vw;
background-color:var(--bg);
background-image:
linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
background-size:56px 56px;
background-attachment:fixed;
}
h1,h2,h3,h4,.disp{font-family:'Oswald',sans-serif;font-weight:600;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:var(--amber);color:#fff}
.container{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
/* full-bleed helper: секция-контент до краёв экрана, но выровнен по сетке */
.bleed{padding-left:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));padding-right:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)))}
/* — кнопки — */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:14px;padding:14px 24px;border:1.5px solid rgba(255,255,255,.34);background:transparent;color:#fff;cursor:pointer;border-radius:var(--r);white-space:nowrap;position:relative;transition:background .2s,color .2s,border-color .2s,transform .12s,box-shadow .25s}
.btn:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--amber);border-color:var(--amber);color:#fff;box-shadow:0 10px 28px var(--glow)}
.btn-primary:hover{background:var(--amber-h);border-color:var(--amber-h);color:#fff;box-shadow:0 14px 36px var(--glow)}
.btn-light{border-color:rgba(255,255,255,.34);color:#fff}
.btn-light:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn-sm{padding:10px 16px;font-size:12.5px}
.btn-block{width:100%;justify-content:center}
/* — индикатор прокрутки — */
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--amber),var(--amber-h));z-index:500;box-shadow:0 0 12px var(--glow);pointer-events:none}
/* ============ плейсхолдеры (чертёжные панели) ============ */
.ph{position:relative;background:#161B21;
background-image:linear-gradient(rgba(242,111,29,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(242,111,29,.09) 1px,transparent 1px);
background-size:26px 26px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--steel)}
.ph::before,.ph::after{content:"";position:absolute;width:14px;height:14px;border:1px solid rgba(255,255,255,.32);z-index:2}
.ph::before{top:8px;left:8px;border-right:none;border-bottom:none}
.ph::after{bottom:8px;right:8px;border-left:none;border-top:none}
.ph-label{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:13px;text-align:center;padding:0 16px;color:#838B93;position:relative;z-index:2}
.ph-tag{position:absolute;top:8px;right:8px;font-family:'Oswald',sans-serif;font-size:10px;letter-spacing:.14em;color:var(--amber);border:1px solid rgba(242,111,29,.5);padding:2px 6px;border-radius:1px;z-index:2}
.ph.has-img{background:#10141A}
.ph.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:transform .45s ease,filter .45s ease}
.ph.has-img.contain{background:#F3F5F6}
.ph.has-img.contain img{object-fit:contain;padding:12px}
.ph.has-img .ph-label{align-self:flex-end;width:100%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.68));color:#fff;text-align:left;padding:36px 16px 14px}
.ph.has-img.contain .ph-label{background:linear-gradient(180deg,transparent,rgba(14,17,20,.72));color:#fff}
.model-card:hover .ph.has-img img,.dir-card:hover .ph.has-img img,.tile:hover .ph.has-img img{transform:scale(1.035)}
.r-169{aspect-ratio:16/9}.r-43{aspect-ratio:4/3}.r-11{aspect-ratio:1/1}.r-34{aspect-ratio:3/4}.r-21{aspect-ratio:2/1}
.ph-motif{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:42%;max-width:170px;opacity:.6;pointer-events:none}
.ph-motif path,.ph-motif circle,.ph-motif line,.ph-motif rect,.ph-motif ellipse{stroke:var(--amber);fill:none;stroke-width:1.4;vector-effect:non-scaling-stroke}
/* ============ топбар ============ */
.topbar{background:#090B0E;color:#959CA3;font-size:13px;border-bottom:1px solid var(--line)}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:38px;gap:16px}
.topbar .tb-l{display:flex;gap:18px;flex-wrap:wrap}
.topbar b{color:#E3E6E9;font-weight:400}
.topbar .amber{color:var(--amber)}
.topbar a{transition:color .2s}
.topbar a:hover{color:#fff}
.tb-r{display:flex;gap:16px;align-items:center}
/* ============ шапка ============ */
header{position:sticky;top:0;z-index:300;background:rgba(13,16,20,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .25s,background .25s}
header.stuck{box-shadow:0 12px 36px rgba(0,0,0,.5);background:rgba(13,16,20,.94)}
.hdr{display:flex;align-items:center;height:76px;gap:18px;flex-wrap:nowrap;transition:height .3s cubic-bezier(.2,.7,.2,1)}
header.stuck .hdr{height:64px}
.logo-mark{transition:width .3s cubic-bezier(.2,.7,.2,1),height .3s cubic-bezier(.2,.7,.2,1),transform .3s}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo-mark{width:38px;height:38px;background:var(--amber);position:relative;border-radius:1px;flex-shrink:0;box-shadow:0 6px 18px var(--glow);transition:transform .3s}
.logo:hover .logo-mark{transform:rotate(90deg)}
.logo-mark::before{content:"";position:absolute;inset:8px;border:2px solid #fff}
.logo-mark::after{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:2px;background:#fff;transform:translateX(-50%)}
.logo-txt b{font-family:'Oswald',sans-serif;font-weight:700;font-size:21px;letter-spacing:.06em;display:block;line-height:1;text-transform:uppercase;color:#fff}
.logo-txt span{font-size:10.5px;letter-spacing:.18em;color:var(--steel);text-transform:uppercase}
nav.main{display:flex;align-items:center;gap:32px;margin-left:auto}
nav.main>a,.navitem>a{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:13.5px;letter-spacing:.05em;font-weight:500;color:var(--tx2);cursor:pointer;white-space:nowrap;position:relative;padding:6px 0;transition:color .2s}
nav.main>a::after,.navitem>a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.7,.2,1)}
nav.main>a:hover,.navitem>a:hover,nav.main>a.active{color:#fff}
nav.main>a:hover::after,.navitem:hover>a::after{transform:scaleX(1)}
.navitem{position:relative}
.dropdown{position:absolute;top:calc(100% + 14px);left:-16px;min-width:620px;background:#14181D;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.6);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:2px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s,transform .22s,visibility .22s;z-index:70}
.dropdown::before{content:"";position:absolute;top:-7px;left:34px;width:12px;height:12px;background:#14181D;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.navitem:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dd-item{display:flex;align-items:center;gap:15px;padding:14px 16px;border-radius:2px;transition:background .2s}
.dd-item:hover{background:rgba(255,255,255,.05)}
.dd-ico{width:46px;height:46px;flex-shrink:0;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--tx2);transition:border-color .25s,color .25s,transform .25s}
.dd-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.dd-item:hover .dd-ico{border-color:var(--amber);color:var(--amber);transform:translateY(-3px)}
.dd-item:hover .dd-ico svg{transform:scale(1.12) rotate(-3deg)}
.dd-tx b{display:block;font-family:'PT Sans',sans-serif;font-weight:700;font-size:15px;color:var(--tx);letter-spacing:0;text-transform:none;margin-bottom:2px;transition:color .2s}
.dd-item:hover .dd-tx b{color:var(--amber)}
.dd-tx small{color:var(--steel);font-size:12.5px}
.hdr-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
.burger span{width:24px;height:2px;background:#fff;transition:.25s}
/* ============ секции и ритм ============ */
section{padding:108px 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:52px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(28px,3.6vw,46px);line-height:1.02}
.sec-num{font-family:'Oswald',sans-serif;color:var(--amber);font-size:14px;letter-spacing:.2em;display:block;margin-bottom:10px}
.eyebrow{font-family:'Oswald',sans-serif;color:var(--amber);font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}
.lead-wide{max-width:430px;color:var(--steel);font-size:15.5px;line-height:1.65}
.tint{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* размерная линия */
.dim{display:flex;align-items:center;gap:16px;color:var(--amber);font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.dim::before,.dim::after{content:"";height:1px;flex:1}
.dim::before{background:linear-gradient(90deg,transparent,var(--line-2))}
.dim::after{background:linear-gradient(90deg,var(--line-2),transparent)}
.dim .tick{position:relative}
.dim .tick::before,.dim .tick::after{content:"";position:absolute;top:50%;width:1px;height:9px;background:var(--amber);transform:translateY(-50%)}
.dim.on-dark{color:var(--amber)}
/* scroll reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.reveal.in{opacity:1;transform:none}
/* подсветка карточек курсором */
.card-glow{position:relative}
.card-glow::after{content:"";position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .35s;pointer-events:none;background:radial-gradient(460px circle at var(--mx,50%) var(--my,50%),rgba(242,111,29,.12),transparent 65%)}
.card-glow:hover::after{opacity:1}
/* ============ hero ============ */
.hero{background:radial-gradient(1100px 600px at 78% 10%,rgba(242,111,29,.10),transparent 60%),var(--bg);color:#fff;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000 30%,transparent)}
.hero>.container{max-width:none;padding:0}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);min-height:min(78vh,760px);position:relative;z-index:2}
.hero-l{padding:78px clamp(34px,3.4vw,64px) 78px max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));display:flex;flex-direction:column;justify-content:center}
.hero-r{position:relative;border-left:1px solid var(--line)}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.16em;color:var(--amber);margin-bottom:26px;text-transform:uppercase}
.hero-kicker::before{content:"";width:34px;height:1px;background:var(--amber)}
.hero h1{font-size:clamp(38px,5.4vw,68px);line-height:1.0;margin-bottom:24px;overflow-wrap:break-word}
.hero h1 em{font-style:normal;color:var(--amber)}
.hero p.lead{font-size:19px;color:var(--tx2);max-width:540px;margin-bottom:36px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}
.hero-trust{display:flex;gap:32px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:26px}
.hero-trust div{font-size:13.5px;color:var(--steel)}
.hero-trust b{display:block;font-family:'Oswald',sans-serif;font-size:15px;color:#fff;letter-spacing:.03em;text-transform:uppercase;margin-bottom:3px}
.hero-trust b::before{content:"— ";color:var(--amber)}
.scrollcue{display:inline-flex;align-items:center;gap:9px;margin-top:32px;color:var(--steel);font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.scrollcue i{width:1px;height:26px;background:var(--amber);position:relative;overflow:hidden;display:inline-block}
.scrollcue i::after{content:"";position:absolute;inset:0;background:#8E949A;animation:cue 1.8s infinite}
@keyframes cue{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
/* — анимированный чертёж в hero — */
.bp-wrap{position:absolute;inset:0;background:#11151A;background-image:linear-gradient(rgba(242,111,29,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(242,111,29,.07) 1px,transparent 1px);background-size:28px 28px;display:flex;align-items:center;justify-content:center;padding:56px 44px;overflow:hidden}
.bp-wrap svg{width:100%;height:100%;max-height:560px}
.bp-corner{position:absolute;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.42);text-transform:uppercase;z-index:3}
.bp-corner.tl{top:18px;left:20px}.bp-corner.br{bottom:16px;right:20px}
.bp-corner.bl{bottom:16px;left:20px;color:rgba(242,111,29,.7)}
.bp-steel{stroke:#C9D2DA;stroke-width:3.5;fill:none;stroke-linecap:square}
.bp-wood{stroke:var(--amber);stroke-width:2.4;fill:rgba(242,111,29,.06);stroke-linejoin:round}
.bp-thin{stroke:rgba(201,210,218,.55);stroke-width:1.4;fill:none}
.bp-dim{stroke:rgba(242,111,29,.75);stroke-width:1.2;fill:none}
.bp-txt{font-family:'Oswald',sans-serif;font-size:14px;fill:#AEB7BF;letter-spacing:.1em;text-transform:uppercase}
.bp-txt.a{fill:var(--amber)}
.bp-fade{opacity:0;transition:opacity .8s ease}
svg.drawn .bp-fade{opacity:1}
.bp-pulse{animation:bpPulse 2.6s ease-in-out infinite}
@keyframes bpPulse{0%,100%{opacity:.35}50%{opacity:.95}}
/* ============ направления (главная) ============ */
.dirs{display:block}
.dir-hero{display:block;background:var(--srf);border:1px solid var(--line);overflow:hidden;position:relative;color:inherit;transition:transform .3s,box-shadow .3s,border-color .3s}
.dir-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:.4s;z-index:4}
.dir-hero:hover::before{transform:scaleX(1)}
.dir-hero:hover{transform:translateY(-4px);box-shadow:0 30px 64px rgba(0,0,0,.5);border-color:rgba(242,111,29,.35)}
.dir-hero .ph{width:100%;aspect-ratio:21/9;border:none;border-bottom:1px solid var(--line);transition:filter .5s}
.dir-hero:hover .ph{filter:brightness(1.15)}
.dir-hero-b{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,56px);align-items:center;padding:clamp(28px,3vw,52px);position:relative}
.dir-num{position:absolute;top:18px;right:22px;font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;color:var(--steel-l);letter-spacing:.1em;z-index:2}
.dir-hero-b .eyebrow{margin-bottom:12px}
.dir-hero-b h3{font-size:clamp(28px,3.4vw,48px);line-height:1.04;margin-bottom:0}
.dir-hero-r p{color:var(--steel);font-size:17px;line-height:1.6;margin-bottom:18px}
.dir-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.dir-tile{display:flex;flex-direction:column;background:var(--srf);border:1px solid var(--line);overflow:hidden;position:relative;color:inherit;transition:transform .3s,box-shadow .3s,border-color .3s}
.dir-tile::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:.4s;z-index:4}
.dir-tile:hover::before{transform:scaleX(1)}
.dir-tile:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(0,0,0,.5);border-color:rgba(242,111,29,.35)}
.dir-tile .ph{aspect-ratio:16/10;border:none;border-bottom:1px solid var(--line);transition:filter .5s}
.dir-tile:hover .ph{filter:brightness(1.15)}
.dir-tile-b{padding:26px 30px 30px;display:flex;flex-direction:column;flex:1;position:relative}
.dir-tile-b h3{font-size:24px;margin-bottom:8px}
.dir-tile-b p{color:var(--steel);font-size:14.5px;flex:1}
.dir-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.dir-tags span{font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--steel);border:1px solid var(--line-2);padding:3px 9px;border-radius:1px;transition:color .2s,border-color .2s}
.dir-hero:hover .dir-tags span,.dir-tile:hover .dir-tags span{color:var(--tx2)}
.dir-link{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.05em;color:var(--amber);display:inline-flex;align-items:center;gap:7px;transition:gap .25s}
.dir-hero:hover .dir-link,.dir-tile:hover .dir-link,.dir-card:hover .dir-link{gap:13px}
/* сетка подкатегорий (разделы) */
.dir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.dir-card{background:var(--bg2);cursor:pointer;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .25s,transform .3s,box-shadow .3s}
.dir-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:.4s;z-index:4}
.dir-card:hover::before{transform:scaleX(1)}
.dir-card:hover{background:var(--srf);transform:translateY(-4px);box-shadow:0 22px 48px rgba(0,0,0,.45);z-index:3}
.dir-card .ph{border:none;border-bottom:1px solid var(--line);transition:filter .5s}
.dir-card:hover .ph{filter:brightness(1.15)}
.dir-body{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column}
.dir-body h3{font-size:22px;margin-bottom:8px}
.dir-body p{color:var(--steel);font-size:14.5px;flex:1}
.dir-body .dir-link{margin-top:16px}
/* карточка категории: тёмный кадр «загорается» → светлый (наведение на пк / прокрутка на мобилке) */
.dir-rv{overflow:hidden;background:#090c10}
.dir-rv .rv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;
will-change:opacity,transform;
transition:opacity .8s cubic-bezier(.4,0,.15,1),transform 1.1s cubic-bezier(.2,.5,.15,1)}
.dir-rv .from{opacity:1;transform:scale(1.004)}
.dir-rv .to{opacity:0;z-index:2}
.dir-rv .rv-glow{position:absolute;left:50%;top:36%;width:82%;height:74%;
transform:translate(-50%,-50%) scale(.55);z-index:3;pointer-events:none;opacity:0;mix-blend-mode:screen;
background:radial-gradient(closest-side,rgba(255,196,120,.5),rgba(255,150,60,.16) 46%,transparent 72%);
transition:opacity .85s ease,transform 1s cubic-bezier(.2,.6,.2,1)}
.dir-rv .ph-label{position:absolute;left:0;right:0;bottom:0;z-index:4;pointer-events:none;
width:100%;text-align:left;color:#fff;padding:38px 16px 14px;
background:linear-gradient(180deg,transparent,rgba(6,8,11,.72))}
.dir-card:hover .ph.dir-rv{filter:none}
.dir-rv::before,.dir-rv::after{transition:border-color .6s}
/* раскрытие: наведение (только где есть hover) + .rev (тач, по прокрутке) */
@media(hover:hover){
.dir-card:hover .dir-rv .from{opacity:0;transform:scale(1.05)}
.dir-card:hover .dir-rv .to{opacity:1}
.dir-card:hover .dir-rv .rv-glow{opacity:1;transform:translate(-50%,-50%) scale(1)}
.dir-card:hover .dir-rv::before,.dir-card:hover .dir-rv::after{border-color:var(--amber)}
}
.dir-rv.rev .from{opacity:0;transform:scale(1.05)}
.dir-rv.rev .to{opacity:1}
.dir-rv.rev .rv-glow{opacity:1;transform:translate(-50%,-50%) scale(1)}
.dir-rv.rev::before,.dir-rv.rev::after{border-color:var(--amber)}
@media(prefers-reduced-motion:reduce){.dir-rv .rv,.dir-rv .rv-glow{transition-duration:.25s}}
/* ============ why (тёмная) ============ */
.why{background:#0A0D10;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.why-card{background:#0E1216;padding:32px 28px;position:relative;overflow:hidden;transition:background .25s}
.why-card:hover{background:#131820}
.why-card .n{font-family:'Oswald',sans-serif;font-size:13px;color:var(--amber);letter-spacing:.14em;margin-bottom:18px}
.why-card h3{font-size:19px;margin-bottom:10px}
.why-card p{color:var(--steel);font-size:14.5px}
/* ============ статистика ============ */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:36px}
.stat{background:#0E1216;padding:32px 28px}
.stat b{font-family:'Oswald',sans-serif;font-size:48px;font-weight:700;color:#fff;display:block;line-height:1}
.stat b i{font-style:normal;color:var(--amber);font-size:26px}
.stat span{color:var(--steel);font-size:14px;display:block;margin-top:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
/* ============ процесс (таймлайн) ============ */
.flow{position:relative;display:grid;grid-template-columns:repeat(7,1fr);margin-top:10px}
.flow::before{content:"";position:absolute;top:22px;left:6%;right:6%;height:1px;background:var(--line-2)}
.flow-step{position:relative;text-align:center;padding:0 8px}
.flow-dot{width:46px;height:46px;margin:0 auto 18px;border-radius:50%;background:var(--bg2);border:1.5px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-weight:700;font-size:17px;color:#fff;position:relative;z-index:2;transition:.3s}
.flow-step:hover .flow-dot{background:var(--amber);border-color:var(--amber);color:#fff;transform:scale(1.12);box-shadow:0 8px 24px var(--glow)}
.flow-step .ft{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.03em;color:var(--tx2)}
.flow-step .fd{font-size:12px;color:var(--steel);margin-top:4px;line-height:1.4}
/* ============ versus — завод vs посредник ============ */
/* ============ ledger — завод vs посредник (blueprint) ============ */
.ledger{--lg-q:150px;max-width:960px;margin:0 auto;background:var(--srf);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;position:relative;isolation:isolate;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:26px 26px}
.ledger::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;background:linear-gradient(90deg,var(--ok),var(--amber) 55%,var(--bad))}
.ledger::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 34% 0%,rgba(242,111,29,.10),transparent 62%)}
.ledger > *{position:relative;z-index:1}
.ledger [role="row"]{display:grid;grid-template-columns:var(--lg-q) 1fr 1fr;align-items:stretch}
/* VS-печать на шве между колонками ответов */
.lg-vs{position:absolute;z-index:4;top:36px;left:calc(var(--lg-q) + (100% - var(--lg-q))/2);transform:translate(-50%,-50%);font-family:'Oswald',sans-serif;font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--bg);background:var(--amber);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 20px var(--glow)}
.lg-head{border-bottom:1px solid var(--line-2)}
.lg-corner{padding:18px 18px 14px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:var(--steel);display:flex;align-items:flex-end}
.lg-col{padding:16px 18px;border-left:1px solid var(--line);position:relative;display:flex;flex-direction:column;gap:3px}
.lg-col-t{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:16px;letter-spacing:.04em;line-height:1}
.lg-us .lg-col-t{color:var(--tx)}
.lg-them .lg-col-t{color:var(--steel)}
.lg-col-s{font-family:'Oswald',sans-serif;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;line-height:1}
.lg-us .lg-col-s{color:var(--amber)}
.lg-them .lg-col-s{color:var(--steel-l)}
.lg-row{border-bottom:1px solid var(--line);transition:background .25s}
.lg-row:last-child{border-bottom:none}
.lg-row:hover,.lg-row:focus-visible,.lg-row.on{background:rgba(242,111,29,.045);outline:none}
.lg-q{padding:16px 18px;display:flex;flex-direction:column;gap:3px;justify-content:center}
.lg-n{font-family:'Oswald',sans-serif;font-style:normal;font-size:10px;letter-spacing:.1em;color:var(--amber);opacity:.85}
.lg-q b{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.06em;color:var(--tx2)}
.lg-a{padding:16px 18px;border-left:1px solid var(--line);display:flex;align-items:flex-start;gap:11px;font-size:14.5px;line-height:1.4}
.lg-a.us{color:var(--tx)}
.lg-a.them{color:var(--steel)}
.lg-ic{width:19px;height:19px;flex-shrink:0;margin-top:1px}
.lg-ic.ok{color:var(--ok)}
.lg-ic.bad{color:var(--bad)}
.lg-stamp{border-top:1px solid var(--line-2)}
.lg-stamp .lg-corner{align-items:center;padding-top:16px}
.lg-sum{align-items:center;font-size:14px}
.lg-seal{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}
.lg-seal.ok{background:rgba(67,195,131,.15);border:1px solid rgba(67,195,131,.5);color:var(--ok)}
.lg-seal.bad{background:rgba(226,90,78,.12);border:1px solid rgba(226,90,78,.45);color:var(--bad);font-size:11px}
@media(max-width:760px){.ledger{--lg-q:112px}.lg-col-s{display:none}.lg-vs{width:34px;height:34px;font-size:12px;top:30px}.lg-a{font-size:13.5px;padding:13px 14px}.lg-q{padding:13px 14px}}
@media(max-width:560px){
.ledger [role="row"]{grid-template-columns:1fr}
.lg-head,.lg-corner,.lg-vs{display:none}
.lg-row{padding:14px 16px 6px}
.lg-q{padding:0 0 10px;border-bottom:1px dashed var(--line);flex-direction:row;align-items:baseline;gap:8px}
.lg-q b{font-size:14px}
.lg-a{border-left:none;padding:11px 0 0}
.lg-a::before{content:"EGOE";font-family:'Oswald',sans-serif;font-size:9.5px;letter-spacing:.14em;color:var(--amber);width:64px;flex-shrink:0;padding-top:2px;text-transform:uppercase}
.lg-a.them::before{content:"Посредник";color:var(--steel-l)}
.lg-stamp{padding:14px 16px}
.lg-stamp .lg-sum{padding:10px 0 0}
}
@media(prefers-reduced-motion:reduce){.lg-row{transition:none}}
.vs-note{text-align:center;color:var(--steel);font-size:13.5px;margin-top:28px}
.vs-note b{color:var(--amber);font-weight:700}
/* ============ spotlight (популярное) ============ */
.spot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.spot{background:var(--bg2);display:flex;flex-direction:column;color:inherit;transition:background .25s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.spot:hover{background:var(--srf);transform:translateY(-4px);box-shadow:0 22px 48px rgba(0,0,0,.45);z-index:3}
.spot .ph{border:none;border-bottom:1px solid var(--line);transition:filter .4s}
.spot:hover .ph{filter:brightness(1.15)}
.spot-b{padding:18px 20px 22px}
.spot-b h3{font-size:17px;margin-bottom:6px;transition:color .2s}
.spot:hover h3{color:var(--amber)}
.spot-b .from{font-family:'Oswald',sans-serif;font-size:13px;color:var(--steel);letter-spacing:.04em}
.spot-b .from b{color:#fff;font-size:18px}
/* ============ застройщикам (split) ============ */
.dev{background:radial-gradient(900px 500px at 15% 20%,rgba(242,111,29,.08),transparent 55%),#0A0D10;position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dev::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px}
.dev .container{position:relative;z-index:2}
.devlist{list-style:none;margin:24px 0 0}
.devlist li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--tx2)}
.devlist li:last-child{border-bottom:none}
.devlist li::before{content:"";flex-shrink:0;width:22px;height:22px;border:1.5px solid var(--amber);border-radius:50%;background:no-repeat center/11px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5L4.6 9 10 3' fill='none' stroke='%23F26F1D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.devlist li b{color:#fff;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.03em;margin-right:4px}
/* ք═══ логотипы и отзывы ═══ */
.logos{display:flex;flex-wrap:wrap;gap:1px;background:var(--line);border:1px solid var(--line)}
.logo-cell{flex:1 1 calc(20% - 1px);min-width:160px;aspect-ratio:2/1;background:var(--bg2);display:flex;align-items:center;justify-content:center;color:var(--steel-l);font-family:'Oswald',sans-serif;letter-spacing:.1em;font-size:14px;transition:color .3s,background .3s}
.logo-cell:hover{color:var(--tx2);background:var(--srf)}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.review{background:var(--srf);border:1px solid var(--line);padding:28px;border-radius:var(--r);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.review:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(0,0,0,.45);border-color:rgba(242,111,29,.3)}
.review p{font-size:15px;margin-bottom:18px;color:var(--tx2)}
.review .who{display:flex;gap:12px;align-items:center}
.review .who .ph{width:46px;height:46px;flex-shrink:0;border-radius:50%}
.review .who b{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.03em;color:#fff;display:block}
.review .who span{font-size:12.5px;color:var(--steel)}
/* ============ форма ============ */
.formpanel{background:var(--srf);color:#fff;padding:48px;border-radius:var(--r);position:relative;overflow:hidden;border:1px solid var(--line)}
.formpanel::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px}
.formpanel::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--amber),transparent 70%)}
.formpanel>*{position:relative;z-index:2}
.formpanel h3{font-size:28px;margin-bottom:10px}
.formpanel p{color:var(--steel);margin-bottom:24px;font-size:15px}
.field{margin-bottom:14px}
.field label{display:block;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);color:#fff;font-family:'PT Sans',sans-serif;font-size:15px;border-radius:var(--r);transition:border-color .25s,background .25s,box-shadow .25s}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--amber);background:rgba(255,255,255,.06);box-shadow:0 0 0 3px rgba(242,111,29,.15)}
.field input::placeholder,.field textarea::placeholder{color:#6E757C}
.field select{appearance:none}
.field select option{color:#000}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.file-row{display:flex;align-items:center;gap:12px;border:1px dashed rgba(255,255,255,.3);padding:13px 14px;border-radius:var(--r);color:var(--steel);font-size:14px;cursor:pointer;transition:border-color .25s,color .25s}
.file-row:hover{border-color:var(--amber);color:var(--tx2)}
.consent{font-size:12.5px;color:#6E757C;margin-top:12px}
.form-ok{background:rgba(242,111,29,.1);border:1px solid var(--amber);padding:22px;border-radius:var(--r);color:#fff;font-size:15px}
.form-ok b{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:6px;color:var(--amber)}
/* ============ section hero (внутренние) ============ */
.shero{position:relative;background:var(--bg);color:#fff;overflow:hidden;border-bottom:1px solid var(--line);min-height:calc(100vh - 104px);display:flex;align-items:flex-end}
.shero-bg{position:absolute;inset:0;z-index:0}
.shero-bg picture,.shero-bg img{display:block;width:100%;height:100%}
.shero-bg img{object-fit:cover;object-position:center}
.shero-bg .ph{position:absolute;inset:0;height:100%;border:none;background-color:#10141A}
.shero-bg .ph::before,.shero-bg .ph::after{display:none}
.shero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(95deg,rgba(12,14,18,.96) 0%,rgba(12,14,18,.85) 38%,rgba(12,14,18,.45) 78%,rgba(12,14,18,.3) 100%)}
.shero .container{position:relative;z-index:2}
.shero-inner{padding:48px 0 clamp(56px,8vh,96px);max-width:800px;width:100%}
.shero .eyebrow{margin-bottom:18px}
.shero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.02;margin-bottom:20px}
.shero h1 em{font-style:normal;color:var(--amber)}
.shero .lead{color:var(--tx2);font-size:19px;max-width:620px;line-height:1.6}
.shero-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.shero-meta span{display:inline-flex;align-items:center;gap:8px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:12.5px;letter-spacing:.05em;color:var(--tx2);border:1px solid var(--line-2);padding:9px 15px;border-radius:var(--r);transition:border-color .25s,transform .25s}
.shero-meta span:hover{border-color:var(--amber);transform:translateY(-2px)}
.shero-meta span b{color:var(--amber);font-weight:600}
.shero-corner{position:absolute;bottom:20px;right:24px;z-index:2;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.16em;color:rgba(255,255,255,.3);text-transform:uppercase}
.crumbs{font-size:13px;color:var(--steel);margin-bottom:18px}
.crumbs a{transition:color .2s}
.crumbs a:hover{color:var(--amber)}
.crumbs span{color:var(--amber)}
.page-head{background:var(--bg2);color:#fff;padding:52px 0 46px;border-bottom:1px solid var(--line)}
.page-head h1{font-size:clamp(28px,3.6vw,42px);margin-bottom:12px}
.page-head p{color:var(--tx2);max-width:680px;font-size:16px}
/* ============ карточки моделей ============ */
.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.model-card{display:flex;flex-direction:column;background:var(--srf);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:inherit;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative}
.model-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber);transform:scaleY(0);transform-origin:top;transition:.35s;z-index:3}
.model-card:hover{transform:translateY(-5px);box-shadow:0 28px 56px rgba(0,0,0,.55);border-color:rgba(242,111,29,.35)}
.model-card:hover::after{transform:scaleY(1)}
.model-card .ph{border:none;border-bottom:1px solid var(--line);transition:filter .5s}
.model-card:hover .ph{filter:brightness(1.18)}
.model-card .ph.r-43{aspect-ratio:4/3}
.mc-badge{position:absolute;top:14px;left:14px;z-index:3;font-family:'Oswald',sans-serif;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:1px;background:var(--amber);color:#fff;box-shadow:0 4px 14px var(--glow)}
.mc-badge.alt{background:#2E4B66}
.mc-b{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.mc-b h3{font-size:18px;margin-bottom:6px;color:#fff;transition:color .2s}
.model-card:hover .mc-b h3{color:var(--amber)}
.mc-sub{color:var(--steel);font-size:12.5px;margin-bottom:13px}
.mc-spec{list-style:none;margin:0 0 18px;border-top:1px solid var(--line)}
.mc-spec li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.mc-spec li span{color:var(--steel)}
.mc-spec li b{font-weight:700;text-align:right;color:var(--tx)}
.mc-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:6px}
.mc-price{font-family:'Oswald',sans-serif}
.mc-price b{font-size:20px;font-weight:700;display:block;line-height:1;color:#fff}
.mc-price small{color:var(--steel);font-size:11.5px;letter-spacing:.04em}
.mc-go{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.05em;color:var(--amber);display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(242,111,29,.6);padding:9px 13px;border-radius:var(--r);transition:.25s}
.model-card:hover .mc-go{background:var(--amber);border-color:var(--amber);color:#fff;gap:12px;box-shadow:0 8px 20px var(--glow)}
/* ============ инфографика ============ */
.icards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.icard{background:var(--srf);border:1px solid var(--line);padding:28px 26px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.icard:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(0,0,0,.5);border-color:rgba(242,111,29,.3)}
.icard .ic-ico{width:46px;height:46px;color:var(--amber);margin-bottom:18px;transition:transform .3s}
.icard:hover .ic-ico{transform:translateY(-3px) scale(1.06)}
.icard .ic-ico svg{width:100%;height:100%}
.icard h3{font-size:19px;margin-bottom:8px}
.icard p{color:var(--steel);font-size:14px;line-height:1.55}
.icard .ic-n{position:absolute;top:20px;right:22px;font-family:'Oswald',sans-serif;font-weight:700;color:var(--steel-l);font-size:14px}
.metrics{background:#0A0D10;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metric{padding:52px 36px;border-right:1px solid var(--line);position:relative}
.metric:last-child{border-right:none}
.metric b{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(40px,5vw,66px);line-height:1;color:#fff;display:block}
.metric b i{color:var(--amber);font-style:normal}
.metric span{display:block;margin-top:12px;color:var(--steel);font-size:14px;letter-spacing:.02em}
/* сравнение (статичные 2 колонки) */
.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);overflow:hidden}
.compare .col{padding:36px 38px}
.compare .col.us{background:var(--srf);position:relative}
.compare .col.us::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--amber)}
.compare .col.them{background:#101317}
.compare .col h3{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:18px;letter-spacing:.04em;margin-bottom:22px;display:flex;align-items:center;gap:12px}
.compare .col.us h3{color:var(--amber)}
.compare .col.them h3{color:var(--steel)}
.compare ul{list-style:none;margin:0}
.compare li{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45}
.compare li:last-child{border-bottom:none}
.compare li svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}
.compare .us li svg{color:var(--ok)}
.compare .them li svg{color:var(--bad)}
.compare .them li{color:var(--steel)}
/* SVG-схема */
.figure{background:var(--srf);border:1px solid var(--line);padding:42px;display:flex;justify-content:center;position:relative;overflow:hidden}
.figure::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--amber),transparent 70%)}
.figure svg{width:100%;height:auto;max-width:780px}
.fig-cap{text-align:center;color:var(--steel);font-size:13px;margin-top:14px}
.svg-stroke{stroke:#C9D2DA;fill:none;stroke-width:1.5}
.svg-amber{stroke:var(--amber);fill:none;stroke-width:2}
.svg-fill-a{fill:var(--amber)}
.svg-grid{stroke:rgba(255,255,255,.12);stroke-width:.5;fill:none}
.svg-lbl{font-family:'Oswald',sans-serif;font-size:13px;fill:var(--tx2);text-transform:uppercase;letter-spacing:.04em}
.svg-dim{font-family:'Oswald',sans-serif;font-size:11px;fill:var(--amber);letter-spacing:.08em}
.intro2{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.intro2 .prose p{margin-bottom:14px}
.prose{max-width:760px;color:var(--tx2)}
.prose h2{font-size:28px;margin:34px 0 14px}
.prose h3{font-size:20px;margin:24px 0 10px}
.prose p{margin-bottom:14px}
.prose ul{margin:0 0 16px 20px}
.prose li{margin-bottom:7px}
/* ============ корзины: типы и Art Deco ============ */
.types2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.type-card{background:var(--srf);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s}
.type-card:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(0,0,0,.5);border-color:rgba(242,111,29,.3)}
.type-card .ph{aspect-ratio:16/10;border:none;border-bottom:1px solid var(--line)}
.type-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 8px}
.type-head h3{font-size:23px}
.type-tag{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:.1em;padding:4px 10px;border-radius:1px}
.type-tag.std{background:rgba(255,255,255,.08);color:var(--tx2)}
.type-tag.ad{background:var(--amber);color:#fff;box-shadow:0 4px 14px var(--glow)}
.type-card ul{list-style:none;margin:0;padding:6px 26px 26px}
.type-card li{display:grid;grid-template-columns:24px 92px 1fr;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--tx2)}
.type-card li:last-child{border-bottom:none}
.type-card li svg{width:20px;height:20px;color:var(--amber);margin-top:1px}
.type-card li b{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.03em;color:var(--steel)}
.artdeco{background:radial-gradient(900px 500px at 80% 0%,rgba(242,111,29,.09),transparent 55%),#0A0D10;color:#fff;position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.artdeco::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(242,111,29,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(242,111,29,.05) 1px,transparent 1px);background-size:42px 42px}
.artdeco .container{position:relative;z-index:2}
.artdeco .lead-wide{color:var(--steel)}
.artdeco .model-card{background:#13181E;border-color:rgba(255,255,255,.12)}
.artdeco .model-card:hover{border-color:var(--amber);box-shadow:0 28px 60px rgba(0,0,0,.6)}
.artdeco .model-card .ph{background-color:#0E1216}
.ad-strip{display:flex;gap:26px;flex-wrap:wrap;margin-top:18px}
.ad-strip span{display:inline-flex;align-items:center;gap:9px;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:12.5px;letter-spacing:.05em;color:var(--tx2)}
.ad-strip span i{width:7px;height:7px;background:var(--amber);transform:rotate(45deg)}
/* ============ страница товара ============ */
.prodpage{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.gallery{position:relative}
.gallery .ph::before,.gallery .ph::after{display:none}
.gallery .ph.has-img.contain{background:#10141A}
.gallery .ph.has-img.contain img{padding:0}
.gallery .ph.main{margin-bottom:1px;transition:box-shadow .4s,filter .25s;box-shadow:inset 0 0 0 0 transparent;cursor:zoom-in;isolation:isolate}
.gallery .ph.main.ral-on{box-shadow:inset 0 -6px 0 0 var(--ral,transparent)}
.gallery .ph.main.is-changing img{opacity:.36;transform:scale(1.018)}
.gallery .thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:1px}
.gallery .thumbs .ph{aspect-ratio:4/3;cursor:pointer;transition:filter .3s,border-color .25s,box-shadow .25s,transform .18s}
.gallery .thumbs .ph:hover{filter:brightness(1.22);border-color:rgba(242,111,29,.45)}
.gallery .thumbs .ph:focus-visible,.gallery .ph.main:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.gallery .thumbs .ph.just-swapped{animation:thumbSwap .28s cubic-bezier(.2,.8,.2,1)}
@keyframes thumbSwap{from{transform:scale(.975);filter:brightness(.9)}to{transform:none;filter:none}}
.gallery-open{position:absolute;right:14px;top:14px;z-index:4;border:1px solid rgba(255,255,255,.32);background:rgba(10,13,16,.68);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:9px 12px;border-radius:var(--r);cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s,background .2s,border-color .2s}
.gallery .ph.main:hover .gallery-open,.gallery .ph.main:focus-within .gallery-open{opacity:1;transform:none}
.gallery-open:hover{background:var(--amber);border-color:var(--amber)}
body.gallery-lock{overflow:hidden}
.gallery-lightbox{position:fixed;inset:0;z-index:700;display:none;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;background:rgba(4,6,8,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:34px}
.gallery-lightbox.on{display:grid;animation:lightboxIn .22s ease-out}
@keyframes lightboxIn{from{opacity:0}to{opacity:1}}
.gallery-lightbox__frame{min-width:0;justify-self:center;width:min(1180px,100%);max-height:calc(100vh - 68px);display:flex;flex-direction:column;gap:14px}
.gallery-lightbox__photo{position:relative;background:#07090B;border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 100px rgba(0,0,0,.68);display:flex;align-items:center;justify-content:center;min-height:280px;max-height:calc(100vh - 142px);overflow:hidden}
.gallery-lightbox__photo::before,.gallery-lightbox__photo::after{content:"";position:absolute;width:18px;height:18px;border:1px solid rgba(255,255,255,.32);z-index:2}
.gallery-lightbox__photo::before{top:14px;left:14px;border-right:none;border-bottom:none}
.gallery-lightbox__photo::after{right:14px;bottom:14px;border-left:none;border-top:none}
.gallery-lightbox__photo img{max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;object-fit:contain}
.gallery-lightbox__caption{display:flex;justify-content:space-between;gap:18px;align-items:center;color:var(--tx2);font-size:14px}
.gallery-lightbox__caption b{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#fff}
.gallery-lightbox__counter{font-family:'Oswald',sans-serif;color:var(--amber);letter-spacing:.08em;white-space:nowrap}
.gallery-lightbox__btn,.gallery-lightbox__close{border:1px solid rgba(255,255,255,.26);background:rgba(20,24,29,.72);color:#fff;cursor:pointer;transition:background .2s,border-color .2s,transform .12s}
.gallery-lightbox__btn{width:52px;height:72px;justify-self:center;font-family:'Oswald',sans-serif;font-size:34px;line-height:1}
.gallery-lightbox__close{position:absolute;right:24px;top:20px;width:44px;height:44px;font-size:26px;line-height:1;z-index:2}
.gallery-lightbox__btn:hover,.gallery-lightbox__close:hover{background:var(--amber);border-color:var(--amber)}
.gallery-lightbox__btn:active,.gallery-lightbox__close:active{transform:translateY(1px)}
.pp-info h1{font-size:30px;margin-bottom:6px}
.pp-art{color:var(--steel);font-size:13px;margin-bottom:18px;letter-spacing:.04em}
.pp-price{display:flex;align-items:baseline;gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:22px}
.pp-price .big{font-family:'Oswald',sans-serif;font-weight:700;font-size:34px;color:#fff}
.pp-price .note{color:var(--steel);font-size:13.5px}
.opt-row{margin-bottom:18px}
.opt-row .lbl{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-bottom:9px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1.5px solid var(--line-2);padding:9px 14px;font-size:13.5px;cursor:pointer;border-radius:var(--r);background:transparent;color:var(--tx2);transition:border-color .2s,background .2s,color .2s,transform .15s}
.chip:hover{border-color:rgba(242,111,29,.5);transform:translateY(-1px)}
.chip.on{border-color:var(--amber);background:rgba(242,111,29,.12);color:var(--amber-h);font-weight:700}
.ral{display:flex;gap:9px;flex-wrap:wrap}
.ralc{width:36px;height:36px;border-radius:2px;cursor:pointer;border:2px solid rgba(255,255,255,.18);position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}
.ralc:hover{transform:scale(1.12)}
.ralc.on{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.ralc.on::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.qty{display:flex;align-items:center;border:1.5px solid var(--line-2);border-radius:var(--r);width:fit-content}
.qty button{width:42px;height:44px;background:none;border:none;font-size:20px;cursor:pointer;font-family:'Oswald',sans-serif;color:#fff;transition:background .2s,color .2s}
.qty button:hover{background:var(--amber);color:#fff}
.qty input{width:56px;height:44px;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-size:16px;font-family:'PT Sans',sans-serif;background:transparent;color:#fff}
.pp-actions{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}
.specs{width:100%;border-collapse:collapse;margin-top:8px}
.specs td{padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:top}
.specs td:first-child{color:var(--steel);width:46%}
.specs td:last-child{font-weight:700;color:var(--tx)}
.specs tr{transition:background .2s}
.specs tr:hover{background:rgba(255,255,255,.025)}
.obj-note{background:rgba(242,111,29,.08);border:1px solid rgba(242,111,29,.4);padding:18px 20px;border-radius:var(--r);margin-top:22px;font-size:14.5px;color:var(--tx2)}
.obj-note b{font-family:'Oswald',sans-serif;text-transform:uppercase;color:var(--amber-h);letter-spacing:.03em}
.pp-dl{display:flex;gap:18px;margin-top:18px;font-size:14px}
.pp-dl a{color:var(--amber);display:inline-flex;gap:6px;align-items:center}
.pp-dl a:hover{text-decoration:underline}
/* ============ контентные плитки / FAQ ============ */
.tiles4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line)}
.tiles3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line)}
/* спек-грид Art Déco: «Габариты» во всю ширину; одинокая последняя ячейка тоже (чтобы ничего не «выпирало») */
.ad-dimrow li:first-child{grid-column:1/-1}
.ad-dimrow li:last-child:nth-child(even){grid-column:1/-1}
.tile{background:var(--bg2);box-shadow:0 0 0 1px var(--line);padding:24px;transition:background .25s,transform .3s;position:relative;overflow:hidden}
.tile:hover{background:var(--srf);transform:translateY(-3px);z-index:2}
.tile .ph{margin-bottom:16px;border:none;transition:filter .4s}
.tile:hover .ph{filter:brightness(1.15)}
.tile h3{font-size:18px;margin-bottom:8px}
.tile p{color:var(--steel);font-size:14px}
.faq-item{border:1px solid var(--line);background:var(--srf);border-radius:var(--r);margin-bottom:10px;padding:18px 22px;transition:border-color .25s}
.faq-item:hover{border-color:rgba(242,111,29,.35)}
.faq-item[open]{border-color:rgba(242,111,29,.45)}
.faq-item summary{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.02em;cursor:pointer;list-style:none;color:#fff;display:flex;align-items:baseline}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{content:"+";color:var(--amber);margin-right:12px;font-weight:700;transition:transform .25s;display:inline-block}
.faq-item[open] summary::before{content:"–"}
.faq-item p{margin-top:12px;color:var(--tx2);font-size:14.5px}
/* ============ футер ============ */
.foot-cta{background:var(--amber);color:#fff;position:relative;overflow:hidden}
.foot-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:40px 40px}
.foot-cta .container{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-top:48px;padding-bottom:48px}
.foot-cta .eyebrow{color:rgba(255,255,255,.85);margin-bottom:8px}
.foot-cta h2{color:#fff;font-size:clamp(26px,3vw,40px);line-height:1.05;margin:0}
.foot-cta-act{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.foot-cta-act .btn{background:#0E1114;color:#fff;border-color:#0E1114;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.foot-cta-act .btn:hover{background:#000;border-color:#000;color:#fff}
.foot-cta-phone{font-family:'Oswald',sans-serif;font-weight:600;font-size:24px;color:#fff;white-space:nowrap}
.foot-cta-phone small{display:block;font-size:12px;font-weight:400;letter-spacing:.04em;opacity:.85}
footer{background:#0A0C0F;color:#9AA0A7;padding:0 0 26px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding:64px 0 38px;border-bottom:1px solid var(--line)}
.foot-grid a{display:block;padding:5px 0;font-size:14.5px;color:#9AA0A7;transition:color .2s,transform .2s}
.foot-grid a:hover{color:var(--amber-h);transform:translateX(3px)}
.foot-about p{font-size:14px;margin:14px 0 18px;max-width:320px}
.foot-col-h{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:#6E757C;margin-bottom:18px}
.foot-ic{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.foot-ic svg{width:18px;height:18px;color:var(--amber);flex-shrink:0}
.foot-ic a,.foot-ic span{color:#D9DDE1;font-size:15px}
.foot-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.foot-badges span{font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#9AA0A7;border:1px solid var(--line-2);padding:6px 11px;border-radius:1px}
.foot-msgr{display:flex;gap:10px}
.foot-msgr a{border:1px solid var(--line-2);padding:7px 13px;border-radius:var(--r);font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.05em;transition:border-color .2s,color .2s,transform .2s}
.foot-msgr a:hover{border-color:var(--amber);color:var(--amber-h);transform:translateY(-2px)}
.foot-bot{display:flex;justify-content:space-between;padding-top:22px;font-size:13px;flex-wrap:wrap;gap:12px;color:#6E757C}
/* ============ модалка ============ */
.modal-wrap{position:fixed;inset:0;background:rgba(5,7,9,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:600;display:none;align-items:center;justify-content:center;padding:20px}
.modal-wrap.on{display:flex}
.modal{background:var(--srf);max-width:520px;width:100%;border-radius:var(--r);max-height:90vh;overflow:auto;border:1px solid var(--line-2);box-shadow:0 40px 100px rgba(0,0,0,.7);animation:modalIn .3s cubic-bezier(.2,.9,.3,1.2)}
@keyframes modalIn{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
.modal .formpanel{border-radius:0;border:none}
.modal-x{position:absolute;top:14px;right:16px;color:#fff;font-size:26px;cursor:pointer;z-index:5;line-height:1;transition:transform .25s,color .2s}
.modal-x:hover{transform:rotate(90deg);color:var(--amber)}
/* ============ производство: кейс и основатель ============ */
.tile-cap{font-family:'Oswald',sans-serif;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}
.founder{display:grid;grid-template-columns:360px 1fr;gap:60px;align-items:center}
.founder .ph{aspect-ratio:3/4;width:100%}
.founder-role{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-top:8px}
.founder-quote{font-family:'Oswald',sans-serif;font-weight:500;font-size:clamp(20px,2.4vw,30px);line-height:1.3;color:#fff;margin:24px 0 28px;padding-left:24px;border-left:3px solid var(--amber);text-transform:none}
.founder-facts{display:flex;gap:0;border:1px solid var(--line);background:var(--line);flex-wrap:wrap;gap:1px}
.founder-facts div{flex:1 1 160px;background:var(--srf);padding:18px 20px}
.founder-facts b{font-family:'Oswald',sans-serif;font-size:24px;font-weight:700;color:#fff;display:block;line-height:1.1}
.founder-facts span{font-size:12.5px;color:var(--steel)}
@media(max-width:900px){.founder{grid-template-columns:1fr;gap:32px}.founder .ph{max-width:340px}}
/* контакты */
.cnt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);margin-bottom:24px}
.cnt-cell{background:var(--srf);box-shadow:0 0 0 1px var(--line);padding:28px}
.cnt-cell .lbl{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.cnt-cell .v{font-family:'Oswald',sans-serif;font-size:22px;text-transform:uppercase;letter-spacing:.02em;color:#fff}
.cnt-cell .s{color:var(--steel);font-size:14px;margin-top:6px}
.reqs{background:var(--srf);border:1px solid var(--line);border-radius:var(--r);padding:24px;width:100%}
.reqs table{width:100%;border-collapse:collapse}
.reqs td{padding:10px 14px;border-bottom:1px solid var(--line);font-size:14px;color:var(--tx2)}
.reqs tr:last-child td{border-bottom:none}
.reqs td:first-child{color:var(--steel);width:34%}
@media(max-width:700px){.cnt-grid{grid-template-columns:1fr}}
/* служебное */
.marquee{display:none!important}
/* ============ a11y ============ */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
/* ============ reduced motion ============ */
@media(prefers-reduced-motion:reduce){
.reveal{opacity:1!important;transform:none!important;transition:none}
.scrollcue i::after,.bp-pulse{animation:none}
*{scroll-behavior:auto!important}
}
/* ============ адаптив ============ */
@media(max-width:1180px){
.hdr{height:62px;gap:10px}
header.stuck .hdr{height:56px}
.hdr-actions .btn{display:none}
.hdr-actions{margin-left:auto;gap:8px}
.burger{display:flex;margin-left:2px}
/* desktop-меню в шапке прячем полностью — мобильное меню строит site.js (панель .mnav) */
nav.main{display:none}
.logo-mark{width:33px;height:33px}
.logo-mark::before{inset:7px}
.logo-mark::after{top:7px;bottom:7px}
.logo-txt b{font-size:18px}
.logo-txt span{font-size:9.5px;letter-spacing:.14em}
/* бургер → крестик */
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media(max-width:480px){
.logo-txt span{display:none}
.hicon{width:38px;height:38px}
.hdr{gap:8px}
.hdr-tools{gap:7px}
}
@media(max-width:1024px){
section{padding:72px 0}
.hero-grid{grid-template-columns:1fr;min-height:0}
.hero-r{display:none}
.hero-l{padding:58px var(--gut) 64px}
.dir-grid,.why-grid,.tiles4,.tiles3{grid-template-columns:repeat(2,1fr)}
.stats{grid-template-columns:repeat(2,1fr)}
.reviews{grid-template-columns:1fr}
.split,.prodpage,.intro2,.foot-grid{grid-template-columns:1fr;gap:40px}
.flow{grid-template-columns:repeat(4,1fr);gap:28px 0}
.flow::before{display:none}
.spot-grid{grid-template-columns:repeat(2,1fr)}
.icards{grid-template-columns:repeat(2,1fr)}
.model-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
.metrics{grid-template-columns:repeat(2,1fr)}
.metric{border-right:none;border-bottom:1px solid var(--line)}
.types2{grid-template-columns:1fr}
.compare{grid-template-columns:1fr}
.compare .col.them{border-top:1px solid var(--line)}
.dir-hero .ph{aspect-ratio:16/9}
.dir-hero-b{grid-template-columns:1fr;gap:16px}
.dir-row{grid-template-columns:1fr}
.model-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
section{padding:44px 0}
.container{padding:0 18px}
/* карточка товара компактнее: без дублей заголовка/бейджа/артикула (они уже в .page-head), цена в столбик */
.prodpage{gap:20px}
.pp-info>.ad-badge,.pp-info>h1,.pp-info>.pp-art{display:none}
.pp-price{flex-direction:column;align-items:flex-start;gap:5px;padding:14px 0;margin-bottom:16px}
.pp-price .note{font-size:12.5px}
.opt-row{margin-bottom:14px}
.obj-note{margin-top:16px;padding:14px 16px;font-size:13.5px}
.dir-grid,.why-grid,.tiles4,.stats,.spot-grid{grid-template-columns:1fr}
.tiles3{grid-template-columns:repeat(2,1fr)}
.icards{grid-template-columns:1fr}
.model-grid{grid-template-columns:1fr}
.flow{grid-template-columns:repeat(2,1fr)}
.row2{grid-template-columns:1fr}
.topbar{font-size:12.5px}
.topbar .container{height:36px}
.topbar .tb-l{display:none}
.topbar .tb-r{width:100%;display:flex;align-items:center;gap:14px}
.topbar .tb-r a[href^="tel:"]{margin-right:auto}
.topbar .tb-r a[href^="tel:"] b{color:#fff;letter-spacing:.02em}
.formpanel{padding:28px 22px}
.page-head{padding:24px 0 18px}
.page-head h1{margin-bottom:8px}
.page-head p{font-size:14.5px}
.shero-inner{padding:64px 0 60px}
.pp-price .big{font-size:28px}
.gallery .thumbs{grid-template-columns:repeat(3,1fr)}
.gallery-open{opacity:1;transform:none;top:10px;right:10px;font-size:10px;padding:8px 10px}
.gallery-lightbox{grid-template-columns:1fr;padding:14px}
.gallery-lightbox__frame{width:100%;max-height:calc(100vh - 28px)}
.gallery-lightbox__photo{min-height:220px;max-height:calc(100vh - 118px)}
.gallery-lightbox__photo img{max-height:calc(100vh - 126px)}
.gallery-lightbox__caption{padding:0 2px}
.gallery-lightbox__btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:58px;z-index:3;background:rgba(10,13,16,.76)}
.gallery-lightbox__btn:first-child{left:12px}
.gallery-lightbox__btn:last-child{right:12px}
.gallery-lightbox__close{right:12px;top:12px;width:42px;height:42px;background:rgba(10,13,16,.82)}
.vs-row{grid-template-columns:1fr;gap:6px;padding:13px 0}
.vs-cell{min-height:44px}
.vs-btn{padding:10px 16px;font-size:12px}
.metrics{grid-template-columns:1fr}
.foot-cta .container{flex-direction:column;align-items:flex-start}
}
/* ============ шапка: иконки поиска и корзины ============ */
.hdr-tools{display:flex;align-items:center;gap:10px}
.hicon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--tx2);cursor:pointer;transition:color .2s,border-color .2s,background .2s;flex-shrink:0}
.hicon:hover{color:#fff;border-color:var(--amber);background:rgba(242,111,29,.08)}
.hicon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hicon-badge{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--amber);color:#fff;font:600 11px/18px 'Oswald',sans-serif;text-align:center;box-shadow:0 3px 8px var(--glow);display:none}
.hicon-badge.on{display:block;animation:cartPop .3s cubic-bezier(.2,.8,.2,1)}
@keyframes cartPop{0%{transform:scale(.4)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
/* ============ поиск ============ */
.search-ov{position:fixed;inset:0;z-index:650;background:rgba(6,8,10,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;padding:14vh 20px 20px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.search-ov.on{opacity:1;visibility:visible}
.search-box{width:100%;max-width:680px}
.search-field{display:flex;align-items:center;gap:12px;background:#14181d;border:1px solid var(--line-2);border-radius:3px;padding:4px 4px 4px 18px;box-shadow:0 30px 70px rgba(0,0,0,.55)}
.search-field svg{width:22px;height:22px;fill:none;stroke:var(--steel);stroke-width:1.7;flex-shrink:0}
.search-field input{flex:1;background:transparent;border:none;outline:none;color:#fff;font:400 18px 'PT Sans',sans-serif;padding:16px 0}
.search-field .search-x{width:44px;height:44px;border:none;background:transparent;color:var(--steel);font-size:26px;cursor:pointer;border-radius:2px;flex-shrink:0}
.search-field .search-x:hover{color:#fff;background:rgba(255,255,255,.06)}
.search-results{margin-top:12px;max-height:56vh;overflow-y:auto;background:#12161b;border:1px solid var(--line);border-radius:3px}
.search-results:empty{display:none}
.sr-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .15s}
.sr-item:last-child{border-bottom:none}
.sr-item:hover,.sr-item.sel{background:rgba(242,111,29,.09)}
.sr-thumb{width:56px;height:44px;object-fit:cover;background:#0d1013;border-radius:2px;flex-shrink:0}
.sr-tx b{display:block;color:var(--tx);font-size:14.5px;font-weight:400}
.sr-tx span{color:var(--steel);font-size:12px}
.sr-empty{padding:22px 16px;color:var(--steel);text-align:center;font-size:14px}
.search-hint{margin-top:14px;color:var(--steel);font-size:12.5px;text-align:center}
/* ============ корзина (лист для КП) ============ */
.cart-qty{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:2px}
.cart-qty button{width:32px;height:32px;background:transparent;border:none;color:var(--tx2);font-size:17px;cursor:pointer;transition:color .15s,background .15s}
.cart-qty button:hover{color:#fff;background:rgba(255,255,255,.06)}
.cart-qty span{min-width:34px;text-align:center;font-size:14px;color:#fff}
.ci-del{background:none;border:none;color:var(--steel);font-size:12.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .15s}
.ci-del:hover{color:var(--bad)}
.add-cart-ok{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);z-index:680;background:#101418;border:1px solid var(--amber);color:#fff;padding:12px 18px;border-radius:3px;font-size:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;display:flex;gap:14px;align-items:center;white-space:nowrap}
.add-cart-ok.on{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.add-cart-ok a{color:var(--amber);font-weight:700;text-decoration:none}
.add-cart-ok a:hover{text-decoration:underline;text-underline-offset:3px}
.btn-cart{border-color:var(--amber);color:#fff}
.btn-cart::before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:url('data:image/svg+xml,') center/contain no-repeat;mask:url('data:image/svg+xml,') center/contain no-repeat;margin-right:9px;vertical-align:-3px;display:inline-block}
.btn-cart:hover{background:rgba(242,111,29,.12);border-color:var(--amber)}
/* Art Déco: «Запросить КП» — тонкая белая, ведёт к форме (стрелка вниз) */
.pp-actions-ad{gap:14px;align-items:center}
.pp-actions-ad .btn-cart.btn-gold::before{background:#1c1305}
.btn-kp{background:transparent;border:1px solid rgba(255,255,255,.26);color:#fff;font-weight:500;box-shadow:none;padding:13px 20px;font-size:13px;letter-spacing:.04em}
.btn-kp::after{content:"↓";margin-left:3px;font-size:15px;line-height:1;opacity:.65;transition:transform .2s,opacity .2s}
.btn-kp:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.05);color:#fff}
.btn-kp:hover::after{transform:translateY(2px);opacity:1}
@media(max-width:600px){
.search-ov{padding:9vh 14px 14px}
.search-field input{font-size:16px}
.add-cart-ok{width:calc(100% - 28px);justify-content:space-between;white-space:normal}
}
/* ============ мобильное меню: панель справа ============ */
body.mnav-lock{overflow:hidden}
.mnav{position:fixed;inset:0;z-index:700;visibility:hidden;transition:visibility .38s}
.mnav.on{visibility:visible}
.mnav-ov{position:absolute;inset:0;background:rgba(5,7,9,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .3s}
.mnav.on .mnav-ov{opacity:1}
.mnav-panel{position:absolute;top:0;right:0;bottom:0;width:min(380px,92vw);background:#0e1216;border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translateX(103%);transition:transform .38s cubic-bezier(.25,.9,.3,1);box-shadow:-40px 0 90px rgba(0,0,0,.55)}
.mnav.on .mnav-panel{transform:translateX(0)}
.mnav-head{display:flex;align-items:center;justify-content:space-between;padding:15px 10px 15px 22px;border-bottom:1px solid var(--line);flex-shrink:0}
.mnav-head b{font-family:'Oswald',sans-serif;font-size:16px;letter-spacing:.1em;color:#fff}
.mnav-x{width:44px;height:44px;border:none;background:transparent;color:var(--steel);font-size:28px;line-height:1;cursor:pointer;border-radius:2px;transition:color .2s,background .2s}
.mnav-x:hover{color:#fff;background:rgba(255,255,255,.06)}
.mnav-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 22px 14px}
.mnav-link,.mnav-acc{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 2px;border:none;border-bottom:1px solid var(--line);background:none;color:var(--tx);font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.05em;font-weight:500;cursor:pointer;text-align:left;transition:color .2s}
.mnav-link:hover,.mnav-acc:hover{color:#fff}
.mnav-acc i{width:22px;height:22px;position:relative;flex-shrink:0;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.mnav-acc i::before,.mnav-acc i::after{content:"";position:absolute;background:var(--amber);left:50%;top:50%}
.mnav-acc i::before{width:12px;height:2px;transform:translate(-50%,-50%)}
.mnav-acc i::after{width:2px;height:12px;transform:translate(-50%,-50%);transition:transform .3s,opacity .25s}
.mnav-group.open .mnav-acc{color:#fff}
.mnav-group.open .mnav-acc i{transform:rotate(180deg)}
.mnav-group.open .mnav-acc i::after{transform:translate(-50%,-50%) scaleY(0);opacity:0}
.mnav-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.25,.9,.3,1)}
.mnav-group.open .mnav-sub{grid-template-rows:1fr}
.mnav-sub-in{overflow:hidden;min-height:0}
.mnav-sub .mnav-all{display:block;padding:13px 2px 6px;color:var(--amber);font-size:13px;font-weight:700;letter-spacing:.03em}
.mnav-sub .dd-item{display:flex;gap:12px;align-items:center;padding:9px 2px;border-radius:2px}
.mnav-sub .dd-item:hover{background:rgba(255,255,255,.04)}
.mnav-sub .dd-ico{width:38px;height:38px}
.mnav-sub .dd-ico svg{width:20px;height:20px}
.mnav-sub .dd-tx b{font-size:14px}
.mnav-sub .dd-tx small{font-size:12px}
.mnav-group .mnav-sub-in{border-bottom:1px solid var(--line)}
.mnav-cta{flex-shrink:0;padding:16px 22px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0b0e12}
.mnav-phone{display:block;text-align:center;margin-top:13px;color:#fff;font:700 19px 'Oswald',sans-serif;letter-spacing:.04em}
.mnav-phone small{display:block;color:var(--steel);font:400 11.5px 'PT Sans',sans-serif;letter-spacing:.02em;margin-top:2px}
.mnav-mess{display:flex;justify-content:center;gap:22px;margin-top:11px}
.mnav-mess a{color:var(--tx2);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.mnav-mess a:hover{color:#fff}
/* стаггер-появление пунктов */
.mnav-panel .mnav-group,.mnav-panel .mnav-link,.mnav-panel .mnav-cta{opacity:0;transform:translateX(26px);transition:opacity .32s ease,transform .38s cubic-bezier(.2,.75,.2,1)}
.mnav.on .mnav-panel .mnav-group,.mnav.on .mnav-panel .mnav-link,.mnav.on .mnav-panel .mnav-cta{opacity:1;transform:none}
.mnav.on .mnav-panel>.mnav-scroll>*:nth-child(1){transition-delay:.06s}
.mnav.on .mnav-panel>.mnav-scroll>*:nth-child(2){transition-delay:.1s}
.mnav.on .mnav-panel>.mnav-scroll>*:nth-child(3){transition-delay:.14s}
.mnav.on .mnav-panel>.mnav-scroll>*:nth-child(4){transition-delay:.18s}
.mnav.on .mnav-panel>.mnav-scroll>*:nth-child(5){transition-delay:.22s}
.mnav.on .mnav-panel>.mnav-scroll>*:nth-child(6){transition-delay:.26s}
.mnav.on .mnav-panel .mnav-cta{transition-delay:.3s}
@media(min-width:1181px){.mnav{display:none}}
/* ============ страница корзины /cart/ ============ */
.cartp{padding:44px 0 84px}
.cartp .crumbs{margin-bottom:14px}
.cartp-title{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:clamp(26px,4vw,38px);letter-spacing:.03em;color:#fff;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.cartp-title span{font-size:14px;color:var(--amber);font-family:'PT Sans',sans-serif;text-transform:none;letter-spacing:0}
.cartp-sub{color:var(--steel);margin-top:8px;max-width:640px}
.cartp-grid{display:grid;grid-template-columns:1fr 370px;gap:34px;margin-top:30px;align-items:start}
.cartp-items{border-top:1px solid var(--line)}
.cartp-item{display:flex;gap:18px;padding:18px 4px;border-bottom:1px solid var(--line);opacity:0;transform:translateY(10px);animation:cartRow .4s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i,0)*.06s);transition:opacity .24s,transform .24s}
@keyframes cartRow{to{opacity:1;transform:none}}
.cartp-item.out{opacity:0;transform:translateX(26px)}
.cartp-item .ci-ph{width:110px;height:86px;flex-shrink:0;background:#12161b;border:1px solid var(--line);border-radius:2px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.cartp-item .ci-ph img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.cartp-item .ci-ph:hover img{transform:scale(1.06)}
.cartp-item .ci-ph.noimg::before{content:"фото";color:var(--steel);font-size:11px}
.cartp-item .ci-ph.noimg img{display:none}
.cartp-item .ci-main{flex:1;min-width:0}
.cartp-item .ci-name{display:block;color:var(--tx);font-size:15.5px;line-height:1.35;transition:color .2s}
.cartp-item .ci-name[href]:hover{color:var(--amber)}
.cartp-item small{display:block;color:var(--steel);font-size:12.5px;margin-top:3px}
.cartp-item .ci-ctrl{display:flex;align-items:center;flex-wrap:wrap;margin-top:12px;gap:10px 14px}
.ci-price{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--steel)}
.ci-price input{width:88px;height:32px;background:#12161b;border:1px solid var(--line-2);border-radius:2px;color:#fff;font-size:14px;text-align:right;padding:0 8px}
.ci-price input:focus{outline:none;border-color:var(--amber)}
.ci-sum{margin-left:auto;font-family:'Oswald',sans-serif;font-size:15.5px;color:var(--amber);white-space:nowrap;min-width:96px;text-align:right}
.cartp-line-total{padding-top:10px;font-size:15px}
.cartp-line-total b{font-family:'Oswald',sans-serif;color:var(--amber);font-size:17px}
.cartp-tools{display:flex;justify-content:flex-end;padding:14px 4px}
.cartp-side .cartp-panel{background:var(--srf,#14181d);border:1px solid var(--line);padding:24px 24px 20px;position:sticky;top:96px}
.cartp-line{display:flex;justify-content:space-between;font-size:14px;color:var(--tx2);padding:5px 0}
.cartp-line b{color:#fff}
.cartp-panel hr{border:none;border-top:1px solid var(--line);margin:14px 0 16px}
.cartp-panel h3{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:17px;letter-spacing:.05em;color:#fff;margin-bottom:12px}
.cartp-note{color:var(--steel);font-size:12.5px;margin-top:14px;line-height:1.55;text-align:center}
.cartp-side.is-empty{display:none}
.cartp-empty{text-align:center;padding:70px 20px 40px;border-bottom:1px solid var(--line)}
.cartp-empty svg{width:64px;height:64px;stroke:var(--line-2);fill:none;stroke-width:1.3;margin-bottom:18px}
.cartp-empty h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:24px;color:#fff;letter-spacing:.04em}
.cartp-empty p{color:var(--steel);margin:12px 0 26px;line-height:1.6}
.cartp-empty-act{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* КП в панели корзины: живой предпросмотр + гейт-форма */
.kp-gen{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.kp-gen h4{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:15px;color:#fff;margin:0 0 12px}
.kp-preview{position:relative;width:300px;max-width:100%;height:330px;margin:0 auto 14px;overflow:hidden;border:1px solid var(--line-2);border-radius:4px;background:#fff}
.kp-preview iframe{position:absolute;top:0;left:0;width:780px;height:1500px;border:0;transform:scale(.3846);transform-origin:top left;pointer-events:none;background:#fff}
.kp-preview-fade{position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(rgba(20,24,29,0),rgba(20,24,29,.9));pointer-events:none}
.kp-preview-badge{position:absolute;top:9px;left:9px;display:flex;align-items:center;gap:5px;background:rgba(20,24,29,.82);color:#fff;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:10px;padding:4px 9px;border-radius:2px}
.kp-preview-badge svg{stroke:var(--amber);flex-shrink:0}
.kp-gen-hint{font-size:12.5px;color:var(--steel);margin:0 0 14px;line-height:1.5}
.kp-gen .field{margin-bottom:9px}
.kp-gen .req{color:var(--amber);margin-left:2px}
.kp-gen input.kp-invalid{border-color:var(--bad)!important;background:#2a1315}
#kpOpen{margin-top:4px}
.kp-gen .form-ok{margin-top:12px}
/* ── КП: «генератор» — тёмные чертёжные сцены в стиле сайта, оранжевые линии рисуются ── */
.kp-preview{background:#14181e;border-color:var(--line-2)}
.kpv .kpv-stage{position:absolute;inset:0;background:
radial-gradient(circle at 18% 12%,rgba(255,166,0,.05),transparent 42%),
repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 22px),
repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 22px),#14181e}
.kpv-sc{position:absolute;inset:0;padding:16px 15px;opacity:0;transition:opacity .45s;font-family:'Oswald',sans-serif;color:#dfe3e7}
.kp-preview .kpv-sc{padding-top:38px} /* в сайдбаре сверху лежит бейдж «Предпросмотр» */
.kpv-sc.on{opacity:1}
.kpv-sc::before,.kpv-sc::after{content:'';position:absolute;width:16px;height:16px;border:1px solid rgba(255,166,0,.5)}
.kpv-sc::before{left:7px;top:7px;border-right:0;border-bottom:0}
.kpv-sc::after{right:7px;bottom:7px;border-left:0;border-top:0}
.k2-hd{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line-2);padding-bottom:7px;margin-bottom:4px}
.k2-logo{font-weight:700;letter-spacing:.1em;font-size:12px;text-transform:uppercase;color:#fff}
.k2-logo b{color:var(--amber)}
.k2-cap,.k2-num{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.k2-svg{display:block;width:100%;margin-top:10px}
.k2d{stroke:var(--amber);stroke-width:1.6;stroke-dasharray:100;stroke-dashoffset:100;opacity:.9}
.k2d2{stroke:rgba(255,166,0,.45);stroke-width:1.1}
.k2d3{stroke:#7c8894;stroke-width:1.1}
.kpv-sc.on .k2d{animation:k2draw .9s ease forwards}
.kpv-sc.on .k2d2{animation-delay:.45s}
.kpv-sc.on .k2d3{animation-delay:.75s}
@keyframes k2draw{to{stroke-dashoffset:0}}
.k2-h1{margin-top:11px;font-size:19px;line-height:1.12;font-weight:600;letter-spacing:.02em;color:#fff}
.k2-h1 .am,.kpv-h1 .am{color:var(--amber)}
.kpv-t{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;vertical-align:bottom;border-right:2px solid var(--amber)}
.kpv-sc.on .kpv-t{animation:kpvType .55s .15s steps(14,end) forwards,kpvCaret .9s 1.4s forwards}
.kpv-sc.on .kpv-t2{animation-delay:.7s,1.6s}
@keyframes kpvType{to{max-width:100%}}
@keyframes kpvCaret{to{border-color:transparent}}
.k2-bar{height:6px;background:rgba(255,255,255,.09);margin-top:9px;transform:scaleX(0);transform-origin:left}
.k2-bar.am{background:var(--amber)}
.kpv-sc.on .k2-bar{animation:kpvBar .5s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes kpvBar{to{transform:scaleX(1)}}
.k2-row{display:flex;gap:8px;align-items:center;padding:6.5px 0;border-bottom:1px solid rgba(255,255,255,.07);opacity:0;transform:translateX(-10px)}
.kpv-sc.on .k2-row{animation:k2row .4s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes k2row{to{opacity:1;transform:none}}
.k2-ri{width:14px;font-size:9px;color:var(--amber);flex-shrink:0}
.k2-rn{flex:1;font-family:'Inter',-apple-system,sans-serif;font-size:8.5px;line-height:1.25;color:#aab3bb;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.k2-rq{font-size:9px;color:var(--steel)}
.k2-rp{font-size:9.5px;font-weight:600;color:#fff;background:rgba(255,166,0,.14);border:1px solid rgba(255,166,0,.3);padding:1px 6px;border-radius:2px;white-space:nowrap}
.k2-more{font-family:'Inter',sans-serif;font-size:8.5px;color:var(--steel);padding:7px 0;opacity:0}
.kpv-sc.on .k2-more{animation:k2row .4s forwards}
.k2-tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:8px;border-top:1px solid var(--amber);opacity:0}
.kpv-sc.on .k2-tot{animation:k2row .45s forwards}
.k2-tot span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--steel)}
.k2-tot b{font-size:15px;color:var(--amber)}
.k2-grid{background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 13px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 13px)}
.k2-sign{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);opacity:0;margin-top:6px}
.kpv-sc.on .k2-sign{animation:k2row .5s forwards}
/* ── КП: выезжающая шторка с настоящим документом ── */
html.kpd-lock,html.kpd-lock body{overflow:hidden}
.kpdrawer{position:fixed;inset:0;z-index:320;pointer-events:none}
.kpd-back{position:absolute;inset:0;background:rgba(8,10,13,.62);backdrop-filter:blur(3px);opacity:0;transition:opacity .35s}
.kpd-panel{position:absolute;top:0;right:0;bottom:0;width:min(940px,100%);background:var(--bg,#14181e);border-left:1px solid var(--line-2);display:flex;flex-direction:column;transform:translateX(103%);transition:transform .5s cubic-bezier(.22,.85,.25,1);box-shadow:-40px 0 90px rgba(0,0,0,.5)}
.kpdrawer.open{pointer-events:auto}
.kpdrawer.open .kpd-back{opacity:1}
.kpdrawer.open .kpd-panel{transform:none}
.kpd-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line)}
.kpd-title{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:15px;color:#fff}
.kpd-title span{color:var(--amber);font-size:12.5px;margin-left:8px;white-space:nowrap}
.kpd-x{width:38px;height:38px;flex-shrink:0;font-size:22px;line-height:1;background:none;border:1px solid var(--line-2);color:#fff;border-radius:3px;cursor:pointer;transition:border-color .2s}
.kpd-x:hover{border-color:var(--amber)}
.kpd-body{position:relative;flex:1;overflow:hidden;background:#1b2027}
.kpd-body iframe{width:100%;height:100%;border:0;background:#fff;opacity:0;transition:opacity .5s}
.kpdrawer.ready .kpd-body iframe{opacity:1}
.kpd-gen{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;transition:opacity .45s}
.kpdrawer.ready .kpd-gen{opacity:0;pointer-events:none}
.kpd-mini{position:relative;width:min(340px,74vw);height:372px;background:#14181e;border:1px solid var(--line-2);border-radius:3px;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,166,0,.08);overflow:hidden;animation:kpdFloat 4.5s ease-in-out infinite}
@keyframes kpdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.kpd-film{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;min-height:26px}
.kpd-th{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:#fff;border:1px solid rgba(255,166,0,.45);background:rgba(255,166,0,.1);border-radius:2px;padding:4px 10px;animation:kpdThIn .35s cubic-bezier(.2,.8,.3,1.2)}
.kpd-th i{font-style:normal;color:var(--amber)}
@keyframes kpdThIn{from{opacity:0;transform:translateY(8px) scale(.9)}}
.kpd-status{font-size:13px;color:var(--steel);min-height:18px;letter-spacing:.02em}
.kpd-prog{width:min(340px,74vw);height:4px;background:var(--line);border-radius:99px;overflow:hidden}
.kpd-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amber),#ffc858)}
/* полоса живой генерации над документом (пока КП «печатается» в iframe) */
.kpd-genbar{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:12px;padding:9px 16px 11px;background:rgba(15,18,23,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);transform:translateY(0);transition:transform .4s ease,opacity .4s ease}
.kpd-genbar.off{transform:translateY(-105%);opacity:0;pointer-events:none}
.gb-dot{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px rgba(255,166,0,.9);animation:gbPulse 1s ease-in-out infinite;flex-shrink:0}
.kpd-genbar.done .gb-dot{animation:none;background:#3ecf72;box-shadow:0 0 10px rgba(62,207,114,.7)}
@keyframes gbPulse{50%{opacity:.35}}
.gb-status{font-size:13px;color:#fff;letter-spacing:.02em;white-space:nowrap}
.gb-film{display:flex;gap:6px;margin-left:auto;overflow:hidden}
.gb-th{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--amber);border:1px solid rgba(255,166,0,.4);border-radius:2px;padding:2px 7px;white-space:nowrap;animation:kpdThIn .3s ease}
.gb-prog{position:absolute;left:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--amber),#ffc858);width:0;transition:width .5s ease}
@media(max-width:640px){.gb-film{display:none}}
.kpd-foot{display:flex;gap:16px;align-items:center;padding:13px 20px;border-top:1px solid var(--line)}
.kpd-foot .btn{flex-shrink:0}
.kpd-alt{font-size:13px;color:var(--steel);text-decoration:underline;text-underline-offset:3px}
.kpd-alt:hover{color:#fff}
@media(max-width:640px){
.kpd-panel{width:100%}
.kpd-head{padding:12px 14px}
.kpd-title{font-size:13px}
.kpd-foot{padding:11px 14px;gap:12px}
.kpd-foot .btn{flex:1}
.kpd-mini{height:300px}
}
@media(max-width:1024px){.cartp-grid{grid-template-columns:1fr}.cartp-side .cartp-panel{position:static}}
@media(max-width:600px){
.cartp{padding:30px 0 60px}
.cartp-item{gap:13px}
.cartp-item .ci-ph{width:84px;height:68px}
.cartp-item .ci-ctrl{flex-wrap:wrap}
}
/* ============ лента возможностей (бегущая строка) ============ */
.tape{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0B0E12;padding:15px 0;position:relative}
.tape::before,.tape::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.tape::before{left:0;background:linear-gradient(90deg,#0B0E12,transparent)}
.tape::after{right:0;background:linear-gradient(270deg,#0B0E12,transparent)}
.tape-track{display:inline-flex;align-items:center;gap:34px;white-space:nowrap;animation:tapeMove 34s linear infinite;will-change:transform}
.tape:hover .tape-track{animation-play-state:paused}
.tape-track span{font-family:'Oswald',sans-serif;font-size:13.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--steel)}
.tape-track i{color:var(--amber);font-style:normal;font-size:9px;opacity:.85}
@keyframes tapeMove{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.tape-track{animation:none}}
/* ============ колесо заказа v3: главная инфа едет на колесе ============ */
.fwsec{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0C0F13}
.fwheel.built>.fdial-list{display:none}
.fwheel .fdial-list{list-style:none;display:grid;gap:10px;color:var(--tx2);padding:64px var(--gut)}
.fwheel:not(.built) .fw-head-src{padding:64px var(--gut) 0}
.fw-track{position:relative}
.fw-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.fw-arc{position:absolute;inset:0;pointer-events:none;z-index:2}
.fw-ring{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1.6}
.fw-ring2{fill:none;stroke:rgba(255,255,255,.05);stroke-width:1;stroke-dasharray:3 9}
.fw-ticks line{stroke:rgba(255,255,255,.55);transition:stroke .18s ease}
.fw-ticks line.mj{stroke:rgba(242,111,29,.7)}
.fw-ticks line.near{stroke:var(--amber)}
.fw-marker{position:absolute;width:0;height:0;border:8px solid transparent;border-left:11px solid var(--amber);transform:translateY(-50%);filter:drop-shadow(0 0 8px var(--glow));pointer-events:none;z-index:4}
.fw-marker.down{border:8px solid transparent;border-top:11px solid var(--amber);transform:translate(-50%,0)}
/* автоплей-шайба на дуге + кольцо прогресса сцены (сцены разные по длительности — таймер «как в рекламе») */
.fw-autoplay{position:absolute;z-index:6;width:50px;height:50px;padding:0;border:0;border-radius:50%;background:rgba(12,15,18,.92);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 8px 24px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.09);transform:translate(-50%,-50%);transition:box-shadow .25s,background .25s,opacity .3s}
.fw-autoplay:hover{background:rgba(20,24,28,.95);box-shadow:0 10px 30px rgba(0,0,0,.55),inset 0 0 0 1px rgba(242,111,29,.5)}
.fw-autoplay:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.fw-ap-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.fw-ap-trk{fill:none;stroke:rgba(255,255,255,.14);stroke-width:2.4}
.fw-ap-prg{fill:none;stroke:var(--amber);stroke-width:3.2;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--glow))}
.fw-ap-ico{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.fw-ap-ico svg{width:18px;height:18px;fill:#fff}
.fw-ap-ico .ic-play{display:none;margin-left:2px}
.fw-autoplay:not(.on) .ic-pause{display:none}
.fw-autoplay:not(.on) .ic-play{display:block}
.fw-autoplay:not(.on) .fw-ap-prg{opacity:.3}
/* подпись под шайбой — чтобы люди понимали, что это автопоказ шагов */
.fw-ap-label{position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%);white-space:nowrap;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:10px;line-height:1;color:var(--steel-l);transition:color .25s}
.fw-autoplay.on .fw-ap-label{color:var(--amber)}
.fw-autoplay:hover .fw-ap-label{color:#fff}
@media(max-width:900px){.fw-autoplay{width:44px;height:44px}.fw-ap-ico svg{width:16px;height:16px}.fw-ap-label{font-size:9px;letter-spacing:.12em;top:calc(100% + 7px)}}
/* карточки шагов на колесе */
.fw-cards{position:absolute;inset:0;z-index:3;pointer-events:none}
.fw-card{position:absolute;left:0;top:0;cursor:pointer;pointer-events:auto;will-change:transform,opacity,filter;transform-origin:left center}
.fw-card b{display:block;font-family:'Oswald',sans-serif;font-weight:500;font-size:12px;letter-spacing:.18em;color:var(--steel-l);margin-bottom:4px;transition:color .3s;white-space:nowrap}
.fw-card span{display:block;font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(20px,1.7vw,29px);letter-spacing:.04em;text-transform:uppercase;color:var(--steel);transition:color .3s;line-height:1.04;max-width:clamp(150px,19vw,250px)}
.fw-card:hover span{color:var(--tx)}
.fw-card.on b{color:var(--amber)}
.fw-card.on span{color:#fff}
/* заголовок секции */
.fw-head{position:absolute;top:max(80px,8.5vh);left:var(--fwleft,300px);right:var(--gut);z-index:5}
.fw-head h2{margin-top:16px;font-size:clamp(22px,2.2vw,32px)}
/* панель ДОП: описание + медиа; появляется когда шаг встал в паз */
.fw-body{position:absolute;top:max(150px,17vh);bottom:var(--fwbot,90px);left:var(--fwleft,300px);right:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));z-index:5;display:flex;align-items:flex-start}
.fw-step{position:absolute;left:0;right:0;max-width:860px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s ease,transform .32s ease}
.fw-sticky.settle .fw-step.on{opacity:1;transform:none;pointer-events:auto;transition:opacity .34s cubic-bezier(.2,.7,.2,1),transform .38s cubic-bezier(.2,.7,.2,1)}
.fw-step p{color:var(--tx2);font-size:17px;line-height:1.62;max-width:620px;margin-bottom:22px}
.fw-media:empty{display:none}
.fw-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.fw-chips span{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;color:var(--tx);border:1px solid var(--line-2);padding:10px 15px;border-radius:var(--r);background:rgba(255,255,255,.03)}
.fw-form{background:var(--srf);border:1px solid var(--line);padding:20px;border-radius:var(--r);max-width:560px}
.fw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fw-form .consent{margin-top:10px}
/* документы */
.fw-doc{position:relative;margin-bottom:30px;background:linear-gradient(175deg,#171C22,#12161B);border:1px solid var(--line-2);border-radius:var(--r);padding:18px 20px 14px;max-width:480px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.fw-doc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber);opacity:.85}
.fw-doc-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:2px}
.fw-doc-h b{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:15px;color:#fff}
.fw-doc-h span{font-size:11.5px;color:var(--amber);font-family:'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.fw-doc-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:13.5px;color:var(--tx2)}
.fw-doc-row b{color:#fff;font-weight:700;white-space:nowrap}
.fw-doc-total{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0 3px;font-size:14.5px;color:#fff}
.fw-doc-total b{color:var(--amber);font-family:'Oswald',sans-serif;font-size:18px;letter-spacing:.03em;white-space:nowrap}
.fw-doc-note{display:block;margin-top:7px;font-size:10.5px;color:var(--steel-l);font-style:normal}
.fw-stamp{position:absolute;right:10px;bottom:-40px;width:100px;height:100px;border:2px solid rgba(242,111,29,.75);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--amber);transform:rotate(-11deg);background:rgba(14,17,20,.6);backdrop-filter:blur(2px);box-shadow:inset 0 0 0 4px rgba(14,17,20,.9),inset 0 0 0 5px rgba(242,111,29,.45);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;z-index:2}
.fw-stamp b{font-family:'Oswald',sans-serif;font-size:18px;letter-spacing:.14em}
/* чертёж: стопка листов */
.fw-bp{position:relative;background:#0E1526;background-image:linear-gradient(rgba(88,120,190,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(88,120,190,.12) 1px,transparent 1px);background-size:26px 26px;border:1px solid rgba(120,150,210,.28);border-radius:var(--r);padding:18px;display:flex;align-items:center;justify-content:center;min-height:230px;max-width:560px}
.fw-bp img{max-height:260px;width:auto;max-width:100%}
.fw-bp-tag{position:absolute;top:9px;right:11px;font-family:'Oswald',sans-serif;font-size:10px;letter-spacing:.16em;color:rgba(170,195,240,.75);text-transform:uppercase;z-index:3}
.fw-bp-stack{overflow:visible}
.fw-bp-stack::after{content:"";position:absolute;inset:10px -14px -14px 14px;border:1px solid rgba(120,150,210,.16);border-radius:var(--r);transform:rotate(2.6deg);pointer-events:none}
.fw-bp-stack .fw-bp-under{position:absolute;inset:20px -24px -26px 38px;width:auto;max-width:none;height:100%;opacity:.14;transform:rotate(6deg) scale(.96);filter:blur(.4px);pointer-events:none}
.fw-bp-main{position:relative;z-index:2}
/* фото-панель */
.fw-ph{position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;max-width:560px}
.fw-ph img{width:100%;height:100%;max-height:280px;object-fit:cover;display:block}
.fw-ph span{position:absolute;left:0;right:0;bottom:0;padding:24px 13px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
/* фон: стопка чертежей с параллаксом + ghost-номер */
.fw-sheets{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.fw-sh{position:absolute;opacity:.075;width:34vw;max-width:560px;filter:grayscale(1)}
.fw-sh.s1{right:-6%;top:4%;transform:rotate(calc(-9deg + var(--th,0deg)*.1))}
.fw-sh.s2{right:14%;bottom:-8%;opacity:.055;transform:rotate(calc(7deg + var(--th,0deg)*.16))}
.fw-sh.s3{left:30%;top:-12%;opacity:.05;transform:rotate(calc(14deg + var(--th,0deg)*.07))}
.fw-ghost{position:absolute;right:1%;bottom:-5%;z-index:1;font-family:'Oswald',sans-serif;font-weight:700;font-size:min(28vh,22vw);line-height:1;color:rgba(255,255,255,.028);letter-spacing:.02em;pointer-events:none;user-select:none}
.fw-bar{display:none}
@media(max-width:1180px){.fw-sh{width:52vw}}
@media(max-width:900px){
/* колесо ВНИЗУ: карточки едут по дуге горизонтально */
.fw-card{transform-origin:center bottom;text-align:center}
.fw-card b{margin-bottom:3px}
.fw-card span{font-size:24px}
.fw-head{left:var(--gut);top:72px}
.fw-head h2{font-size:21px;margin-top:12px}
.fw-body{left:var(--gut);right:var(--gut);top:150px;bottom:var(--fwbot,300px);align-items:flex-start}
/* блок анимации ОГРАНИЧЕН по высоте и БЕЗ внутреннего скролла — контент вписывается */
.fw-step{position:static;max-width:none;height:100%;display:flex;flex-direction:column;overflow:hidden}
.fw-step:not(.on){display:none}
.fw-step>p{flex:none;font-size:14px;margin-bottom:9px}
.fw-media{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden;padding-bottom:26px}
.fw-ph img{max-height:190px}
.fw-bp{min-height:170px;padding:12px}
.fw-bp img{max-height:175px}
.fw-form{padding:14px}
.fw-form-row{grid-template-columns:1fr 1fr;gap:10px}
.fw-form .consent{font-size:10.5px}
.fw-doc{margin-bottom:36px;padding:14px 16px 12px}
.fw-stamp{bottom:-28px;width:88px;height:88px}
.fw-head{top:52px}
.fw-head h2{font-size:19px;margin-top:10px}
.fw-sheets{display:none}
.fw-ghost{top:64px;right:6px;bottom:auto;font-size:26vw;opacity:1;color:rgba(255,255,255,.03)}
}
@media(max-width:380px){.fw-form-row{grid-template-columns:1fr}}
@media(max-height:700px){.fw-head{display:none}.fw-body{top:12vh}}
@media(prefers-reduced-motion:reduce){.fw-step{transition:none}.fw-card{transition:none}}
/* ── демо-сцены v5: окна-документы, PDF-страницы, push, подпись, грузовик ── */
/* двухколоночный поток: слева действие, справа окно (пк) */
.fw-flow2{display:grid;grid-template-columns:minmax(240px,320px) minmax(340px,1fr);gap:30px;align-items:start}
.fw-att-zone{position:relative;padding-top:6px}
/* курсор */
.fw-cur{position:absolute;left:8%;top:105%;z-index:20;opacity:0;transition:left var(--cms,.6s) cubic-bezier(.3,.7,.3,1),top var(--cms,.6s) cubic-bezier(.3,.7,.3,1),opacity .3s,transform .12s;pointer-events:none;transform-origin:4px 3px}
.fw-cur.show{opacity:1}
.fw-cur.press{transform:scale(.78)}
.fw-cur svg{width:22px;height:22px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.fw-cur path{fill:#fff;stroke:#0C0F13;stroke-width:1.2}
/* выбор изделий */
/* выбор изделий: две линейки Стандарт / Art Déco — рублено и сдержанно, без свечений */
.fw-choose{position:relative;max-width:760px}
.fw-ch-lead{font-size:13.5px;color:var(--tx2);margin:0 0 16px;line-height:1.5;max-width:660px}
.fw-ch-lead b{font-weight:600}
.fw-ch-lead b.std{color:var(--amber)}
.fw-ch-lead b.art{color:#c9a45f}
.fw-ch-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fw-ch-card{position:relative;display:flex;flex-direction:column;background:var(--srf);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .3s}
.fw-ch-card.std.added{border-color:var(--amber)}
.fw-ch-card.art.added{border-color:#c9a45f}
/* тонкая боковая метка серии слева (рубленый акцент вместо свечения) */
.fw-ch-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;z-index:4;background:transparent;transition:background .3s}
.fw-ch-card.std.added::after{background:var(--amber)}
.fw-ch-card.art.added::after{background:#c9a45f}
.fw-ch-head{display:flex;align-items:baseline;gap:10px;padding:13px 15px 10px}
.fw-ch-badge{font-family:'Oswald',sans-serif;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:1px;color:#151109;flex-shrink:0}
.fw-ch-card.std .fw-ch-badge{background:var(--amber)}
.fw-ch-card.art .fw-ch-badge{background:#c9a45f;color:#211b0d}
.fw-ch-vibe{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--steel)}
.fw-ch-card.art .fw-ch-vibe{color:#c9a45f}
.fw-ch-ph{position:relative;height:clamp(196px,24vh,250px);overflow:hidden;background:#eef0f2;margin:0 15px;border-radius:1px}
.fw-ch-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease}
.fw-ch-ph img.on{opacity:1}
.fw-ch-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:44px;border:0;background:rgba(15,18,23,.5);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s,background .2s,transform .12s}
.fw-ch-ph:hover .fw-ch-arrow{opacity:1}
.fw-ch-arrow:hover{background:var(--amber);color:#151109}
.fw-ch-card.art .fw-ch-arrow:hover{background:#c9a45f;color:#211b0d}
.fw-ch-arrow.press{transform:translateY(-50%) scale(.86)}
.fw-ch-arrow.prev{left:0;border-radius:0 2px 2px 0}.fw-ch-arrow.next{right:0;border-radius:2px 0 0 2px}
.fw-ch-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fw-ch-dots{position:absolute;left:0;right:0;bottom:10px;z-index:2;display:flex;gap:5px;justify-content:center}
.fw-ch-dots i{width:6px;height:6px;background:rgba(255,255,255,.5);transition:background .3s,width .3s}
.fw-ch-dots i.on{background:#fff;width:16px}
.fw-ch-info{padding:12px 15px 2px}
.fw-ch-info b{display:block;font-size:15.5px;color:#fff;line-height:1.25}
.fw-ch-info span{display:block;font-size:12px;color:var(--steel);margin-top:3px;line-height:1.4}
.fw-ch-buy{display:flex;align-items:center;gap:12px;padding:12px 15px 14px;margin-top:auto}
.fw-ch-buy em{font-style:normal;font-family:'Oswald',sans-serif;font-size:18px;color:var(--amber);flex-shrink:0}
.fw-ch-card.art .fw-ch-buy em{color:#c9a45f}
.fw-ch-btn{margin-left:auto;border:1px solid var(--line-2);background:transparent;color:var(--tx);border-radius:1px;padding:9px 15px;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .25s,border-color .25s,color .25s}
.fw-ch-btn span{color:var(--amber);font-weight:700;margin-right:4px}
.fw-ch-btn:hover{border-color:var(--amber)}
.fw-ch-card.std.added .fw-ch-btn{background:var(--amber);border-color:var(--amber);color:#151109}
.fw-ch-card.art.added .fw-ch-btn{background:#c9a45f;border-color:#c9a45f;color:#211b0d}
.fw-ch-btn.done::before{content:"✓ ";font-weight:700}
.fw-ch-next{display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:9px 16px 9px 9px;border:1px solid var(--line-2);border-radius:var(--r);background:transparent;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease,border-color .25s;pointer-events:none;cursor:pointer;font-family:inherit;text-align:left}
.fw-ch-next.show{opacity:1;transform:none;pointer-events:auto}
.fw-ch-next:hover{border-color:var(--amber)}
.fw-ch-next:hover .fw-ch-down{color:#fff}
.fw-ch-circle{width:30px;height:30px;border-radius:1px;background:var(--amber);color:#151109;font-family:'Oswald',sans-serif;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fw-ch-nx{display:flex;align-items:center;gap:9px}
.fw-ch-nx b{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--steel)}
.fw-ch-down{display:inline-flex;color:var(--amber);animation:fwDown 1.5s ease-in-out infinite}
.fw-ch-down svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes fwDown{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
@media(max-width:600px){.fw-ch-ph{height:150px}.fw-ch-cards{gap:12px}.fw-ch-head{padding:11px 12px 8px}.fw-ch-badge{font-size:12.5px}.fw-ch-info,.fw-ch-buy{padding-left:12px;padding-right:12px}.fw-ch-ph{margin:0 12px}}
/* демо-форма заявки + push */
.fw-demo{position:relative;pointer-events:none;user-select:none;max-width:640px}
.fw-demo input{transition:border-color .25s,box-shadow .25s}
.fw-demo input.focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(242,111,29,.15);caret-color:var(--amber)}
.fw-demo-btn{transition:transform .12s,filter .12s}
.fw-demo-btn.press{transform:scale(.94);filter:brightness(1.15)}
.fw-demo.sent .fw-form-row,.fw-demo.sent .fw-demo-btn{opacity:.1;filter:blur(1.5px)}
.fw-form-ok{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transform:scale(.92);transition:opacity .35s,transform .4s cubic-bezier(.2,1.3,.4,1);pointer-events:none}
.fw-form-ok.show{opacity:1;transform:none}
.fw-form-ok svg{width:54px;height:54px;margin-bottom:6px}
.fw-form-ok circle{fill:none;stroke:var(--ok);stroke-width:2.4;stroke-dasharray:151;stroke-dashoffset:151}
.fw-form-ok path{fill:none;stroke:var(--ok);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:34;stroke-dashoffset:34}
.fw-form-ok.show circle{animation:fwOkC .5s .05s forwards}
.fw-form-ok.show path{animation:fwOkP .34s .4s forwards}
@keyframes fwOkC{to{stroke-dashoffset:0}}
@keyframes fwOkP{to{stroke-dashoffset:0}}
.fw-form-ok b{font-family:'Oswald',sans-serif;font-size:18px;letter-spacing:.05em;text-transform:uppercase;color:#fff}
.fw-form-ok span{font-size:12.5px;color:var(--steel)}
.fw-push{position:absolute;left:50%;top:-14px;transform:translate(-50%,-130%);width:min(92%,360px);display:flex;align-items:center;gap:10px;background:rgba(24,29,36,.92);border:1px solid var(--line-2);border-radius:12px;padding:10px 12px;box-shadow:0 18px 50px rgba(0,0,0,.5);backdrop-filter:blur(8px);opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.2,1.1,.3,1);z-index:6}
.fw-push.show{opacity:1;transform:translate(-50%,0)}
.fw-push i{width:30px;height:30px;flex:none;border-radius:7px;background:var(--amber);color:#1c1305;font:700 15px 'Oswald',sans-serif;display:flex;align-items:center;justify-content:center}
.fw-push b{display:block;font-size:12px;color:#fff}
.fw-push span{display:block;font-size:11.5px;color:var(--tx2)}
.fw-push em{margin-left:auto;font-size:10px;color:var(--steel-l);font-style:normal;align-self:flex-start}
.fw-own{margin-top:14px;background:none;border:none;color:var(--amber);font:700 13.5px 'PT Sans',sans-serif;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:4px}
.fw-own:hover{color:var(--amber-h)}
/* генерация + файл-вложение */
.fw-genline b{display:block;font-size:13px;color:var(--tx2);font-weight:400;margin-bottom:7px}
.fw-genline.ok b{color:var(--ok)}
.fw-pdf-bar{display:block;height:3px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}
.fw-pdf-bar u{display:block;height:100%;width:0;background:var(--amber);border-radius:2px}
.fw-genline.go .fw-pdf-bar u{width:100%;transition:width 1.15s cubic-bezier(.3,.6,.3,1)}
.fw-genline.ok .fw-pdf-bar u{background:var(--ok)}
.fw-att{display:flex;align-items:center;gap:12px;margin-top:16px;padding:13px;background:var(--srf);border:1px solid var(--line);border-radius:8px;opacity:.35;transform:translateY(4px);transition:opacity .35s,transform .35s,border-color .25s,box-shadow .25s}
.fw-att.ready{opacity:1;transform:none;border-color:var(--line-2);cursor:pointer}
.fw-att.ready:hover,.fw-att.press{border-color:var(--amber);box-shadow:0 10px 30px rgba(242,111,29,.14)}
.fw-att.press{transform:scale(.97)}
.fw-att i{width:40px;height:48px;flex:none;background:#20262E;border:1px solid var(--line-2);border-radius:3px;display:flex;align-items:center;justify-content:center;font:700 10.5px 'Oswald',sans-serif;color:var(--amber);position:relative}
.fw-att i::before{content:"";position:absolute;top:-1px;right:-1px;border:6px solid transparent;border-bottom-color:#0C0F13;border-left-color:#0C0F13}
.fw-att-tx b{display:block;font-size:13.5px;color:#fff}
.fw-att-tx span{font-size:11.5px;color:var(--steel)}
.fw-att em{margin-left:auto;width:20px;height:20px;border-radius:50%;background:var(--ok);opacity:0;transform:scale(.4);transition:.3s;position:relative}
.fw-att em::after{content:"";position:absolute;left:6px;top:4px;width:5px;height:9px;border:solid #0C0F13;border-width:0 2px 2px 0;transform:rotate(42deg)}
.fw-att.ready em{opacity:1;transform:scale(1)}
.fw-att-hint{margin-top:9px;font-size:11px;color:var(--steel-l)}
/* шаг «Заявка и расчёт»: мини-корзина + быстрая форма (2 поля) + PDF */
.fw-cart{background:var(--srf);border:1px solid var(--line);border-radius:10px;padding:13px 15px;transition:opacity .45s,transform .45s,filter .45s}
.fw-cart-h{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.fw-cart-ic{width:19px;height:19px;color:var(--amber);flex:none}
.fw-cart-ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fw-cart-h b{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:14px}
.fw-cart-h em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--steel)}
.fw-ci{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.fw-ci-ph{width:54px;height:44px;flex:none;border-radius:6px;overflow:hidden;background:#eef0f2;border:1px solid var(--line)}
.fw-ci-ph img{width:100%;height:100%;object-fit:cover;display:block}
.fw-ci-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.fw-ci-tx b{font-size:12.5px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fw-ci-tx i{font-style:normal;font-size:12px;color:var(--amber)}
.fw-qform{margin-top:13px;transition:opacity .4s,transform .4s}
.fw-qrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:11px}
.fw-qform .field{margin:0}
.fw-qform .field input{width:100%;background:#0f1319;border:1px solid var(--line-2);border-radius:7px;padding:12px 13px;color:#fff;font-size:14px;transition:border-color .25s,box-shadow .25s}
.fw-qform .field input.focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(242,111,29,.12)}
.fw-q-btn{display:block;width:100%;text-align:center;transition:transform .12s,filter .12s}
.fw-q-btn.press{transform:scale(.96);filter:brightness(1.15)}
.fw-quote .fw-genline{opacity:0;max-height:0;margin-top:0;overflow:hidden;transition:opacity .4s,max-height .45s,margin-top .4s}
.fw-quote.sent .fw-cart{opacity:.4;filter:blur(.5px);transform:scale(.99)}
.fw-quote.sent .fw-qform{opacity:0;transform:translateY(-6px);pointer-events:none;height:0;margin:0;overflow:hidden}
.fw-quote.sent .fw-genline{opacity:1;max-height:70px;margin-top:14px}
@media(max-width:380px){.fw-qrow{grid-template-columns:1fr}}
/* окно-просмотрщик */
.fw-win{background:#12161C;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55);opacity:0;transform:translateY(14px) scale(.97);transition:opacity .45s,transform .5s cubic-bezier(.2,.9,.3,1)}
.fw-flow2.opened .fw-win,.fw-win.open{opacity:1 !important;transform:none !important}
.fw-win-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#171C23;border-bottom:1px solid var(--line)}
.fw-win-bar i{width:10px;height:10px;border-radius:50%;background:#3A424D}
.fw-win-bar i:nth-child(1){background:#E25A4E}.fw-win-bar i:nth-child(2){background:#E2B23E}.fw-win-bar i:nth-child(3){background:#43C383}
.fw-win-bar b{margin-left:6px;font-size:12px;color:var(--tx2);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fw-win-bar span{margin-left:auto;font-size:11px;color:var(--steel-l);white-space:nowrap}
.fw-win-body{position:relative;padding:14px}
/* страницы PDF */
.fw-pages{position:relative;height:330px}
.fw-pg{position:absolute;inset:0;background:linear-gradient(178deg,#181D24,#131820);border:1px solid var(--line);border-radius:6px;padding:18px 20px;opacity:0;transform:translateX(26px);transition:opacity .18s ease,transform .22s ease;display:flex;flex-direction:column;pointer-events:none}
.fw-pg.on{transition:opacity .5s .12s cubic-bezier(.2,.7,.2,1),transform .55s .12s cubic-bezier(.2,.8,.3,1)}
.fw-pg.on{opacity:1;transform:none}
.pdf-logo{display:flex;align-items:center;gap:9px;font:700 15px 'Oswald',sans-serif;letter-spacing:.1em;color:#fff}
.pdf-logo s{width:16px;height:16px;background:var(--amber);border-radius:2px}
.pdf-cv{margin:auto 0}
.pdf-cv em{display:block;font-style:normal;font:600 11px 'Oswald',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.pdf-cv b{display:block;font:600 21px/1.25 'Oswald',sans-serif;text-transform:uppercase;color:#fff;letter-spacing:.03em}
.pdf-cv span{display:block;margin-top:9px;font-size:12.5px;color:var(--steel)}
.pdf-foot{border-top:1px solid var(--line);padding-top:10px;font-size:10.5px;color:var(--steel-l)}
.pdf-h{font:600 14px 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-bottom:12px}
.pdf-t{flex:1}
.pdf-tr{display:grid;grid-template-columns:1fr 44px 52px 74px;gap:8px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:12px;color:var(--tx2);align-items:center}
.pdf-tr.th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel-l);border-bottom:1px solid var(--line)}
.pdf-tr span:nth-child(2),.pdf-tr span:nth-child(3){text-align:center}
.pdf-tr span:nth-child(4){text-align:right;white-space:nowrap}
.pdf-sum{display:flex;justify-content:space-between;align-items:baseline;padding-top:11px;font-size:11.5px;color:var(--steel)}
.pdf-sum b{color:var(--amber);font-family:'Oswald',sans-serif;font-size:16px}
.pdf-h3{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.pdf-h3 b{font:600 15px 'Oswald',sans-serif;text-transform:uppercase;color:#fff}
.pdf-h3 i{font:600 10.5px 'Oswald',sans-serif;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#C99A3F}
.pdf-media{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1;min-height:0;margin-bottom:12px}
.pdf-media img{width:100%;height:100%;object-fit:cover;border-radius:4px;border:1px solid var(--line)}
.pdf-media .pdf-draw{background:#0E1526;border:1px solid rgba(120,150,210,.28);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:8px}
.pdf-media .pdf-draw img{object-fit:contain;border:none;height:auto;max-height:100%}
.pdf-spec{display:flex;gap:12px;align-items:baseline;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:12px;color:var(--steel)}
.pdf-spec span{flex:none;min-width:64px}
.pdf-spec b{color:var(--tx);margin-left:auto;text-align:right;word-break:break-word}
.fw-pgdots{display:flex;gap:6px;justify-content:center;margin-top:11px}
.fw-pgdots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.16);transition:background .3s,transform .3s}
.fw-pgdots i.on{background:var(--amber);transform:scale(1.25)}
/* договор-окно: чек-лист, параграфы, подпись, штамп */
.fw-checklist{display:flex;flex-direction:column;gap:11px;padding-top:4px}
.fw-ck{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--tx2);opacity:0;transform:translateX(-10px);transition:opacity .4s,transform .45s}
.fw-ck.in{opacity:1;transform:none}
.fw-ck i{width:20px;height:20px;flex:none;border-radius:50%;border:1.5px solid var(--line-2);position:relative;transition:background .3s,border-color .3s}
.fw-ck.in i{background:var(--ok);border-color:var(--ok)}
.fw-ck i::after{content:"";position:absolute;left:6px;top:4px;width:5px;height:9px;border:solid #0C0F13;border-width:0 2px 2px 0;transform:rotate(42deg);opacity:0}
.fw-ck.in i::after{opacity:1}
/* ── 03 · договор из корзины ─────────────────────────────── */
.fw-ct{display:flex;flex-direction:column;min-height:340px;position:relative;overflow:hidden}
.ct-h{font:600 16px 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#fff}
.ct-sub{font-size:11.5px;color:var(--steel);margin:4px 0 15px}
/* левая колонка: заполненная корзина */
.ctr-cart{display:flex;flex-direction:column;gap:9px}
.ctr-cart-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2px}
.ctr-cart-h b{font:600 13px 'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.ctr-cart-h span{font-size:11.5px;color:var(--steel)}
.ctr-item{position:relative;display:flex;align-items:center;gap:11px;padding:9px 12px 9px 10px;background:var(--srf);border:1px solid var(--line);border-radius:6px;transition:border-color .3s,box-shadow .3s,transform .3s}
.ctr-item.lit{border-color:var(--amber);box-shadow:0 6px 22px rgba(242,111,29,.16);transform:translateX(2px)}
.ctr-th{flex:none;width:46px;height:46px;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:#0E1216}
.ctr-th img{width:100%;height:100%;object-fit:cover;display:block}
.ctr-it-tx b{display:block;font-size:13px;color:var(--tx);line-height:1.2}
.ctr-it-tx span{font-size:11px;color:var(--steel)}
.ctr-dot{position:absolute;right:10px;top:50%;transform:translateY(-50%) scale(.4);width:9px;height:9px;border-radius:50%;background:var(--amber);opacity:0;transition:opacity .3s,transform .35s cubic-bezier(.2,1.5,.4,1)}
.ctr-item.lit .ctr-dot{opacity:1;transform:translateY(-50%) scale(1);box-shadow:0 0 9px var(--glow)}
.ctr-cart .fw-checklist{padding-top:12px}
.ctr-cart .fw-ck{font-size:12.5px}
.ctr-cart .fw-ck i{width:18px;height:18px}
.ctr-cart .fw-ck i::after{left:5px;top:3px;height:8px}
/* живая печать заголовка (пишет в data-val; статичный fallback через data-type) */
.ct-type{font-style:normal}
.ct-type::before{content:attr(data-type);color:inherit}
.fw-ct.typing .ct-type::before{content:attr(data-val)}
.fw-ct.typing .ct-type.tw::after{content:"";display:inline-block;width:1px;height:1em;margin-left:1px;transform:translateY(2px);background:var(--amber);animation:fwCaret .7s steps(1) infinite}
@keyframes fwCaret{50%{opacity:0}}
.ct-h .ct-type::before{color:var(--amber);font-family:'Oswald',sans-serif}
/* спецификация с миниатюрами — строки прилетают из корзины */
.ct-spec{margin:2px 0 12px}
.ct-row{display:grid;grid-template-columns:1fr 40px 34px 78px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.08);font-size:12px;color:var(--tx2);opacity:0;transform:translateX(14px);transition:opacity .42s cubic-bezier(.2,.7,.2,1),transform .42s cubic-bezier(.2,.8,.3,1)}
.ct-row.in{opacity:1;transform:none}
.ct-row-h{opacity:1;transform:none;border-bottom:1px solid var(--line);font:600 10px 'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--steel-l)}
.ct-row span:nth-child(2),.ct-row span:nth-child(3){text-align:center}
.ct-row span:nth-child(4){text-align:right;white-space:nowrap;color:var(--tx)}
.ct-it{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-th{flex:none;width:30px;height:30px;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:#0E1216}
.ct-th img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s}
.ct-row.in .ct-th img{opacity:1}
/* сумма прописью */
.ct-total{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding-top:2px;margin-bottom:6px;font-size:11.5px;color:var(--steel)}
.ct-total .ct-words{color:var(--tx2);font-weight:400;flex:1;min-width:120px}
.ct-total .ct-num{margin-left:auto;color:var(--amber);font-family:'Oswald',sans-serif;font-size:16px;text-decoration:none;white-space:nowrap}
/* амбер-развёртка «печатает» лист сверху вниз */
.ct-sweep{position:absolute;left:-14px;right:-14px;top:0;height:34px;pointer-events:none;z-index:3;opacity:0;background:linear-gradient(180deg,transparent,rgba(242,111,29,.16) 55%,rgba(242,111,29,.9));mix-blend-mode:screen}
.ct-sweep::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--amber);box-shadow:0 0 12px 2px var(--glow)}
.fw-ct.print .ct-sweep{animation:fwSweep 2.6s cubic-bezier(.5,.02,.4,1) forwards}
@keyframes fwSweep{0%{opacity:0;top:0}6%{opacity:1}92%{opacity:1}100%{opacity:0;top:calc(100% - 34px)}}
/* подпись + печать */
.ct-sign{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto;position:relative;padding-top:8px}
.ct-s em{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel-l);margin-bottom:4px;font-style:normal}
.ct-s svg{width:130px;height:36px;display:block;border-bottom:1px solid var(--line-2)}
.ct-s path{fill:none;stroke:#D8DEE6;stroke-width:2;stroke-linecap:round;stroke-dasharray:210;stroke-dashoffset:210}
.ct-s.draw path{animation:fwSign .8s .1s cubic-bezier(.4,.2,.4,1) forwards}
@keyframes fwSign{to{stroke-dashoffset:0}}
.fw-docwin .fw-stamp{position:static;transform:rotate(-32deg) scale(2.1);margin-left:auto}
.fw-docwin .fw-stamp.slam{transform:rotate(-11deg) scale(1)}
.fw-stamp{opacity:0}
.fw-stamp.slam{opacity:1;transition:opacity .16s,transform .34s cubic-bezier(.2,1.35,.35,1)}
.fw-ct.shake{animation:fwShake .32s .3s}
@keyframes fwShake{20%{transform:translate(1px,-2px) rotate(.3deg)}50%{transform:translate(-2px,1px)}80%{transform:translate(1px,1px)}}
/* колесо · договор — многостраничная потоковая генерация («пишется само») */
.fw-ctr2 .fw-win-body{display:flex;flex-direction:column}
.ctr2-pg{font-family:'Oswald',sans-serif;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--steel);margin-left:auto}
.ctr2-track{height:3px;background:rgba(255,255,255,.09);border-radius:2px;overflow:hidden;margin:3px 0 12px}
.ctr2-fill{display:block;height:100%;width:0;background:var(--amber);transition:width .3s ease}
.ctr2-stack{position:relative;flex:1;min-height:196px}
.ctr2-page{position:absolute;left:5%;right:5%;top:0;background:#fff;border-radius:5px;padding:15px 16px 34px;box-shadow:0 10px 28px rgba(0,0,0,.5);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s;overflow:hidden}
.ctr2-h{display:block;font-family:'Oswald',sans-serif;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:#14181e;margin-bottom:11px}
.ctr2-l{display:block;height:6px;border-radius:3px;background:#e4e7ea;margin-bottom:8px;transform:scaleX(0);transform-origin:left;transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.ctr2-l.in{transform:scaleX(1)}
.ctr2-sum{height:9px;background:#f2d3ad;margin-top:8px}
.ctr2-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;opacity:0;transform:translateX(8px);transition:opacity .3s,transform .32s}
.ctr2-row.in{opacity:1;transform:none}
.ctr2-row .ctr2-l{flex:1;margin:0;transform:scaleX(1)}
.ctr2-th{width:22px;height:17px;border-radius:2px;background:#cdd3d8;flex:none}
.ctr2-stamp{position:absolute;right:14px;bottom:12px;width:50px;height:50px;border:2px solid var(--amber);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:var(--amber);background:rgba(255,255,255,.55);transform:rotate(-12deg) scale(.3);opacity:0}
.ctr2-stamp.on{transform:rotate(-12deg) scale(1);opacity:.92;transition:transform .5s cubic-bezier(.2,1.4,.4,1),opacity .3s}
@media(max-width:900px){.ctr2-stack{min-height:164px}.ctr2-page{padding:13px 13px 30px}.ctr2-stamp{width:42px;height:42px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.ctr2-l,.ctr2-row,.ctr2-page,.ctr2-stamp{transition:none}}
/* CTA-плашка «составить договор» (о компании) */
.dg-cta{display:grid;grid-template-columns:1.5fr .7fr;gap:24px;align-items:center;background:linear-gradient(120deg,#141a20,#0e1319);border:1px solid var(--line);border-radius:8px;padding:clamp(24px,3vw,40px);color:inherit;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}
.dg-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 120% at 88% 15%,rgba(242,111,29,.13),transparent 60%);pointer-events:none}
.dg-cta:hover{border-color:rgba(242,111,29,.4);transform:translateY(-3px);box-shadow:0 24px 50px rgba(0,0,0,.4)}
.dg-cta-eye{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--amber);display:block;margin-bottom:10px}
.dg-cta-l h2{margin:0 0 10px}
.dg-cta-l p{color:var(--steel);max-width:54ch;margin:0 0 16px}
.dg-cta-go{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:14px;color:var(--amber);display:inline-flex;gap:8px;transition:gap .25s}
.dg-cta:hover .dg-cta-go{gap:12px}
.dg-cta-r{display:flex;justify-content:center}
.dg-cta-doc{position:relative;width:118px;height:150px;background:#fff;border-radius:5px;box-shadow:0 16px 40px rgba(0,0,0,.5);padding:18px 15px;display:flex;flex-direction:column;gap:9px;transform:rotate(3deg)}
.dg-cta-doc i{display:block;height:6px;border-radius:3px;background:#e4e7ea}
.dg-cta-doc i:nth-child(1){width:70%;background:#14181e;height:7px}
.dg-cta-doc i:nth-child(3){width:86%}.dg-cta-doc i:nth-child(4){width:58%}
.dg-cta-doc b{position:absolute;right:-14px;bottom:-14px;width:52px;height:52px;border:2px solid var(--amber);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;color:var(--amber);background:#0e1319;transform:rotate(-12deg)}
@media(max-width:760px){.dg-cta{grid-template-columns:1fr}.dg-cta-r{display:none}}
/* упоминание в корзине */
.cartp-dg{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--steel)}
.cartp-dg span{color:var(--tx)}
.cartp-dg a{color:var(--amber);font-weight:600;text-decoration:none}
.cartp-dg a:hover{text-decoration:underline}
/* чертежи: стопка */
.fw-bp-stack .fw-bp-under,.fw-bp-stack::after,.fw-bp-main{transition:transform .8s cubic-bezier(.25,.9,.3,1),opacity .6s}
.fw-bp-stack.folded .fw-bp-under{transform:rotate(0deg) scale(.985);opacity:.05}
.fw-bp-stack.folded::after{transform:rotate(0deg)}
.fw-bp-stack.folded .fw-bp-main{transform:translateY(4px) scale(.985)}
/* производство */
.fw-stagechips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:13px}
.fw-stagechips span{position:relative;font:600 12px 'Oswald',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);border:1px solid var(--line);border-radius:2px;padding:9px 13px 9px 26px;transition:color .3s,border-color .3s,background .3s}
.fw-stagechips span::before{content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--steel-l);transition:background .3s,box-shadow .3s}
.fw-stagechips span.on{color:#fff;border-color:var(--amber);background:rgba(242,111,29,.09)}
.fw-stagechips span.on::before{background:var(--amber);box-shadow:0 0 8px var(--glow);animation:fwPulse 1.1s infinite}
.fw-stagechips span.done{color:var(--tx2)}
.fw-stagechips span.done::before{background:var(--ok)}
@keyframes fwPulse{50%{opacity:.4}}
.fw-kb img{transition:transform 6s linear}
.fw-kb.play img{transform:scale(1.07)}
/* отгрузка: вехи + грузовик */
.fw-logi{max-width:640px;margin-bottom:16px}
.fw-lg-status b{display:inline-block;font:600 13px 'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--tx2);margin-bottom:22px;transition:color .3s}
.fw-lg-status b.ok{color:var(--ok)}
.fw-lg-track{position:relative;height:58px;margin:0 8px}
.lg-line{position:absolute;left:0;right:0;top:14px;height:0;border-top:2px dashed rgba(255,255,255,.18)}
.lg-fill{position:absolute;left:0;top:13px;height:3px;width:0;background:var(--amber);border-radius:2px;box-shadow:0 0 10px var(--glow);transition:width 1s cubic-bezier(.45,.1,.35,1)}
.lg-node{position:absolute;top:8px;transform:translateX(-50%);text-align:center}
.lg-node i{display:block;width:13px;height:13px;margin:0 auto;border-radius:50%;background:#20262E;border:2px solid var(--line-2);transition:background .3s,border-color .3s,box-shadow .3s}
.lg-node b{display:block;margin-top:9px;font:600 10px 'Oswald',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--steel-l);white-space:nowrap;transition:color .3s}
.lg-node.on i{background:var(--amber);border-color:var(--amber);box-shadow:0 0 9px var(--glow)}
.lg-node.on b{color:var(--tx2)}
.fw-truck{position:absolute;left:0;top:-16px;transform:translateX(-55%);transition:left 1s cubic-bezier(.45,.1,.35,1);z-index:2}
.fw-truck svg{width:44px;height:24px}
.fw-truck rect,.fw-truck path{fill:#242B35;stroke:#B9C2CD;stroke-width:1.6}
.fw-truck circle{fill:#12161C;stroke:#B9C2CD;stroke-width:1.6}
.fw-truck.go svg{animation:fwBounce .5s infinite}
@keyframes fwBounce{50%{transform:translateY(-1.5px)}}
.fw-shipph{max-width:640px}
/* адаптив сцен */
@media(max-width:1180px){
.fw-flow2{grid-template-columns:1fr;gap:18px}
}
@media(max-width:900px){
.fw-pages{height:300px}
.fw-pk img{height:64px}
.fw-pk b{font-size:11.5px}
/* на мобиле окно ЗАМЕНЯЕТ зону вложения */
.fw-flow2.opened .fw-att-zone{display:none}
.fw-lg-track{margin:0 4px}
.lg-node b{font-size:8.5px}
.fw-push{top:-8px}
/* договор из корзины — компактно */
.ct-spec .ct-row,.ct-total{font-size:11.5px}
.ct-row{grid-template-columns:1fr 44px 40px}
.ct-row span:nth-child(2){display:none}
.ct-th{width:26px;height:26px}
.ctr-item{padding:8px 10px}.ctr-th{width:40px;height:40px}
.ct-total .ct-num{font-size:15px}.fw-ct{min-height:300px}
}
@media(prefers-reduced-motion:reduce){.fw-cur,.fw-form-ok,.fw-pdf-bar u,.fw-stamp,.fw-pg,.fw-truck,.lg-fill,.ct-sweep,.ct-row,.ct-th img,.ctr-item,.ctr-dot{transition:none;animation:none}.fw-kb.play img{transform:none}.ct-sweep{display:none}}
/* ── правовые страницы (политика ПД) ── */
.legal{max-width:820px}
.legal h2{font-family:'Oswald',sans-serif;font-size:20px;text-transform:uppercase;letter-spacing:.03em;color:#fff;margin:34px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
.legal h2:first-child{border-top:0;padding-top:0;margin-top:0}
.legal p{color:var(--tx2);line-height:1.7;margin:0 0 12px;font-size:15px}
.legal ul{margin:0 0 14px;padding-left:20px}
.legal li{color:var(--tx2);line-height:1.65;margin-bottom:8px;font-size:15px}
.legal a{color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(242,111,29,.4)}
.legal a:hover{border-bottom-color:var(--amber)}
.legal b{color:#fff;font-weight:600}
.legal-req{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r);margin:14px 0 8px;overflow:hidden}
.legal-req>div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:12px 16px;border-top:1px solid var(--line)}
.legal-req>div:first-child{border-top:0}
.legal-req span{color:var(--steel);font-size:13px}
.legal-req b{color:#fff;font-size:14px;font-weight:600}
.legal-note{color:var(--steel);font-size:13.5px;line-height:1.6;font-style:italic}
@media(max-width:600px){.legal-req>div{grid-template-columns:1fr;gap:3px}}
/* ── cookie-уведомление ── */
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:400;background:rgba(15,18,23,.97);backdrop-filter:blur(8px);border-top:1px solid var(--line-2);transform:translateY(110%);transition:transform .45s cubic-bezier(.22,.85,.25,1)}
.cookie-bar.show{transform:none}
.cookie-in{max-width:var(--wrap);margin:0 auto;padding:14px var(--gut);display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cookie-in p{flex:1;min-width:240px;font-size:13px;color:var(--tx2);line-height:1.5;margin:0}
.cookie-in a{color:var(--amber);text-decoration:none;border-bottom:1px solid rgba(242,111,29,.4)}
.cookie-in .btn{white-space:nowrap}
@media(max-width:600px){.cookie-in{gap:11px}.cookie-in .btn{width:100%}}
/* ── блок «Разлом 50/50»: две линейки Стандарт / Art Déco (на категориях) ── */
.ss-split-sec{padding:clamp(72px,9vh,110px) 0 clamp(40px,5vh,56px)}
.ss1{display:flex;gap:3px;height:clamp(560px,71vh,750px);border:1px solid var(--line);margin-top:0}
.ss1 .pan{position:relative;flex:1;overflow:hidden;cursor:pointer;text-decoration:none;transition:flex .55s cubic-bezier(.4,.05,.15,1)}
.ss1:hover .pan{flex:.82}.ss1 .pan:hover,.ss1 .pan:focus-visible{flex:1.5}
.ss1 .pan>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.ss1 .pan:hover>img{transform:scale(1.07)}
.ss1 .pan::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,11,14,.12) 30%,rgba(9,11,14,.86));transition:background .5s}
.ss1 .pan:hover::after{background:linear-gradient(180deg,rgba(9,11,14,.08) 20%,rgba(9,11,14,.72))}
.ss1 .pan>i{position:absolute;top:0;left:0;right:0;height:3px;z-index:3}
.ss1 .std>i{background:var(--amber)}.ss1 .art>i{background:#c9a45f}
.ss1 .in{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px 32px}
.ss1 h3{font-family:'Oswald',sans-serif;font-size:clamp(28px,3.2vw,44px);text-transform:uppercase;letter-spacing:.02em;color:#fff;margin:12px 0 8px;line-height:1}
.ss1 .cnt{font-family:'Oswald',sans-serif;font-size:14px;letter-spacing:.05em;color:rgba(255,255,255,.66)}
.ss1 .in p{font-size:13.5px;color:rgba(255,255,255,.82);line-height:1.5;max-width:360px;margin:10px 0 16px;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .4s,margin .5s}
.ss1 .pan:hover p{max-height:96px;opacity:1}
.ss-badge{display:inline-block;font-family:'Oswald',sans-serif;font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:4px 12px;border-radius:1px;color:#151109}
.ss-badge.std{background:var(--amber)}.ss-badge.art{background:#c9a45f;color:#211b0d}
.ss-go{display:inline-flex;align-items:center;gap:8px;font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid transparent;transition:gap .25s,border-color .25s}
.ss-go:hover{gap:13px;border-color:currentColor}
.ss-go.std{color:var(--amber)}.ss-go.art{color:#c9a45f}
@media(max-width:820px){.ss1{flex-direction:column;height:auto}.ss1 .pan{height:260px;flex:none!important}.ss1 .pan p{max-height:96px;opacity:1}}
/* ===== О КОМПАНИИ (объединённая: производство + компания), разнообразная вёрстка ===== */
.ab-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,72px);align-items:center}
.ab-story .ph{aspect-ratio:16/10}
.ab-story .prose p:first-of-type::first-letter{font-family:'Oswald',sans-serif;font-weight:600;font-size:3.3em;line-height:.8;float:left;color:var(--amber);margin:8px 14px 0 0}
@media(max-width:860px){.ab-story{grid-template-columns:1fr;gap:24px}}
/* горизонтальный процесс-конвейер (6 операций как лента цеха) */
.ab-proc-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:34px calc(var(--gut)*-1) 0;padding:6px var(--gut) 4px}
.ab-proc-wrap::-webkit-scrollbar{display:none}
.ab-proc{display:flex;min-width:max-content;position:relative}
.ab-proc::before{content:"";position:absolute;left:8px;right:40px;top:62px;height:2px;background:linear-gradient(90deg,var(--amber),var(--amber) 90%,transparent)}
.ab-op{position:relative;width:clamp(210px,16.6vw,252px);flex:none;padding-right:26px}
.ab-op-n{font-family:'Oswald',sans-serif;font-weight:600;font-size:38px;line-height:1;color:#fff}
.ab-op::after{content:"";position:absolute;top:56px;left:0;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--amber);z-index:2}
.ab-op-ico{width:40px;height:40px;margin:32px 0 12px;color:var(--amber)}
.ab-op-ico svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6}
.ab-op-ico .svg-amber{stroke:var(--amber)}.ab-op-ico .svg-fill-a{fill:var(--amber);stroke:none}.ab-op-ico .svg-stroke{stroke:currentColor}
.ab-op h3{font-size:17.5px;margin-bottom:6px}
.ab-op p{font-size:13px;color:var(--steel);line-height:1.5;max-width:205px}
.ab-proc-hint{margin-top:12px;font-size:11px;color:var(--steel);font-family:'Oswald',sans-serif;letter-spacing:.14em;text-transform:uppercase}
/* два цеха — зигзаг-развороты */
.ab-shop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:center;margin-top:46px}
.ab-shop .ph{aspect-ratio:4/3}
.ab-shop.rev .ab-shop-ph{order:2}
.ab-shop-facts{list-style:none;margin-top:18px}
.ab-shop-facts li{display:grid;grid-template-columns:132px 1fr;gap:14px;padding:11px 0;border-top:1px solid var(--line);font-size:14.5px;color:var(--tx2)}
.ab-shop-facts b{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:13px;color:var(--amber)}
@media(max-width:860px){.ab-shop,.ab-shop.rev{grid-template-columns:1fr;gap:18px}.ab-shop.rev .ab-shop-ph{order:0}.ab-shop-facts li{grid-template-columns:118px 1fr}}
/* основатель — pull-quote во всю ширину */
.ab-founder2{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:clamp(30px,5vw,64px);align-items:center;margin-top:42px}
.ab-founder2 .ph{aspect-ratio:3/4}
.ab-pq{font-family:'Oswald',sans-serif;font-weight:400;font-size:clamp(22px,3.1vw,38px);line-height:1.24;color:#fff}
.ab-pq b{color:var(--amber);font-weight:600}
.ab-pq-sign{margin-top:24px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:15px;color:var(--amber)}
.ab-pq-sign small{display:block;text-transform:none;letter-spacing:0;color:var(--steel);font-size:13px;margin-top:3px}
.ab-pq-facts{display:flex;gap:36px;flex-wrap:wrap;margin-top:24px}
.ab-pq-facts b{display:block;font-family:'Oswald',sans-serif;font-size:21px;color:#fff}
.ab-pq-facts span{font-size:12.5px;color:var(--steel)}
@media(max-width:860px){.ab-founder2{grid-template-columns:1fr;gap:22px}}
/* B2B — нумерованный редакционный список */
.ab-aud{border-top:1px solid var(--line);margin-top:28px}
.ab-aud-i{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:center;padding:clamp(20px,3vh,32px) 0;border-bottom:1px solid var(--line);transition:background .3s}
.ab-aud-i:hover{background:var(--bg2)}
.ab-aud-n{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(30px,4vw,52px);color:var(--line-2);line-height:.9;transition:color .3s}
.ab-aud-i:hover .ab-aud-n{color:var(--amber)}
.ab-aud-tx{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:22px;align-items:baseline}
.ab-aud-tx h3{font-size:clamp(18px,2.1vw,25px)}
.ab-aud-tx p{color:var(--steel);font-size:15px}
@media(max-width:720px){.ab-aud-tx{grid-template-columns:1fr;gap:5px}}
.ab-logos{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;margin-top:30px;opacity:.55}
.ab-logos span{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.04em;font-size:14px;color:var(--steel)}
/* чертёж-блюпринт ограждения (плейсхолдер плитки направления, пока нет фото) */
.bp-fence-ph{position:relative}
.bp-fence{width:min(76%,352px);height:auto;color:var(--steel);opacity:.92;overflow:visible}
.bp-fence .fa{stroke:var(--amber)}
.bp-fence .fp{stroke:var(--steel-l)}
/* блок направлений «Что мы производим» — 3 РАВНЫЕ фото-доминантные карточки */
.dirs2{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px}
.dcard{position:relative;display:block;overflow:hidden;border:1px solid var(--line);background:var(--srf);color:inherit;aspect-ratio:4/3;transition:transform .3s,box-shadow .3s,border-color .3s}
.dcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:.4s;z-index:6}
.dcard:hover::before{transform:scaleX(1)}
.dcard:hover{transform:translateY(-4px);box-shadow:0 26px 58px rgba(0,0,0,.5);border-color:rgba(242,111,29,.4)}
.dcard-ph{position:absolute;inset:0;background:#10141A}
.dcard-ph>img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .4s}
.dcard:hover .dcard-ph>img{transform:scale(1.05)}
.dcard-bp{background:#161B21;background-image:linear-gradient(rgba(242,111,29,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(242,111,29,.09) 1px,transparent 1px);background-size:26px 26px;display:flex;align-items:center;justify-content:center;color:var(--steel)}
.dcard-bp .bp-fence{width:min(74%,320px);height:auto;opacity:.92}
.dcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,11,14,0) 34%,rgba(9,11,14,.55) 66%,rgba(9,11,14,.92));z-index:1}
.dcard-n{position:absolute;top:14px;right:16px;z-index:2;font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;letter-spacing:.1em;color:rgba(255,255,255,.55)}
.dcard-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(18px,1.6vw,26px)}
.dcard-eye{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--amber);margin-bottom:9px}
.dcard h3{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(20px,1.7vw,26px);line-height:1.04;color:#fff;margin:0 0 13px}
.dcard-go{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:var(--amber);display:inline-flex;align-items:center;gap:7px;transition:gap .25s}
.dcard:hover .dcard-go{gap:12px}
@media(max-width:900px){.dirs2{grid-template-columns:1fr;gap:12px}.dcard{aspect-ratio:4/5}.dcard-bp .bp-fence{width:min(66%,300px)}}
@media(max-width:520px){.dcard{aspect-ratio:3/4}}
/* bento: большой флагман слева + 3 карточки в столбце справа */
/* флагман МАФ слева; справа сверху — Корзины (широкая), снизу — Почтовые ящики + Ограждения */
.dirs-bento{grid-template-columns:2.55fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:16/8.6}
.dirs-bento .dcard{aspect-ratio:auto}
.dirs-bento .d-hero{grid-column:1;grid-row:1/3}
.dirs-bento .d-wide{grid-column:2/4;grid-row:1}
.dirs-bento .d-sm .dcard-cap,.dirs-bento .d-wide .dcard-cap{padding:15px 17px}
.dirs-bento .d-sm h3{font-size:clamp(15px,1.15vw,19px);margin:0 0 6px}
.dirs-bento .d-wide h3{font-size:clamp(17px,1.45vw,22px);margin:0 0 7px}
.dirs-bento .d-sm .dcard-eye,.dirs-bento .d-wide .dcard-eye{margin-bottom:5px;font-size:10px}
.dirs-bento .d-sm .dcard-n,.dirs-bento .d-wide .dcard-n{font-size:13px;top:11px;right:13px}
.dirs-bento .d-sm .dcard-bp .bp-fence{width:min(58%,210px)}
.dirs-bento .d-sm .dcard-bp .bp-mail{width:min(46%,150px)}
@media(max-width:900px){.dirs-bento{grid-template-columns:1fr;grid-template-rows:none;aspect-ratio:auto}.dirs-bento .dcard{aspect-ratio:4/5}.dirs-bento .d-hero,.dirs-bento .d-sm,.dirs-bento .d-wide{grid-column:auto;grid-row:auto}.dirs-bento .d-sm h3,.dirs-bento .d-wide h3{font-size:clamp(20px,1.7vw,26px)}}
/* Сертификаты и испытания — документы-карточки */
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}
.cert-card{display:flex;flex-direction:column;background:var(--srf);border:1px solid var(--line);border-radius:4px;overflow:hidden;color:inherit;transition:transform .3s,border-color .3s,box-shadow .3s}
.cert-card:hover{transform:translateY(-4px);border-color:rgba(242,111,29,.42);box-shadow:0 24px 50px rgba(0,0,0,.45)}
.cert-shot{position:relative;background:#0e1218;padding:20px 20px 6px;display:flex;justify-content:center}
.cert-shot img{width:100%;max-width:300px;height:auto;border-radius:2px;box-shadow:0 12px 32px rgba(0,0,0,.55)}
.cert-shot::after{content:"Открыть ↗";position:absolute;right:12px;top:12px;font-family:'Oswald',sans-serif;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(242,111,29,.92);padding:5px 10px;border-radius:3px;opacity:0;transform:translateY(-4px);transition:.25s}
.cert-card:hover .cert-shot::after{opacity:1;transform:none}
.cert-meta{padding:15px 18px 17px;display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--line);margin-top:14px}
.cert-meta b{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:14.5px;color:#fff}
.cert-meta span{font-size:12.5px;color:var(--steel);line-height:1.42}
@media(max-width:820px){.cert-grid{grid-template-columns:1fr;gap:12px}.cert-shot img{max-width:240px}}
/* лайтбокс просмотра документов */
.cert-lb{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,10,13,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.cert-lb.on{opacity:1;visibility:visible}
.cert-lb img{max-width:min(920px,94vw);max-height:90vh;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.6);transform:scale(.97);transition:transform .25s;background:#fff}
.cert-lb.on img{transform:none}
.cert-lb-x{position:absolute;top:18px;right:20px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(20,24,30,.7);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}
.cert-lb-x:hover{background:var(--amber);border-color:var(--amber)}
.cert-lb-hint{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:var(--steel);font-size:12px;pointer-events:none}
/* блок «Преимущества» компактнее: статы = тонкая полоса, преимущества плотнее — меньше монотонных прямоугольников */
.stats{grid-template-columns:repeat(4,1fr)!important;gap:0;background:transparent;margin-top:24px}
.stat{padding:16px 20px;border-right:1px solid var(--line)}
.stat:last-child{border-right:none}
.stat b{font-size:clamp(26px,3.2vw,36px)}
.stat span{font-size:12px;color:var(--steel)}
.why{padding-top:clamp(54px,6vh,86px);padding-bottom:clamp(54px,6vh,86px)}
@media(max-width:600px){
.why-grid{grid-template-columns:repeat(2,1fr)!important}
.why-card{padding:17px 15px}
.why-card .n{margin-bottom:9px;font-size:12px}
.why-card h3{font-size:15px;margin-bottom:6px;line-height:1.1}
.why-card p{font-size:12.5px;line-height:1.4}
.stats{grid-template-columns:repeat(2,1fr)!important;margin-top:18px}
.stat{padding:14px 16px}
.stat:nth-child(odd){border-right:1px solid var(--line)}
.stat:nth-child(even){border-right:none}
.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
.stat b{font-size:26px}
.stat span{font-size:11px}
}
/* ── сцена «Выбор изделий» v3: радиальный каталог + камера-долли (Apple/Telegram-grade) ── */
.fw-catalog{position:relative;overflow:hidden;min-height:clamp(360px,50vh,486px)}
.fw-catalog.is-mobile{min-height:min(44vh,290px)}
/* короткие экраны (iPhone SE и т.п.): сцена ниже, чтобы не упиралась в циферблат колеса */
@media(max-height:720px){.fw-catalog.is-mobile{min-height:min(40vh,244px)}}
/* .fw-catalog = неподвижная клип-рамка «камеры»; .fw-cam = контент, к которому применяется долли-зум (origin — по паре карточек, считается в JS) */
.fw-cam{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-origin:50% 50%;transition:transform .5s cubic-bezier(.3,.7,.3,1);will-change:transform}
.fw-cam.will{will-change:transform}
.fw-cam.dolly{transform:scale(1.72)}
.fw-catalog.is-mobile .fw-cam{transition-duration:.5s}
.fw-catalog.is-mobile .fw-cam.dolly{transform:scale(1.64)}
/* сетка каталога (нечётные 7 колонок сдвинуты, чтобы шов пары встал по центру; долли-origin — из живых rect) */
.fw-cgrid{display:grid;grid-template-columns:repeat(7,128px);gap:12px;transform:translateX(-70px)}
.fw-catalog.is-mobile .fw-cgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;transform:none}
/* плитка: появление зумом+фейдом, задержка = кольцо от центра (чистый CSS transition-delay) */
.fw-cell{position:relative;aspect-ratio:4/3;background:var(--srf);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;opacity:0;transform:scale(.66);z-index:calc(10 - var(--rd));transition:opacity .6s cubic-bezier(.2,.9,.25,1),transform .64s cubic-bezier(.34,1.24,.5,1);transition-delay:calc(var(--rd) * 150ms)}
.fw-catalog.is-mobile .fw-cell{aspect-ratio:3/4;transition-delay:calc(var(--rd) * 120ms)}
.fw-cgrid.in .fw-cell{opacity:var(--restop,1);transform:none}
/* карточки ВИДНЫ, но к краям градиентом гаснут и размываются (фокус на центральной паре) */
.fw-cell[style*="--rd:1"]{--restop:.72;filter:blur(1px)}
.fw-cell[style*="--rd:2"]{--restop:.46;filter:blur(2.2px)}
.fw-cell[style*="--rd:3"]{--restop:.3;filter:blur(3.6px)}
.fw-cell[style*="--rd:4"]{--restop:.22;filter:blur(3.6px)}
/* скелет как настоящая товарная карточка: фото-блок сверху + серая плашка снизу (бар названия + бар цены + кнопка) */
.fw-cell::before{content:"";position:absolute;left:0;right:0;top:0;height:58%;background:#10141A;background-image:linear-gradient(115deg,transparent 0,rgba(255,255,255,.05) 46%,transparent 72%);border-bottom:1px solid var(--line);opacity:1;transition:opacity .3s}
.fw-cell::after{content:"";position:absolute;left:7px;right:7px;top:62%;bottom:7px;background:linear-gradient(var(--srf2),var(--srf2)) 0 1px/80% 6px no-repeat,linear-gradient(var(--srf2),var(--srf2)) 0 bottom/44% 9px no-repeat,linear-gradient(var(--srf2),var(--srf2)) right bottom/24% 9px no-repeat;opacity:.85;transition:opacity .3s}
/* реальная карточка: фото сверху + серая плашка снизу; на .filled скелет гаснет */
.fw-real.filled::before,.fw-real.filled::after{opacity:0}
.fw-real .fw-thumb{position:absolute;left:0;right:0;top:0;height:58%;z-index:1;overflow:hidden;background:#10141A;border-bottom:1px solid var(--line)}
.fw-real .fw-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .5s ease}
.fw-real.filled .fw-thumb img{opacity:1}
.fw-real .fw-tag{position:absolute;top:5px;left:5px;z-index:3;white-space:nowrap;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:8px;padding:2px 6px;border-radius:2px;background:var(--amber);color:#fff;opacity:0;transform:translateY(-4px);transition:opacity .35s,transform .38s cubic-bezier(.2,.7,.2,1)}
.fw-real.art .fw-tag{background:#c9a45f;color:#1a1206}
.fw-real.filled .fw-tag{opacity:1;transform:none}
/* серая плашка снизу: название + строка (цена + кнопка корзины ВНИЗУ) — как в оригинальной карточке */
.fw-real .fw-pan{position:absolute;left:0;right:0;bottom:0;top:58%;z-index:2;padding:5px 6px 6px;display:flex;flex-direction:column;background:var(--srf);opacity:0;transition:opacity .42s ease}
.fw-real.filled .fw-pan{opacity:1}
.fw-real .fw-pan b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:'Oswald',sans-serif;font-size:8.5px;line-height:1;color:#fff;overflow:hidden}
.fw-real .fw-pfoot{margin-top:auto;display:flex;align-items:center;gap:4px}
.fw-real .fw-price{flex:1;min-width:0;font-family:'Oswald',sans-serif;font-size:9px;font-weight:600;color:var(--amber);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}
.fw-real.art .fw-price{color:#d8b979}
/* кнопка «в корзину» ВНИЗУ карточки (в плашке, справа от цены): иконка корзины → закрашивается галочкой */
.fw-add{flex:none;width:18px;height:18px;border-radius:4px;border:1px solid var(--line-2);background:transparent;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background .2s,border-color .2s}
.fw-add svg{width:10px;height:10px;fill:none;stroke:var(--tx2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s}
.fw-add.on{background:var(--amber);border-color:var(--amber)}
.fw-add.on svg{opacity:0}
.fw-add.on::after{content:"";position:absolute;width:4px;height:8px;border:solid #1c1305;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(43deg)}
/* корзина в углу — сиблинг камеры (вне трансформа), всегда кликабельна; это и есть кнопка «к разделу 2» */
.fw-catcart{position:absolute;top:6px;right:6px;z-index:9;display:flex;align-items:center;gap:6px;background:var(--srf2);border:1px solid var(--line);border-radius:22px;padding:7px 13px 7px 11px;color:var(--tx2);cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .18s,color .25s}
.fw-catcart svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fw-catcart.has{border-color:var(--amber);color:#fff;box-shadow:0 10px 26px rgba(242,111,29,.2)}
.fw-catcart.has svg{stroke:var(--amber)}
.fw-catcart.press{transform:scale(.93)}
.fw-catcart-cnt{font-family:'Oswald',sans-serif;font-size:13px;line-height:1;min-width:13px;text-align:center;color:var(--amber)}
.fw-catcart-cnt.bump{animation:catBump .3s cubic-bezier(.2,1.4,.4,1)}
@keyframes catBump{0%{transform:scale(1)}42%{transform:scale(1.45)}100%{transform:scale(1)}}
/* центральная пара стоит ВСЕГДА (видна до анимации), не гаснет с сеткой; клик-нажатие карточки */
.fw-real{opacity:1;transform:none}
.fw-real.tapped{transform:scale(.94);transition:transform .14s cubic-bezier(.3,.7,.3,1)}
/* крупный курсор (демо) */
.fw-cur.big svg{width:34px;height:34px}
/* ── упрощённая страница товара (Art Déco) внутри сцены выбора ── */
.fw-catalog.to-pp .fw-cam{opacity:.28;transform:scale(.96);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.fw-pp{position:absolute;inset:0;z-index:8;background:var(--bg);opacity:0;visibility:hidden;transform:scale(1.03);transition:opacity .45s ease,transform .5s cubic-bezier(.2,.85,.25,1),visibility .45s;overflow:hidden}
.fw-pp.open{opacity:1;visibility:visible;transform:none}
.fw-pp-scroll{position:absolute;left:0;right:0;top:0;padding:clamp(12px,2.4vw,20px);transition:transform .75s cubic-bezier(.5,.05,.3,1)}
.fw-pp.scrolled .fw-pp-scroll{transform:translateY(-40%)}
.fw-pp-top{display:flex;gap:clamp(10px,1.6vw,16px);align-items:stretch}
.fw-pp-gallery{flex:1.5;display:flex;flex-direction:column;gap:7px;min-width:0}
.fw-pp-hero{width:100%;aspect-ratio:4/3;background:#0e1319;border:1px solid var(--line);border-radius:6px;overflow:hidden;position:relative}
.fw-pp-heroimg{width:100%;height:100%;object-fit:cover;transition:opacity .42s ease}
.fw-pp-heroimg.swapping{opacity:0}
.fw-pp-hlabel{position:absolute;left:8px;bottom:8px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:9px;background:rgba(201,164,95,.92);color:#1a1206;padding:3px 8px;border-radius:3px}
.fw-pp-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.fw-pp-tag{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:#d8b979}
.fw-pp-title{font-family:'Oswald',sans-serif;font-size:clamp(15px,1.8vw,21px);text-transform:uppercase;color:#fff;line-height:1.04}
.fw-pp-art{font-family:'PT Sans',sans-serif;font-size:10px;color:var(--tx2)}
.fw-pp-price{font-family:'Oswald',sans-serif;font-size:15px;font-weight:600;color:#d8b979;margin-top:2px}
.fw-pp-note{font-family:'PT Sans',sans-serif;font-size:9.5px;line-height:1.25;color:var(--tx2)}
.fw-pp-ral{display:flex;gap:6px;margin-top:3px}
.fw-pp-ral span{width:17px;height:17px;border-radius:50%;border:1px solid rgba(255,255,255,.28)}
.fw-pp-ral span.on{outline:1.5px solid #d8b979;outline-offset:1px;border-color:#d8b979}
.fw-pp-thumbs{display:flex;gap:6px}
.fw-pp-th{position:relative;flex:1;aspect-ratio:4/3;border:1px solid var(--line);border-radius:3px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .18s}
.fw-pp-th.on{border-color:#d8b979;transform:translateY(-1px)}
.fw-pp-th img{width:100%;height:100%;object-fit:cover;display:block}
.fw-pp-th i{position:absolute;left:0;right:0;bottom:0;font-family:'Oswald',sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.02em;font-size:6.5px;text-align:center;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));padding:5px 2px 2px}
.fw-pp-cta{margin-top:auto;align-self:flex-start;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:11px;background:linear-gradient(180deg,#E7C877,#C99A3F);color:#1c1305;padding:8px 14px;border-radius:3px;transition:background .25s,color .25s,transform .15s}
.fw-pp-cta.added{background:linear-gradient(180deg,#43C383,#2fa869);color:#fff}
.fw-pp-3d{margin-top:clamp(12px,2vw,18px);border:1px solid rgba(201,164,95,.28);border-radius:6px;overflow:hidden;background:radial-gradient(130% 100% at 50% 30%,#12233b 0%,#0a1526 80%)}
.fw-pp-3d-bar{display:flex;align-items:baseline;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(201,164,95,.2)}
.fw-pp-3d-bar b{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:11px;color:#fff}
.fw-pp-3d-bar span{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:9px;color:#8fb0dc}
.fw-pp-3d-stage{position:relative;height:clamp(196px,32vh,272px);display:flex;align-items:center;justify-content:center;padding:10px 14px;perspective:1000px}
/* «1 секунда загрузки»: подпись + полоска над чертежом, пока готовится живой 3D */
.fw-pp-3d-stage.ld::before{content:"Загрузка 3D";position:absolute;left:0;right:0;bottom:22px;z-index:3;text-align:center;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:#d8b979}
.fw-pp-3d-stage.ld::after{content:"";position:absolute;left:30%;right:30%;bottom:14px;height:2px;z-index:3;background:linear-gradient(90deg,#d8b979,#f2c66d);transform-origin:left;transform:scaleX(0);animation:fwLdBar .88s cubic-bezier(.35,.15,.35,1) forwards}
@keyframes fwLdBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* fallback: FW3D не смог загрузить модель — чертёж-заглушка мягко покачивается */
.fw-pp-3d-stage.fw3d-fb .fw-pp-3dimg{animation:fwSpin3d 3.6s ease-in-out infinite alternate}
.fw-pp-3dimg{width:auto;height:100%;max-width:96%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));transition:transform 1s cubic-bezier(.3,.7,.3,1),opacity .5s ease}
.fw-pp.spin3d .fw-pp-3dimg{animation:fwSpin3d 3.6s ease-in-out infinite alternate}
@keyframes fwSpin3d{from{transform:rotateY(-15deg) rotateX(3deg)}to{transform:rotateY(15deg) rotateX(-2deg)}}
/* живой Three.js: холст ложится поверх и заполняет плашку; чертёж-заглушка гаснет, когда 3D готов */
.fw-pp-3dcv{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;z-index:2;opacity:0;transition:opacity .6s ease}
.fw-pp-3dcv:active{cursor:grabbing}
.fw-pp-3d-stage.has3d .fw-pp-3dcv{opacity:1}
.fw-pp-3d-stage.has3d .fw-pp-3dimg{opacity:0;animation:none!important}
.fw-pp-3dhint{position:absolute;left:0;right:0;bottom:6px;z-index:3;text-align:center;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:8px;color:#9db8dd;opacity:0;transition:opacity .5s ease;pointer-events:none}
.fw-pp-3d-stage.has3d .fw-pp-3dhint{opacity:.85}
@media(max-width:900px){.fw-pp-top{flex-direction:column}.fw-pp-hero{flex:none;aspect-ratio:16/10}.fw-pp-title{font-size:16px}.fw-pp-3d-stage{height:clamp(206px,31vh,256px)}.fw-pp.scrolled .fw-pp-scroll{transform:translateY(-55%)}}
@media(prefers-reduced-motion:reduce){.fw-pp,.fw-pp-scroll,.fw-pp-3dimg,.fw-pp-heroimg{transition:none}.fw-pp.spin3d .fw-pp-3dimg,.fw-pp-3d-stage.fw3d-fb .fw-pp-3dimg{animation:none}}
@media(max-width:900px){
.fw-catcart{top:4px;right:4px;padding:6px 11px 6px 9px}
.fw-real .fw-cap b{font-size:11px}
.fw-real .fw-cap .fw-price{font-size:10px}
.fw-real .fw-tag{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
.fw-cell,.fw-cam,.fw-real .fw-thumb img,.fw-real .fw-tag,.fw-real .fw-cap,.fw-add,.fw-catcart-cnt{transition:none !important;animation:none !important}
.fw-cam{transform:none !important}
.fw-cell{filter:none !important}
}
/* ── МОБИЛКА: сцены колеса вписаны в ограниченный блок анимации, без внутреннего скролла ── */
@media(max-width:900px){
/* двухколоночные сцены (заявка/договор) → одна колонка; «окно» накрывает действие внахлёст */
.fw-flow2{grid-template-columns:1fr;gap:0;flex:1;min-height:0;height:auto;position:relative}
.fw-att-zone{position:relative;z-index:1;padding-top:2px;display:flex;flex-direction:column;gap:9px;min-height:0}
.fw-win{position:absolute;inset:0;z-index:6;max-width:none;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 18px 44px rgba(0,0,0,.6)}
.fw-win-bar{flex:none}
.fw-win-body{flex:1;min-height:0;padding:9px;display:flex;flex-direction:column}
/* страницы PDF/договора вписываются во ВЕСЬ доступный блок (flex), а не фикс. высота 330px */
.fw-pages{flex:1;min-height:0;height:auto}
.fw-pgdots{flex:none;margin-top:7px}
.fw-pg{padding:11px 12px}
.pdf-cv b{font-size:17px}
.pdf-cv span{font-size:11px}
.pdf-h3{margin-bottom:7px}
.pdf-h3 b{font-size:13px}
.pdf-media{margin-bottom:7px}
.pdf-spec{padding:4px 0;font-size:11px}
.pdf-tr{font-size:10.5px;padding:5px 0}
.pdf-sum{padding-top:8px}
/* — Заявка и расчёт — */
.fw-cart{padding:9px 11px}
.fw-cart-h{margin-bottom:7px}
.fw-cart-h b{font-size:13px}
.fw-cart-h em{font-size:10.5px}
.fw-ci{padding:6px 0;gap:9px}
.fw-ci-ph{width:34px;height:34px;flex:none}
.fw-ci-tx b{font-size:11.5px}
.fw-ci-tx i{font-size:10.5px}
.fw-qrow{grid-template-columns:1fr 1fr;gap:8px}
.fw-qrow .field input{font-size:13px;padding:10px 11px}
.fw-q-btn{font-size:12px;padding:11px}
.fw-genline{margin-top:2px}
.fw-genline b{font-size:11px}
.fw-quote.opened .fw-att-zone{opacity:.12;filter:blur(2px)}
.fw-pdfwin .fw-win-body{padding:9px}
.fw-own{display:none}
/* — Договор — */
.fw-checklist{gap:8px}
.fw-ck{font-size:12.5px;gap:9px}
.fw-ck i{width:18px;height:18px;min-width:18px}
.fw-docwin .fw-ct{min-height:0;padding:13px 15px}
.fw-docwin .ct-h{font-size:15px}
.fw-docwin .ct-sub{font-size:10px;margin:3px 0 12px}
.fw-docwin .ct-par{margin-bottom:9px}
.fw-docwin .ct-par u{height:5.5px;margin-bottom:5px}
.fw-docwin .ct-sign{gap:12px;padding-top:8px;margin-top:6px}
.fw-docwin .ct-s svg{width:104px;height:28px}
.fw-docwin .fw-stamp{position:absolute;right:12px;bottom:auto;top:2px;width:70px;height:70px;font-size:7px}
.fw-docwin .fw-stamp b{font-size:14px}
/* — Чертежи и производство: чипы + фото на всю оставшуюся высоту — */
.fw-stagechips{flex:none;margin-bottom:9px}
.fw-stagechips span{font-size:11.5px;padding:8px 12px 8px 24px}
.fw-stagechips span::before{left:10px}
.fw-ph{flex:1;min-height:0;max-width:none;margin-bottom:0}
.fw-ph img{max-height:none;height:100%;object-fit:cover}
/* — Отгрузка: статус + трек + фото на всю оставшуюся высоту — */
.fw-logi{flex:none;max-width:none;margin-bottom:10px}
.fw-lg-status b{font-size:11.5px}
.fw-lg-track{height:46px;margin:0 4px}
.lg-node b{font-size:8px;margin-top:6px}
.lg-node i{width:11px;height:11px}
.fw-truck svg{width:38px;height:21px}
.fw-shipph{flex:1;min-height:0;max-width:none;margin-top:0}
.fw-shipph img{max-height:none;height:100%;object-fit:cover}
}
/* прикрепление файла (чертёж/ТЗ) в формах заявки — drag&drop */
.lead-file{margin-bottom:16px}
.lead-file>label{display:block;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);margin-bottom:9px}
.filedrop{border:1.5px dashed var(--line-2);border-radius:var(--r);background:rgba(255,255,255,.02);padding:15px 17px;display:flex;align-items:center;gap:13px;cursor:pointer;transition:border-color .2s,background .2s;min-height:58px;color:var(--steel)}
.filedrop::before{content:"";width:22px;height:22px;flex:none;background:currentColor;-webkit-mask:url('data:image/svg+xml,') center/contain no-repeat;mask:url('data:image/svg+xml,') center/contain no-repeat}
.filedrop:hover,.filedrop.drag{border-color:var(--amber);background:rgba(242,111,29,.06);color:var(--amber-h)}
.filedrop.has{border-color:#43C383;border-style:solid;background:rgba(67,195,131,.06);color:#43C383}
.filedrop.err{border-color:#E25A4E;border-style:solid;background:rgba(226,90,78,.07);color:#E25A4E}
.filedrop-txt{font-size:13px;color:var(--tx2);line-height:1.35}
.filedrop-txt b{color:#fff;font-weight:600}
.filedrop-txt small{display:block;color:var(--steel);font-size:11px;margin-top:3px}
.filedrop-x{color:var(--amber);cursor:pointer;text-decoration:underline}
/* ══ LITE-режим: авто-упрощение для слабых телефонов/сетей (ставится JS-ом на ) ══ */
html[data-lite] body{background-attachment:scroll!important}
html[data-lite] *,html[data-lite] *::before,html[data-lite] *::after{
-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
animation-duration:.001ms!important;animation-iteration-count:1!important;
transition-duration:.1s!important;will-change:auto!important;scroll-behavior:auto!important}
html[data-lite] .scroll-progress{display:none!important}
html[data-lite] [class*="parallax"],html[data-lite] [data-parallax]{transform:none!important;background-attachment:scroll!important}
html[data-lite] .reveal{opacity:1!important;transform:none!important}
/* плашка «включена лёгкая версия» */
.lite-bar{position:fixed;left:0;right:0;bottom:0;z-index:460;display:flex;align-items:center;gap:10px;
padding:10px 14px;background:rgba(15,18,23,.98);border-top:1px solid var(--amber);
transform:translateY(120%);transition:transform .4s cubic-bezier(.22,.85,.25,1);font-size:13px;color:var(--tx)}
.lite-bar.on{transform:translateY(0)}
.lite-bar .lite-ic{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--amber)}
.lite-bar .lite-tx{flex:1 1 auto;line-height:1.35}
.lite-bar .lite-back{flex:0 0 auto;background:var(--amber);color:#0E1114;border:0;border-radius:2px;
font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:.06em;padding:8px 12px;cursor:pointer}
.lite-bar .lite-x{flex:0 0 auto;background:none;border:0;color:var(--steel);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}
.lite-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);z-index:470;
background:rgba(15,18,23,.98);border:1px solid var(--line-2);border-radius:8px;padding:10px 16px;
font-size:13px;color:var(--tx);opacity:0;transition:opacity .35s,transform .35s;max-width:90vw;text-align:center}
.lite-toast.on{opacity:1;transform:translate(-50%,0)}
/* колесо заказа в lite → простой список шагов «полоской» (JS строит .fw-lite-steps) */
#flowWheel.fw-lite{min-height:0!important}
#flowWheel.fw-lite .fw-head{position:static!important;transform:none!important;opacity:1!important}
.fw-lite-steps{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.fw-lite-steps li{display:flex;gap:14px;align-items:flex-start;background:var(--srf);border:1px solid var(--line);border-radius:3px;padding:15px 16px;opacity:0;transform:translateY(10px);animation:fwLiteIn .38s ease forwards}
.fw-lite-steps li:nth-child(2){animation-delay:.06s}
.fw-lite-steps li:nth-child(3){animation-delay:.12s}
.fw-lite-steps li:nth-child(4){animation-delay:.18s}
.fw-lite-steps li:nth-child(5){animation-delay:.24s}
.fw-lite-n{flex:0 0 auto;min-width:30px;font:600 22px/1 'Oswald',sans-serif;color:var(--amber)}
.fw-lite-tx h4{font:600 15px 'Oswald',sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff;margin:0 0 4px}
.fw-lite-tx p{font-size:13px;color:var(--tx2);line-height:1.5;margin:0}
@keyframes fwLiteIn{to{opacity:1;transform:none}}
/* разрешаем эту лёгкую fade-анимацию, несмотря на общий глушитель анимаций в lite */
html[data-lite] .fw-lite-steps li{animation-duration:.38s!important}
/* портфолио на слабых: пропускаем отрисовку/декод вне экрана */
html[data-lite] .pf-ph{content-visibility:auto;contain-intrinsic-size:auto 420px}
/* ==AD3D shared== */
body .ad-plate{min-height:640px;border-radius:3px 3px 0 0}
@media(max-width:760px){body .ad-plate{min-height:360px}}
.ad-viewtoggle{display:flex;margin:0;border:1px solid rgba(201,154,63,.28);border-top:0;border-radius:0 0 3px 3px;overflow:hidden}
.ad-viewtoggle button{flex:1;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9fb8dc;background:#0b1a2e;border:0;padding:14px 10px;cursor:pointer;transition:background .2s,color .2s}
.ad-viewtoggle button:hover{color:#dbe6f5}
.ad-viewtoggle button+button{border-left:1px solid rgba(201,154,63,.28)}
.ad-viewtoggle button.on{background:linear-gradient(180deg,#E7C877,#C99A3F);color:#1c1305;font-weight:600}
.ad-3d{position:absolute;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity .55s ease;pointer-events:none}
.ad-3d.show{opacity:1;visibility:visible;pointer-events:auto}
.ad-3d canvas{position:absolute;inset:0;width:100%!important;height:100%!important;touch-action:none;cursor:grab}
.ad-3d canvas:active{cursor:grabbing}
.ad-plate.is3d .ad-draw-holder{opacity:0;pointer-events:none}
.ad-3d-load,.ad-3d-hint{position:absolute;left:0;right:0;text-align:center;font-family:'Oswald',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9fb8dc;pointer-events:none;z-index:2}
.ad-3d-load{top:50%;transform:translateY(-50%);font-size:12px;opacity:.75}
.ad-3d.ready .ad-3d-load{display:none}
.ad-3d-hint{bottom:18px;font-size:10.5px;opacity:0;transform:translateY(10px);transition:opacity .6s .15s,transform .6s .15s}
.ad-3d-hint i{font-style:normal;color:var(--gold-h);margin-right:6px}
.ad-3d.ready .ad-3d-hint{opacity:.85;transform:none}
/* ==AD3D loader== */
.ad-3d-load{width:100%}
.ad3d-load-wrap{display:flex;flex-direction:column;align-items:center;gap:13px}
.ad3d-load-cv{display:block;filter:drop-shadow(0 0 8px rgba(242,111,29,.15))}
.ad3d-load-lbl{font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9fb8dc}
.ad3d-load-bar{width:158px;height:2px;background:rgba(159,184,220,.16);border-radius:2px;overflow:hidden}
.ad3d-load-bar i{display:block;height:100%;width:6%;background:linear-gradient(90deg,#C99A3F,#E7C877);transition:width .35s ease;box-shadow:0 0 8px rgba(231,200,119,.5)}
/* ==AD3D dimrow== */
body .ad-dimrow{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;background:none;border:0;border-radius:0;overflow:visible}
body .ad-dimrow li{flex:1 1 155px;background:var(--srf,#181D23);border:1px solid var(--line,rgba(255,255,255,.09));border-radius:4px;padding:15px 18px;display:flex;flex-direction:column;gap:7px}
body .ad-dimrow li:first-child{flex:1.6 1 230px}
body .ad-dimrow .k{font-family:'Oswald',sans-serif;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--steel,#8E959C)}
body .ad-dimrow .v{font-family:'Oswald',sans-serif;font-size:17px;font-weight:600;color:#fff;line-height:1.1}
body .ad-dimrow li:first-child .v{color:var(--gold-h,#E7C877);font-size:18px}
@media(max-width:600px){body .ad-dimrow li,body .ad-dimrow li:first-child{flex:1 1 42%}}
/* ==card fade== (kz-swap исключён: у Art Déco карточек своя смена белый↔ховер) */
.ph.has-img:not(.kz-swap):not(.loaded){background:#141920!important;animation:phPulse 1.5s ease-in-out infinite}
@keyframes phPulse{0%,100%{background:#141920}50%{background:#1c232c}}
.ph.has-img:not(.kz-swap) img{opacity:0;transition:opacity .55s ease,transform .45s ease,filter .45s ease}
.ph.has-img:not(.kz-swap).loaded img{opacity:1}
.ph.has-img.loaded{animation:none}
@media(prefers-reduced-motion:reduce){.ph.has-img:not(.kz-swap):not(.loaded){animation:none}.ph.has-img:not(.kz-swap) img{transition:opacity .2s ease}}