@font-face{font-family:Montserrat;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/montserrat-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Montserrat;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/montserrat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ============================================================ ТОКЕНЫ
   Кухмаркет: красный + графит, никаких скруглений. Острые элементы: срезанный угол (как у знака-ценника),
   диагонали, треугольные плашки скидок. Фирменный срез - var(--cut). */
:root{
  --red:#D93829;--red2:#B7291C;--red-t:#FBEDEA;
  --ink:#141416;--ink2:#3B3C41;--mut:#6B6C72;
  --bg:#F1EFEB;--bg2:#E7E4DE;--card:#fff;--line:#DCD8D1;--line2:#E8E5DF;
  --dark:#141416;--dark2:#1D1E21;--dark3:#2A2B30;--dline:#34353A;
  --acc:var(--red);--acc2:var(--red2);--acc-ink:#fff;--gold:var(--red2);--tint:var(--red-t);
  --ok:#2E8A57;--err:#C4332A;
  --r:0;--r2:0;--r3:0;
  --cut:12px;
  --sh:0 1px 0 rgba(20,20,22,.04),0 18px 40px -26px rgba(20,20,22,.35);
  --sh2:0 30px 70px -30px rgba(20,20,22,.55);
  --ease:cubic-bezier(.2,.7,.2,1);
  --w:1560px;--gut:40px;
  --hdr:138px;
}
*,*::before,*::after{box-sizing:border-box;border-radius:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 12px)}
body{margin:0;font:500 15px/1.6 Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums;counter-reset:sec}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3{margin:0;line-height:1.1;letter-spacing:-.015em;font-weight:800}
p{margin:0}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
[hidden]{display:none!important}
::selection{background:var(--red);color:#fff}
.wrap{width:100%;max-width:calc(var(--w) + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}
.si{width:20px;height:20px}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;z-index:200}
.skip:focus{left:8px}
.stars{color:var(--red);letter-spacing:1px;font-size:.9em}
.ph{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#ecE9e3 0 12px,#f4f2ee 12px 24px);color:var(--mut);font-size:12px;width:100%;height:100%}
.cut{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}

/* ============================================================ КНОПКИ И ССЫЛКИ */
.kb{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border:0;background:var(--red);color:#fff;font-weight:800;font-size:12.5px;line-height:1.15;letter-spacing:.05em;text-transform:uppercase;text-align:center;white-space:nowrap;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);transition:background .2s,color .2s,transform .15s}
.kb:hover{background:var(--red2)}
.kb:active{transform:translateY(1px)}
.kb:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--ink),inset 0 0 0 4px #fff}
.kb .ic{width:18px;height:18px;transition:transform .25s var(--ease)}
.kb:hover .ic{transform:translateX(4px)}
.kb-lg{min-height:52px;padding:0 26px;font-size:13px}
.kb-sm{min-height:40px;padding:0 16px;font-size:12px}
.kb-block{width:100%}
.kb-ink{background:var(--ink)}
.kb-ink:hover{background:var(--red)}
.kb-white{background:#fff;color:var(--ink)}
.kb-white:hover{background:var(--ink);color:#fff}
.kb-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--bc)}
.kb-line:hover{background:var(--ink);color:#fff}
.kb-ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--bc)}
.kb-ghost:hover{background:var(--ink);color:#fff;box-shadow:none}
.kb-glass{background:rgba(255,255,255,.04);color:#fff;box-shadow:inset 0 0 0 1px var(--bc)}
.kb-glass:hover{background:#fff;color:var(--ink);box-shadow:none}
.kb[disabled]{opacity:.6;pointer-events:none}
.kb-line,.kb-ghost,.kb-glass{--bc:var(--ink)}
.kb-ghost{--bc:var(--line)}
.kb-glass{--bc:rgba(255,255,255,.5)}
.kb-line::after,.kb-ghost::after,.kb-glass::after{content:"";position:absolute;right:0;top:0;width:var(--cut);height:var(--cut);background:linear-gradient(to bottom left,transparent calc(50% - 1.2px),var(--bc) calc(50% - 1.2px),var(--bc) calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none;transition:opacity .2s}
.kb-line:hover::after,.kb-ghost:hover::after,.kb-glass:hover::after{opacity:0}
.lnk{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.lnk-n{padding:3px 7px;background:var(--bg);font-size:11px;font-weight:800;color:var(--mut);letter-spacing:0}
.lnk-ar{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:background .25s}
.lnk-ar .ic{width:18px;height:18px;transition:transform .3s var(--ease)}
.lnk:hover .lnk-ar{background:var(--red)}
.lnk:hover .lnk-ar .ic{transform:translateX(3px)}
.lnk-light{color:#fff}
.lnk-light .lnk-ar{background:var(--red)}
.more{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--red2);white-space:nowrap}
.more .ic{width:18px;height:18px}
.arrows{display:flex;gap:6px}
.arrows button{width:46px;height:46px;border:0;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}
.arrows button:hover{background:var(--red)}

/* ============================================================ ШАПКА */
.hdr-stick{position:sticky;top:0;z-index:50;transition:box-shadow .3s}
.hdr-stick.is-stuck{box-shadow:0 18px 30px -24px rgba(0,0,0,.6)}
.hdr{position:relative;z-index:2;background:#fff}
.hdr-row{display:flex;align-items:center;gap:24px;height:74px}
.logo{flex:none;display:block}
.logo img{width:auto;height:34px}
.hdr-tl{flex:none;display:flex;flex-direction:column;padding-left:20px;border-left:1px solid var(--line);font-size:12px;font-weight:600;line-height:1.3;color:var(--mut)}
.hdr-tl b{font-size:13px;font-weight:800;color:var(--ink)}
.hdr-search{flex:1;max-width:400px;margin:0 auto;display:flex;align-items:center;height:44px;background:var(--bg);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s,background .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.hdr-search:focus-within{background:#fff;box-shadow:inset 0 -2px 0 var(--red),0 6px 20px -12px rgba(0,0,0,.3)}
.hdr-search input{flex:1;min-width:0;height:100%;padding:0 16px;border:0;background:none;outline:0;font-size:14px;font-weight:500}
.hdr-search input::placeholder{color:#8e8f94}
.hdr-search button{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--ink2);transition:color .2s,background .2s}
.hdr-search button .ic{width:19px;height:19px}
.hdr-search button:hover{background:var(--red);color:#fff}
.hdr-msg{flex:none;display:flex;align-items:center;gap:4px}
.hdr-msg-l{margin-right:8px;font-size:11px;font-weight:700;line-height:1.25;color:var(--mut);text-align:right}
.hdr-msg a,.hdr-msg button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);transition:transform .2s,box-shadow .2s}
.hdr-msg a:hover,.hdr-msg button:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--line),0 8px 16px -10px rgba(20,20,22,.4)}
.hdr-msg .si{width:22px;height:22px}
.hdr-contact{flex:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.hdr-phone{font-weight:800;font-size:19px;white-space:nowrap;letter-spacing:-.01em}
.hdr-phone:hover{color:var(--red)}
.hdr-hours{display:inline-flex;align-items:center;gap:5px;margin-top:3px;font-size:11.5px;font-weight:600;color:var(--mut);white-space:nowrap}
.hdr-hours .ic{width:13px;height:13px;color:var(--red)}
.hdr-cb{flex:none;display:flex;align-items:center;gap:9px;height:46px;padding:0 14px 0 4px;border:0;background:var(--bg);color:var(--ink);text-align:left;line-height:1.15;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:background .2s}
.hdr-cb-ic{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--red);transition:background .2s,color .2s}
.hdr-cb-ic .ic{width:18px;height:18px}
.hdr-cb b{display:block;font-size:12.5px;font-weight:800}
.hdr-cb small{display:block;font-size:11px;font-weight:600;color:var(--mut)}
.hdr-cb:hover{background:var(--bg2)}
.hdr-cb:hover .hdr-cb-ic{background:var(--red);color:#fff}
.hdr-cta{flex:none;min-height:46px;padding:0 20px;font-size:12.5px}
.hdr-ic{display:none;height:46px;min-width:46px;padding:0 10px;align-items:center;justify-content:center;border:0;background:var(--bg);color:var(--ink)}
.hdr-ic .ic{width:22px;height:22px}
.hdr-ic-max .si{width:24px;height:24px}
.burger{background:var(--ink);color:#fff}
.burger-i{display:flex;flex-direction:column;gap:5px;width:22px}
.burger-i i{display:block;height:2px;background:currentColor}
.burger-i i:nth-child(2){width:70%;margin-left:auto}

/* строка меню: тёмная, «Каталог» - красный блок со скосом, справа - заметная кнопка замера */
.nbar{position:relative;z-index:1;background:var(--dark);color:#fff}
.nbar-row{position:relative;display:flex;align-items:stretch;gap:2px;height:52px}
.nb-item{position:relative;display:flex;align-items:stretch}
.nb-mega{position:static}
.nb-link{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:0;background:none;font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#d9dadd;white-space:nowrap;transition:color .2s,background .2s}
.nb-link::after{content:"";position:absolute;left:13px;right:13px;bottom:10px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nb-link:hover,.nb-link.is-on,.nb-item.is-open>.nb-link{color:#fff}
.nb-link:hover::after,.nb-link.is-on::after,.nb-item.is-open>.nb-link::after{transform:scaleX(1)}
.nb-link .ic{width:13px;height:13px;color:#8d8e94;transition:transform .25s}
.nb-item.is-open>.nb-link .ic:last-child{transform:rotate(180deg)}
.nb-accent>.ic:first-child{width:16px;height:16px;color:var(--red)}
.nb-accent{color:#fff}
.nb-badge{font-style:normal;min-width:19px;height:19px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:0}
.nb-cat{display:inline-flex;align-items:center;gap:11px;padding:0 34px 0 20px;margin-right:12px;background:var(--red);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:background .2s}
.nb-cat:hover,.nb-mega.is-open>.nb-cat,.nb-cat.is-on{background:var(--red2)}
.nb-cat>.ic{width:13px;height:13px;transition:transform .25s}
.nb-mega.is-open>.nb-cat>.ic{transform:rotate(180deg)}
.nb-burger{display:flex;flex-direction:column;gap:3px;width:16px}
.nb-burger i{display:block;height:2px;background:currentColor;transition:transform .3s var(--ease),opacity .2s}
.nb-burger i:nth-child(2){width:65%}
.nb-mega.is-open .nb-burger i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.nb-mega.is-open .nb-burger i:nth-child(2){opacity:0}
.nb-mega.is-open .nb-burger i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.nb-zamer{margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 18px 0 4px;border:0;background:#fff;color:var(--ink);text-align:left;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:background .2s}
.nb-zamer-ic{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff}
.nb-zamer-ic .ic{width:18px;height:18px}
.nb-zamer b{display:block;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.1}
.nb-zamer small{display:block;font-size:10.5px;font-weight:600;color:var(--mut);line-height:1.25}
.nb-zamer:hover{background:var(--red-t)}
/* выпадающие: без красной полосы сверху - она перечёркивала соседние пункты */
.drop{position:absolute;top:100%;left:0;min-width:270px;padding:6px 0;background:#fff;color:var(--ink);box-shadow:var(--sh2);display:grid;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .25s var(--ease),visibility .2s}
.nb-item.is-open .drop{opacity:1;visibility:visible;transform:none}
.drop a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;font-weight:600;font-size:14px;transition:background .15s,padding .2s}
.drop a::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--red);transform:scaleY(0);transition:transform .2s}
.drop a .ic{width:15px;height:15px;color:var(--red);opacity:0;transform:translateX(-6px);transition:.2s}
.drop a:hover{background:var(--bg);padding-left:22px}
.drop a:hover::before{transform:none}
.drop a:hover .ic{opacity:1;transform:none}
/* мегаменю: колонки с заголовками (формы с миниатюрами, параметры списками), справа ценник-расчёт */
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--ink);box-shadow:0 40px 60px -30px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .3s var(--ease),visibility .2s}
.nb-mega.is-open .mega{opacity:1;visibility:visible;transform:none}
.mega-in{display:grid;grid-template-columns:minmax(0,1.05fr) repeat(3,minmax(0,1fr)) 250px;gap:0;padding-top:24px;padding-bottom:26px;max-height:calc(100vh - var(--hdr) - 20px);overflow-y:auto}
.mg-col{display:flex;flex-direction:column;align-items:flex-start;padding:0 26px;border-left:1px solid var(--line2)}
.mg-col:first-child{padding-left:0;border-left:0}
.mg-t{display:block;margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.mg-list+.mg-t{margin-top:20px}
.mg-list{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.mg-list a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.3;color:var(--ink2);transition:color .15s}
.mg-list a:hover{color:var(--red)}
.mg-chips{flex-direction:row;flex-wrap:wrap;gap:5px}
.mg-chips a{padding:5px 10px;background:var(--bg);font-size:13px;color:var(--ink)}
.mg-chips a:hover{background:var(--ink);color:#fff}
/* формы: строки с миниатюрой */
.mg-col-forms{align-items:stretch}
.mg-form{display:grid;grid-template-columns:60px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:5px 8px 5px 0;font-size:14px;font-weight:700;color:var(--ink);transition:background .15s,padding .2s}
.mg-form-img{display:block;width:60px;height:40px;overflow:hidden;background:var(--bg)}
.mg-form-img img{width:100%;height:100%;object-fit:cover}
.mg-form .ic{width:15px;height:15px;color:var(--red);opacity:0;transform:translateX(-6px);transition:.2s}
.mg-form:hover{background:var(--bg);padding-left:6px}
.mg-form:hover .ic{opacity:1;transform:none}
.mg-all{display:flex;align-items:center;gap:10px;margin-top:10px;padding:11px 14px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:background .2s}
.mg-all em{font-style:normal;padding:1px 7px;background:var(--red);font-size:11px}
.mg-all .ic{width:15px;height:15px;margin-left:auto}
.mg-all:hover{background:var(--red)}
.mg-all:hover em{background:var(--ink)}
.mg-sw{gap:6px}
.mg-tag{position:relative;align-self:start;margin-left:26px;display:flex;flex-direction:column;gap:8px;padding:30px 22px 22px;background:var(--bg);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.mg-tag-hole{position:absolute;right:34px;top:14px;width:10px;height:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.mg-tag-k{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.mg-tag b{font-size:28px;font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--red)}
.mg-tag b small{display:block;margin-top:4px;font-size:12px;font-weight:700;letter-spacing:0;color:var(--mut)}
.mg-tag>span:not(.mg-tag-k):not(.mg-tag-hole){font-size:13px;color:var(--ink2);margin-bottom:6px}
/* образцы цветов: квадраты */
.sw{display:inline-block;width:14px;height:14px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.sw-bezhevyj{background:#d8c6a8}.sw-belyj{background:#fff}.sw-goluboj{background:#9fc4e3}.sw-zelenyj{background:#6d8f5f}.sw-seryj{background:#9b9b9f}
.sw-pod-derevo{background:linear-gradient(135deg,#c79a6b 0 30%,#a87648 30% 55%,#c99f72 55%)}.sw-sinij{background:#2f4c80}.sw-chernyj{background:#242426}
.sw-zheltyj{background:#efcd5c}.sw-korichnevyj{background:#6f4a33}.sw-rozovyj{background:#e5b5b4}.sw-bordovyj{background:#7a2533}

/* ============================================================ МОБИЛЬНОЕ МЕНЮ */
.drw-shade{position:fixed;inset:0;z-index:90;background:rgba(14,14,16,.6);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.drw{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(440px,100vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .38s var(--ease),visibility .38s}
body.drw-open{overflow:hidden}
body.drw-open .drw-shade{opacity:1;visibility:visible}
body.drw-open .drw{transform:none;visibility:visible}
.drw-head{flex:none;display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 16px;border-bottom:1px solid var(--ink)}
.drw-head img{height:30px;width:auto}
.drw-x{width:46px;height:46px;border:0;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}
.drw-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}
.drw-body>*{flex-shrink:0}
.drw-search{display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;border:1px solid var(--ink)}
.drw-search .ic{width:18px;height:18px;color:var(--mut)}
.drw-search input{flex:1;min-width:0;border:0;background:none;outline:0;font-size:16px}
.drw-cta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px}
.drw-cta .kb{min-height:52px;padding:0 10px;font-size:11.5px;letter-spacing:.03em;gap:6px}
.drw-h{display:flex;align-items:baseline;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--ink)}
.drw-h b{font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em}
.drw-h a{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--red)}
.drw-h .ic{width:15px;height:15px}
.drw-forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.drw-forms a{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;line-height:1.2}
.drw-forms span{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}
.drw-forms img{width:100%;height:100%;object-fit:cover}
.drw-accs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.drw-acc{border-bottom:1px solid var(--line)}
.drw-acc summary{display:flex;align-items:center;gap:8px;min-height:54px;padding:6px 2px;font-weight:700;font-size:15.5px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.drw-acc summary::-webkit-details-marker{display:none}
.drw-acc summary small{font-size:12px;font-weight:700;color:var(--mut)}
.drw-acc-in{overflow:hidden}
.drw-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 16px}
.drw-chips a{padding:9px 12px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:600}
.drw-colors{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;padding:0 0 14px}
.drw-colors a{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:15px}
.drw-colors .sw{width:18px;height:18px}
.drw-links{display:flex;flex-direction:column;padding:0 0 8px}
.drw-links a{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;font-size:15px;color:var(--ink2)}
.drw-links .ic{width:16px;height:16px;color:var(--red)}
.drw-gifts{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.drw-gifts a{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:14.5px}
.drw-gifts em{font-style:normal;padding:6px 0;background:var(--red);color:#fff;text-align:center;font-size:13px;font-weight:800;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.drw-gifts .ic{width:16px;height:16px;color:var(--mut)}
.drw-act{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;background:var(--dark);color:#fff;text-align:left;font:inherit}
.drw-act>span{width:40px;height:40px;flex:none;background:var(--red);display:flex;align-items:center;justify-content:center}
.drw-act b{flex:1;font-size:15px}
.drw-contact{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding:20px;background:var(--dark);color:#fff}
.drw-phone{font-size:24px;font-weight:800;letter-spacing:-.01em}
.drw-contact>span{color:#a9aab0;font-size:14px}
.drw-msg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.drw-msg a{display:flex;align-items:center;gap:8px;height:46px;padding:0 12px;background:#fff;color:var(--ink);font-weight:700;font-size:14px}
.drw-msg .si{width:22px;height:22px}
/* плюс-минус: квадрат, при раскрытии - красный */
.faq-pm,.drw-pm{position:relative;flex:none;width:32px;height:32px;margin-left:auto;background:var(--bg);transition:background .3s}
.faq-pm::before,.faq-pm::after,.drw-pm::before,.drw-pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--ink);transition:transform .35s var(--ease),background .3s}
.faq-pm::after,.drw-pm::after{transform:rotate(90deg)}
[open]>summary .faq-pm,[open]>summary .drw-pm{background:var(--red)}
[open]>summary .faq-pm::before,[open]>summary .faq-pm::after,[open]>summary .drw-pm::before,[open]>summary .drw-pm::after{background:#fff}
[open]>summary .faq-pm::after,[open]>summary .drw-pm::after{transform:rotate(0)}

/* ============================================================ СЕКЦИИ И ЗАГОЛОВКИ */
.sec{padding:76px 0}
.sec-tight{padding:28px 0 64px}
.sec-dark{background:var(--dark);color:#fff}
.sec-gray{background:var(--bg)}
.sh{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:20px 48px;margin-bottom:34px}
.sh-col{grid-template-columns:minmax(0,1fr);margin-bottom:18px}
.sh-l{display:block;min-width:0}
.sh-n{display:none}
.sh-n+.sh-t::before{counter-increment:sec;content:counter(sec,decimal-leading-zero);display:inline-block;margin-right:14px;padding:6px 11px 6px 8px;background:var(--red);color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1;vertical-align:.45em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.sh-t{font-size:clamp(24px,2.3vw,36px);font-weight:800;line-height:1.08;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}
.sh-r{display:flex;flex-direction:column;align-items:flex-end;gap:12px;text-align:right;min-width:0}
.sh-sub{font-size:15px;line-height:1.55;color:var(--ink2);max-width:52ch;text-wrap:pretty}
.sec-dark .sh-sub{color:#b9babf}
.sh-act{display:flex;align-items:center;gap:16px;flex:none}
.sec-dark .lnk{color:#fff}
.sec-dark .lnk-ar{background:var(--red)}
.sec-dark .lnk-n{background:var(--dark3);color:#c3c4c8}
.sec-head{margin-bottom:28px}
.sec-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.sec-t{font-size:clamp(24px,2.6vw,36px);font-weight:800;text-transform:uppercase;letter-spacing:-.02em}
.sec-t-sm{font-size:clamp(20px,2vw,26px);margin-bottom:16px}

/* ============================================================ ПЕРВЫЙ ЭКРАН: светлое фото, сверху тёмный градиент из полосы меню, ценник-расчёт */
.hero{position:relative;overflow:hidden;background:#ECE9E4;color:var(--ink);isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-2}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(241,239,235,.62) 0%,rgba(241,239,235,.3) 32%,rgba(241,239,235,0) 48%);pointer-events:none}
.hero::after{content:"";position:absolute;left:0;right:0;top:0;height:200px;z-index:-1;background:linear-gradient(180deg,var(--dark) 0%,rgba(20,20,22,.9) 16%,rgba(20,20,22,.6) 42%,rgba(20,20,22,.25) 70%,rgba(20,20,22,0) 100%);pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 480px;align-items:center;gap:48px;min-height:clamp(540px,calc(100vh - var(--hdr) - 110px),660px);padding-top:130px;padding-bottom:36px}
.hero-body{display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:600px}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.hero-tag i{width:9px;height:9px;background:var(--red);transform:rotate(45deg)}
.hero-t{font-size:clamp(34px,3.9vw,58px);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.98}
.hero-t em{display:block;margin-top:8px;font-style:normal;font-weight:800;font-size:.46em;letter-spacing:-.01em;color:var(--red)}
.hero-text{font-size:16px;line-height:1.6;color:var(--ink2);max-width:520px}
.hero-btns{display:flex;flex-wrap:wrap;gap:10px}
.hero-cap{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink2)}
.hero-cap .ic{width:15px;height:15px;color:var(--red)}
/* расчёт: карточка планировок + надорванный купон скидки (рваный край - общий профиль у карточки и купона) */
.hq{position:relative;justify-self:end;align-self:end;width:100%;display:flex;flex-direction:column;animation:hqIn .9s var(--ease) .2s both}
.hq-card{position:relative;display:flex;flex-direction:column;background:#fff;color:var(--ink);padding-bottom:8px;box-shadow:0 30px 60px -30px rgba(20,20,22,.5);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),56% calc(100% - 8.0px),53.6% calc(100% - 1.4px),50.4% calc(100% - 3.8px),48.8% calc(100% - 3.5px),45.4% calc(100% - 5.8px),43.1% calc(100% - 2.6px),40.4% calc(100% - 1.9px),37.1% calc(100% - 5.4px),34.4% calc(100% - 4.3px),32.4% calc(100% - 3.4px),30.6% calc(100% - 5.3px),27.5% calc(100% - 4.5px),25.1% calc(100% - 2.7px),23.4% calc(100% - 6.1px),21.6% calc(100% - 7.1px),19.3% calc(100% - 7.1px),17.6% calc(100% - 3.7px),15.1% calc(100% - 4.9px),13.4% calc(100% - 3.0px),11.1% calc(100% - 3.4px),8.6% calc(100% - 6.2px),6.8% calc(100% - 1.8px),4.1% calc(100% - 5.3px),2.2% calc(100% - 6.7px),0% calc(100% - 6.5px))}
.hq-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 16px}
.hq-ttl{display:flex;flex-direction:column;gap:5px}
.hq-k{font-size:19px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.1}
.hq-s{font-size:13px;color:var(--mut);line-height:1.4}
.hq-step{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:7px;padding-top:2px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);line-height:1;white-space:nowrap}
.hq-step b{color:var(--red)}
.hq-step i{display:flex;gap:3px}
.hq-step s{display:block;width:10px;height:3px;background:var(--line)}
.hq-step s.is-on{background:var(--red)}
.hq-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 24px;background:var(--line2);box-shadow:0 0 0 1px var(--line2)}
.hq-plan{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:118px;padding:16px 8px 14px;border:0;background:#fff;color:var(--ink);font-size:12.5px;font-weight:800;line-height:1.15;text-align:center;transition:background .2s,color .2s;animation:hqPing 7.2s var(--ease) infinite}
.hq-plan::after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 14px 14px 0;border-color:transparent var(--red) transparent transparent;opacity:0;transition:opacity .2s}
.hq-plan .ls{width:70px;height:56px;transition:transform .3s var(--ease)}
.hq-plan:hover{background:var(--ink);color:#fff;animation:none}
.hq-plan:hover::after{opacity:1}
.hq-plan:hover .ls{transform:scale(1.08)}
.hq-plan:hover .ls-m{fill:var(--red)}
.hq-plan:hover .ls-b{fill:#fff}
.hq-plan:active{transform:scale(.97)}
.hq-p2{animation-delay:.6s}.hq-p3{animation-delay:1.2s}.hq-p4{animation-delay:1.8s}.hq-p5{animation-delay:2.4s}.hq-p6{animation-delay:3s}
.hq:hover .hq-plan{animation:none}
.hq-cpw .hq-cp{transition:transform .4s var(--ease)}
.hq:hover .hq-cp{transform:translateY(3px)}
@keyframes hqPing{0%,14%,100%{background:#fff;box-shadow:none}5%{background:var(--red-t);box-shadow:inset 0 0 0 1px var(--red)}}
.ls{width:56px;height:45px}
.ls-m{fill:var(--red)}
.ls-b{fill:currentColor;opacity:.75}
.ls-q{font:900 26px Montserrat,sans-serif;fill:var(--red)}
.hq-hint{display:flex;align-items:center;gap:10px;padding:14px 24px 16px;font-size:12.5px;font-weight:600;line-height:1.35;color:var(--ink2)}
.hq-hand{flex:none;width:26px;height:26px;fill:#fff;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round;animation:hqTap 1.8s var(--ease) infinite}
@keyframes hqTap{0%,100%{transform:translate(0,0)}40%{transform:translate(-3px,-5px)}55%{transform:translate(0,0) scale(.9)}70%{transform:translate(0,0)}}
/* купон: висит на перфорации справа, слева уже надорван и отошёл */
.hq-cpw{position:relative;z-index:1;margin-top:-8px;filter:drop-shadow(0 14px 18px rgba(20,20,22,.28))}
.hq-cp{position:relative;display:flex;align-items:center;gap:18px;padding:20px 24px 18px;background:var(--red) repeating-linear-gradient(-45deg,rgba(255,255,255,.06) 0 2px,transparent 2px 9px);color:#fff;clip-path:polygon(0% 10.5px,2.2% 9.9px,4.1% 11.0px,6.8% 14.1px,8.6% 9.4px,11.1% 11.8px,13.4% 11.8px,15.1% 9.7px,17.6% 10.5px,19.3% 6.8px,21.6% 6.4px,23.4% 7.1px,25.1% 10.3px,27.5% 8.1px,30.6% 6.8px,32.4% 8.4px,34.4% 7.2px,37.1% 5.6px,40.4% 8.6px,43.1% 7.5px,45.4% 3.9px,48.8% 5.7px,50.4% 5.1px,53.6% 7.0px,56% 0.0px,100% 0,100% 100%,0 100%)}
.hq-cp::before{content:"";position:absolute;left:56%;right:10px;top:3px;height:1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 6px,transparent 6px 11px)}
.hq-cut{position:absolute;left:calc(56% - 2px);top:-6px;z-index:1;width:20px;height:20px;padding:2px;background:#fff;fill:none;stroke:var(--red);stroke-width:2;transform:rotate(180deg);animation:hqCut 3.6s var(--ease) infinite}
@keyframes hqCut{0%,100%{transform:rotate(180deg) translateX(0)}50%{transform:rotate(180deg) translateX(-6px)}}
.hq-cp-v{flex:none;display:flex;flex-direction:column;padding-right:18px;border-right:1px dashed rgba(255,255,255,.5)}
.hq-cp-v small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.hq-cp-v b{font-size:40px;font-weight:900;letter-spacing:-.04em;line-height:.95}
.hq-cp-t{display:flex;flex-direction:column;gap:2px;font-size:12.5px;font-weight:600;line-height:1.35}
.hq-cp-t b{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.hq-cp-t i{font-style:normal}
.hq-cp-t i::before{content:"+ ";font-weight:800}
@keyframes hqIn{0%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:none}}
/* полоса условий: прозрачная, на фото */
.hero-terms{padding-bottom:28px}
.terms{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border-left:2px solid var(--red)}
.terms li{display:flex;flex-direction:column;gap:4px;padding:16px 22px}
.terms li+li{border-left:1px solid var(--line2)}
.terms b{font-size:clamp(18px,1.6vw,24px);font-weight:900;letter-spacing:-.02em;line-height:1.05;text-transform:uppercase}
.terms li:first-child b{color:var(--red)}
.terms span{font-size:12.5px;color:var(--mut);line-height:1.35}

/* ============================================================ ФОРМА КУХНИ */
.forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.form-t{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--dark);color:#fff;isolation:isolate}
.form-img{position:absolute;inset:0}
.form-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.form-t::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(14,14,16,.8) 0%,rgba(14,14,16,.15) 45%,rgba(14,14,16,0) 70%)}
.form-t:hover .form-img img{transform:scale(1.06)}
.form-n{position:absolute;left:0;top:0;z-index:1;padding:7px 22px 7px 12px;background:#fff;color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.04em;line-height:1;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .3s,color .3s}
.form-t:hover .form-n{background:var(--red);color:#fff}
.form-txt{position:absolute;left:20px;right:76px;bottom:18px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.form-txt b{font-size:clamp(17px,1.4vw,21px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05}
.form-txt span{font-size:12.5px;font-weight:700;color:#e8e8ea}
.form-ar{position:absolute;right:0;bottom:0;z-index:1;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:var(--red);clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px);transition:width .3s var(--ease)}
.form-ar .ic{width:20px;height:20px}
.form-t:hover .form-ar{width:72px}
.form-all{background:var(--red)}
.form-all::after{display:none}
.form-all-n{position:absolute;left:20px;top:10px;font-size:clamp(70px,7vw,110px);font-weight:900;line-height:1;letter-spacing:-.05em}
.form-all .form-txt span{color:#ffe0db}
.form-all .form-ar{background:var(--ink)}

/* ============================================================ АКЦИИ: светлая секция, тёмные подложки - только на фото */
.pr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:240px;gap:12px}
.pr{position:relative;display:block;overflow:hidden;background:var(--dark2);color:#fff;isolation:isolate;border:0;padding:0;text-align:left;font:inherit}
.pr-img{position:absolute;inset:0;z-index:-1}
.pr-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.pr::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(14,14,16,.85) 0%,rgba(14,14,16,.35) 55%,rgba(14,14,16,.05) 100%)}
.pr:hover .pr-img img{transform:scale(1.06)}
.pr-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:5px;padding:18px 20px}
.pr-v{font-size:38px;font-weight:900;line-height:.95;letter-spacing:-.04em;margin-bottom:auto;padding:5px 14px 6px 9px;background:var(--red);clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%)}
.pr-t{font-size:15.5px;font-weight:800;line-height:1.2}
.pr-c{font-size:12.5px;line-height:1.4;color:#d0d1d5}
.pr-tag{padding:4px 10px;background:#fff;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pr-go{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.pr-go .ic{width:16px;height:16px;transition:transform .25s}
.pr:hover .pr-go .ic{transform:translateX(4px)}
.pr-until{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}
.pr-until .ic{width:14px;height:14px;color:var(--red)}
.pr-main{grid-column:span 2;background:var(--red)}
.pr-main .pr-img{left:48%;clip-path:polygon(60px 0,100% 0,100% 100%,0 100%)}
.pr-main::after{background:none}
.pr-main .pr-in{right:50%;padding:22px 24px;gap:7px}
.pr-main .pr-v{font-size:clamp(64px,6vw,96px);background:none;padding:0;clip-path:none;letter-spacing:-.06em}
.pr-main .pr-t{font-size:19px;text-transform:uppercase}
.pr-main .pr-c{color:#ffe1dc}
.pr-ask{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .25s,color .25s}
.pr-ask::after{display:none}
.pr-ask:hover{background:var(--ink);color:#fff}
.pr-ask .pr-t{font-size:18px;text-transform:uppercase;margin-bottom:auto}
.pr-ask .pr-c{color:var(--mut)}
.pr-ask .pr-go .ic{color:var(--red)}
.pr-grid-page{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ============================================================ КАРТОЧКИ КУХОНЬ */
.kgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kgrid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kcard{position:relative;display:flex;flex-direction:column;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s,transform .35s var(--ease)}
.kcard::before{content:"";position:absolute;left:0;right:0;top:0;z-index:2;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.kcard:hover{box-shadow:inset 0 0 0 1px var(--ink),0 26px 44px -32px rgba(20,20,22,.55);transform:translateY(-3px)}
.kcard:hover::before{transform:scaleX(1)}
.kcard.is-hidden{display:none}
.kcard-img{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--bg)}
.kimg{width:100%;height:100%;object-fit:cover;object-position:right top;transition:transform .8s var(--ease)}
.kcard:hover .kimg{transform:scale(1.05)}
.kcard-tags{position:absolute;left:0;top:12px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.kcard-tag{padding:4px 18px 4px 10px;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.kcard-tag-ink{background:var(--ink)}
.kcard-disc{position:absolute;right:0;top:0;width:84px;height:84px;background:var(--red);clip-path:polygon(0 0,100% 0,100% 100%)}
.kcard-disc b{position:absolute;right:3px;top:17px;width:64px;text-align:center;transform:rotate(45deg);color:#fff;font-size:14px;font-weight:900}
.kcard-zoom{position:absolute;right:0;bottom:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;transform:translateY(100%);transition:transform .35s var(--ease)}
.kcard-zoom .ic{width:18px;height:18px}
.kcard:hover .kcard-zoom{transform:none}
.kcard-body{flex:1;display:flex;flex-direction:column;gap:5px;padding:16px 18px 0}
.kcard-note{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.kcard-t{font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.kcard-t a::after{content:"";position:absolute;inset:0;z-index:1}
.kcard-sub{font-size:13px;color:var(--mut)}
.kcard-jk{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink2)}
.kcard-jk .ic{width:14px;height:14px;color:var(--red)}
.kcard-foot{display:flex;align-items:stretch;justify-content:space-between;gap:12px;margin:auto -18px 0;padding-top:12px}
.kcard-price{display:flex;flex-direction:column;justify-content:center;padding:10px 0 12px 18px;line-height:1.15;min-width:0}
.kcard-price small{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.kcard-price s{font-size:12.5px;font-weight:600;color:var(--mut)}
.kcard-price b{font-size:19px;font-weight:900;letter-spacing:-.02em;white-space:nowrap}
.kcard-btn{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:9px;padding:0 18px 0 28px;border:0;background:var(--red);color:#fff;font-weight:800;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%);transition:background .25s}
.kcard-btn .ic{width:16px;height:16px;transition:transform .25s}
.kcard-btn:hover{background:var(--ink)}
.kcard-btn:hover .ic{transform:translateX(3px)}
.kmore{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;padding:26px;background:var(--bg);min-height:300px;isolation:isolate}
.kmore-1{grid-column:span 1}.kmore-2{grid-column:span 2}.kmore-3{grid-column:span 3}
.kmore-n{position:absolute;right:10px;top:-20px;z-index:-1;font-size:clamp(130px,13vw,210px);font-weight:900;line-height:1;letter-spacing:-.06em;color:#e3dfd8}
.kmore b{font-size:clamp(20px,1.8vw,26px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.08;max-width:520px}
.kmore>span:not(.kmore-n){color:var(--ink2);max-width:440px;font-size:14px}
.kmore-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.kmore .kb-white{background:var(--red);color:#fff}
.kmore .kb-white:hover{background:var(--ink)}
.kmore .kb-glass{color:var(--ink);--bc:var(--ink)}
.kmore .kb-glass:hover{background:var(--ink);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);transition:box-shadow .2s,background .2s,color .2s}
.chip small{color:var(--mut);font-weight:700;letter-spacing:0}
.chip:hover{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}
.chip.is-on{background:var(--ink);color:#fff;box-shadow:none}
.chip.is-on small{color:#bdbec3}

/* ============================================================ КАЛЬКУЛЯТОР БЮДЖЕТА (lib/bcalc.php) */
.bc{display:flex;flex-direction:column;gap:14px}
.bc-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.bc-budget{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:26px 28px;background:var(--red);color:#fff;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
.bc-bl{display:flex;flex-direction:column;gap:2px}
.bc-gl{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.bc-sum{font-size:clamp(32px,3.4vw,48px);font-weight:900;letter-spacing:-.04em;line-height:1}
.bc-range{position:relative;height:28px}
.bc-range::before{content:"";position:absolute;left:0;right:0;top:12px;height:4px;background:rgba(20,20,22,.28)}
.bc-range i{position:absolute;left:0;top:12px;height:4px;background:#fff;width:50%}
.bc-range input{position:absolute;inset:0;width:100%;height:28px;margin:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.bc-range input::-webkit-slider-runnable-track{background:none;border:0;height:28px}
.bc-range input::-moz-range-track{background:none;border:0}
.bc-range input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:28px;background:var(--ink);box-shadow:0 0 0 3px #fff;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}
.bc-range input::-moz-range-thumb{width:20px;height:26px;border:0;background:var(--ink)}
.bc-scale{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;opacity:.85}
.bc-groups{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:22px 26px}
.bc-g{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px}
.bc-g .bc-gl{color:var(--mut);opacity:1}
.bc-chips{display:flex;flex-wrap:wrap;gap:5px}
.bc-chip{padding:8px 13px;border:0;background:var(--bg);font-size:13px;font-weight:700;color:var(--ink2);transition:background .2s,color .2s}
.bc-chip:hover{background:var(--bg2)}
.bc-chip.is-on{background:var(--ink);color:#fff}
.bc-res{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr);gap:14px}
.bc-card{display:flex;flex-direction:column;gap:12px;padding:22px 24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.bc-ct{font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.bc-feat ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.bc-feat li{display:flex;gap:10px;padding:7px 0;border-top:1px solid var(--line2);font-size:13.5px;line-height:1.4;color:var(--ink2)}
.bc-feat li::before{content:"";flex:none;width:7px;height:7px;margin-top:6px;background:var(--line);transform:rotate(45deg)}
.bc-feat li.is-new{color:var(--ink);font-weight:700}
.bc-feat li.is-new::before{background:var(--red)}
.bc-row{display:flex;flex-direction:column;gap:5px;padding:5px 0}
.bc-row-t{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600}
.bc-row-t b{font-weight:900}
.bc-bar{height:8px;background:var(--bg)}
.bc-bar i{display:block;height:100%;background:var(--red);transition:width .4s var(--ease)}
.bc-row:nth-child(2) .bc-bar i{background:var(--ink)}
.bc-row:nth-child(3) .bc-bar i{background:#8e8f94}
.bc-row:nth-child(4) .bc-bar i{background:#c9b49a}
.bc-row small{font-size:11.5px;color:var(--mut)}
.bc-insight{margin-top:auto;padding:12px 14px;background:var(--red-t);border-left:2px solid var(--red)}
.bc-insight span{display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red2);margin-bottom:4px}
.bc-insight p{font-size:13.5px;line-height:1.5;color:var(--ink)}
.bc-lead{background:var(--dark);color:#fff;box-shadow:none}
.bc-tip-k{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ff9c90}
.bc-tip{font-size:13.5px;line-height:1.5;color:#cfd0d4}
.bc-form{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--dline)}
.bc-ft{font-size:16px;font-weight:800}
.bc-form .fld span{color:#9a9ba0}
.bc-form .fld input{background:var(--dark2);border-color:var(--dline);color:#fff}
.bc-note{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--mut)}
.bc-note .ic{width:18px;height:18px;color:var(--red);margin-top:1px}
.cts-agree{font-size:11px;line-height:1.4;color:#9a9ba0}
.cts-agree a{text-decoration:underline}

/* ============================================================ ЧТО ВХОДИТ В ЦЕНУ: светлая «смета» */
.inc{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;align-items:stretch}
.inc-in{padding:28px 30px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.inc-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin-bottom:16px}
.inc-badge{padding:5px 20px 6px 10px;background:var(--red);color:#fff;font-size:17px;font-weight:900;letter-spacing:-.01em;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.inc-head b{font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}
.inc-head>span:last-child{width:100%;color:var(--mut);font-size:13px}
.inc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.inc-list li{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-top:1px dashed var(--line);font-size:14px;line-height:1.4}
.inc-list em{flex:none;font-style:normal;font-size:11.5px;font-weight:900;color:var(--red)}
.inc-out{display:flex;flex-direction:column;gap:12px;padding:28px 30px;background:var(--bg)}
.inc-out-t{font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}
.inc-ext{margin:0;display:flex;flex-direction:column}
.inc-ext div{display:flex;align-items:baseline;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.inc-ext dt{flex:1;display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--ink2)}
.inc-ext dt::after{content:"";flex:1;min-width:16px;border-bottom:1px dotted #cfcac2}
.inc-ext dd{margin:0;font-weight:800;font-size:14px;text-align:right;max-width:55%}
.inc-note{font-size:13px;color:var(--ink2);line-height:1.5}
.inc-out .kb{margin-top:auto}

/* ============================================================ КВИЗ НА ГЛАВНОЙ */
.sec-quiz{background:#fff}
.quiz-frame{position:relative}

/* ============================================================ ФАСАДЫ: сразу открытая матрица сравнения */
.mx-scroll{overflow-x:auto;scrollbar-width:thin}
.mx{display:grid;min-width:880px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.mx-row{display:grid;grid-template-columns:170px repeat(var(--n,5),minmax(0,1fr))}
.mx-5 .mx-row{--n:5}.mx-4 .mx-row{--n:4}.mx-6 .mx-row{--n:6}.mx-3 .mx-row{--n:3}
.mx-row+.mx-row{border-top:1px solid var(--line2)}
.mx-l{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 18px 12px 20px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);background:#fff;box-shadow:inset 2px 0 0 var(--red)}
.mx-l small{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.4;color:var(--mut)}
.mx-l-head{justify-content:flex-start;padding-top:18px;box-shadow:none}
.mx-head .mx-l-head b{font-size:46px;font-weight:900;line-height:.9;letter-spacing:-.05em;color:var(--red)}
.mx-l-head span{font-size:13px;font-weight:900;color:var(--ink);line-height:1.15;margin-bottom:8px}
.mx-l-foot{flex-direction:row;align-items:center;gap:8px;font-size:10.5px;line-height:1.3;color:var(--mut);box-shadow:none}
.mx-l-foot .ic{width:18px;height:18px;color:var(--red)}
.mx-c{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 16px;border-left:1px solid var(--line2);font-size:13.5px;transition:background .2s}
.mx-head .mx-c{justify-content:flex-start;padding:12px 12px 14px}
.mx-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;margin-bottom:6px;background:var(--bg2)}
.mx-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mx-img em{position:absolute;left:0;top:0;padding:4px 14px 4px 8px;background:var(--red);color:#fff;font-style:normal;font-size:11px;font-weight:900;clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.mx-head b{font-size:15px;font-weight:800}
.mx-head small{font-size:12px;color:var(--mut);line-height:1.35}
.mx-head .mx-c:hover .mx-img img{transform:scale(1.06)}
.mx-pr{display:flex;align-items:flex-end;gap:10px}
.mx-pr-st{display:flex;align-items:flex-end;gap:3px;height:20px}
.mx-pr-st i{width:7px;background:var(--line2)}
.mx-pr-st i:nth-child(1){height:8px}.mx-pr-st i:nth-child(2){height:14px}.mx-pr-st i:nth-child(3){height:20px}
.mx-pr-st i.is-on{background:var(--ink)}
.mx-pr b{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1}
.mx-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;max-width:130px}
.mx-bar i{height:6px;background:var(--line2)}
.mx-bar i.is-on{background:var(--red)}
.mx-pros span{position:relative;padding-left:14px;font-size:12.5px;line-height:1.35;color:var(--ink2)}
.mx-pros span::before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:var(--red);transform:rotate(45deg)}
.mx-for{font-size:13px;font-weight:700;line-height:1.4}
.mx-foot .mx-c{padding:14px 12px}
.mx-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:42px;padding:0 14px;border:0;background:var(--red);font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:background .2s}
.mx-btn .ic{width:15px;height:15px;transition:transform .25s var(--ease)}
.mx-btn:hover{background:var(--ink)}
.mx-btn:hover .ic{transform:translateX(3px)}

/* ============================================================ КАК МЫ РАБОТАЕМ: светлая лента этапов */
.flow{display:flex;flex-direction:column}
.flow-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.flow-step{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 16px 16px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);text-align:left}
.flow-n{font-size:34px;font-weight:900;line-height:1;letter-spacing:-.04em;color:#d8d4cd;transition:color .3s}
.flow-step:hover .flow-n{color:var(--ink2)}
.flow-step.is-on .flow-n{color:var(--red)}
.flow-t{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.flow-t b{font-size:13.5px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.flow-t small{font-size:12px;color:var(--mut)}
.flow-bar{position:absolute;left:0;right:0;top:-2px;height:2px}
.flow-bar i{display:block;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}
.flow-step.is-on .flow-bar i{animation:flowBar var(--flow-ms,7000ms) linear both}
.flow.is-paused .flow-step.is-on .flow-bar i{animation-play-state:paused}
@keyframes flowBar{to{transform:scaleX(1)}}
.flow-stage{position:relative;display:grid;margin-top:16px}
.flow-card{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--bg);opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.flow-card.is-on{opacity:1;visibility:visible}
.flow-img{position:relative;overflow:hidden;min-height:330px;clip-path:polygon(0 0,100% 0,calc(100% - 50px) 100%,0 100%)}
.flow-img img,.flow-img .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s linear}
.flow-card.is-on .flow-img img{transform:scale(1)}
.flow-txt{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:32px 40px 32px 24px;overflow:hidden}
.flow-big{position:absolute;right:28px;bottom:-34px;font-size:150px;font-weight:900;line-height:1;letter-spacing:-.06em;color:#e7e3dc;pointer-events:none}
.flow-card.is-on .flow-txt>:not(.flow-big){animation:heroIn .7s var(--ease) both}
.flow-when{position:relative;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;background:var(--red);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.flow-when .ic{width:14px;height:14px}
.flow-txt h3{position:relative;font-size:clamp(21px,1.8vw,28px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.flow-txt p{position:relative;font-size:15px;line-height:1.6;color:var(--ink2);max-width:520px}
.flow-got{position:relative;display:flex;flex-direction:column;gap:2px;margin-top:4px;padding:10px 14px;border-left:2px solid var(--red);background:#fff}
.flow-got span{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.flow-got b{font-size:14px}
.tl-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:16px 20px;background:var(--bg);flex-wrap:wrap}
.tl-cta span{font-size:14.5px;color:var(--ink2)}

/* ============================================================ ПОЧЕМУ КУХМАРКЕТ */
.why{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,2fr);gap:40px;align-items:start}
.why-pic{position:sticky;top:calc(var(--hdr) + 24px);margin:0;overflow:hidden;background:var(--dark)}
.why-pic img{width:100%;aspect-ratio:9/11;object-fit:cover}
.why-pic figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:24px 20px 20px;background:linear-gradient(0deg,rgba(14,14,16,.92),rgba(14,14,16,0));color:#fff}
.why-pic figcaption b{font-size:17px;font-weight:900;text-transform:uppercase}
.why-pic figcaption span{font-size:13px;color:#d6d7da}
.why-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:36px}
.why-i{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:8px;row-gap:4px;padding:18px 0;border-top:1px solid var(--line)}
.why-i em{grid-row:span 2;font-style:normal;font-size:22px;font-weight:900;line-height:1;letter-spacing:-.03em;color:var(--red)}
.why-i b{font-size:16px;font-weight:800;line-height:1.25}
.why-i p{font-size:14px;color:var(--mut);line-height:1.5}

/* ============================================================ ПОСТАВЩИКИ */
.sec-partners{background:var(--bg)}
.ptn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:inset 1px 1px 0 var(--line);background:#fff}
.ptn li{position:relative;display:flex;flex-direction:column;gap:6px;min-height:104px;padding:18px 22px;box-shadow:inset -1px -1px 0 var(--line);transition:background .25s,color .25s}
.ptn li::after{content:"";position:absolute;right:0;top:0;width:16px;height:16px;background:var(--red);clip-path:polygon(0 0,100% 0,100% 100%);opacity:0;transition:opacity .25s}
.ptn b{font-size:clamp(18px,1.5vw,24px);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:1}
.ptn span{margin-top:auto;font-size:13px;color:var(--mut);line-height:1.4}
.ptn li:hover{background:var(--ink);color:#fff}
.ptn li:hover span{color:#b9babf}
.ptn li:hover::after{opacity:1}

/* ============================================================ ПУТЬ КУХНИ (производство): тёмная подложка из фото, этапы - белыми карточками */
.sec-route{position:relative;overflow:hidden;color:#fff;isolation:isolate}
.route-bg{position:absolute;inset:0;z-index:-1}
.route-bg img{width:100%;height:100%;object-fit:cover}
.route-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,14,16,.9),rgba(14,14,16,.72))}
.route-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 48px;align-items:end;margin-bottom:30px}
.route-tag{display:inline-block;padding:5px 11px;background:var(--red);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.route-t{font-size:clamp(24px,2.3vw,36px);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1.08}
.route-head p{color:#d0d1d5;font-size:15px;line-height:1.6}
.route{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.route::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:repeating-linear-gradient(90deg,var(--red) 0 10px,transparent 10px 18px)}
.route-st{position:relative;display:flex;flex-direction:column;gap:0;padding-top:42px}
.route-n{position:absolute;left:0;top:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--red);font-size:12px;font-weight:900}
.route-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--dark2)}
.route-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.route-st:hover .route-img img{transform:scale(1.06)}
.route-txt{display:flex;flex-direction:column;gap:6px;flex:1;padding:14px 16px 16px;background:#fff;color:var(--ink)}
.route-txt b{font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}
.route-txt em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12.5px;font-weight:800;color:var(--red)}
.route-txt em .ic{width:14px;height:14px}
.route-txt>span{font-size:13.5px;color:var(--ink2);line-height:1.45}
.route-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;flex-wrap:wrap}
.route-stats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 28px}
.route-stats li{display:flex;align-items:baseline;gap:8px}
.route-stats b{font-size:22px;font-weight:900;letter-spacing:-.02em;color:#fff}
.route-stats span{font-size:12.5px;color:#b9babf}

/* ============================================================ ВИДЕО, ОТЗЫВЫ, ОЦЕНКИ, ЖК (выводятся, когда есть реальные данные) */
.vd-track,.rv-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*16px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.vd-track::-webkit-scrollbar,.rv-track::-webkit-scrollbar{display:none}
.vd{scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}
.vd-play{position:relative;display:block;aspect-ratio:16/9;padding:0;border:0;overflow:hidden;background:var(--dark)}
.vd-play img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.vd-play:hover img{transform:scale(1.05)}
.vd-btn{position:absolute;left:12px;bottom:12px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff}
.vd-btn .ic{fill:currentColor;stroke:none}
.vd-cap{display:flex;align-items:center;gap:10px;font-size:14px}
.vd-cap span{color:var(--mut)}
.vd-cap .ic{width:16px;height:16px;margin-left:auto;color:var(--red)}
.rv{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.rv-img{aspect-ratio:4/3;overflow:hidden}
.rv-img img{width:100%;height:100%;object-fit:cover}
.rv-body{display:flex;flex-direction:column;gap:10px;padding:18px}
.rv-body p{font-size:14px;color:var(--ink2)}
.rv-who{display:flex;flex-direction:column;font-size:13px;color:var(--mut)}
.rv-who b{color:var(--ink);font-size:15px}
.rt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rate{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.rate-name{display:flex;align-items:center;justify-content:space-between;font-weight:800;text-transform:uppercase;font-size:12.5px;letter-spacing:.06em}
.rate-name .ic{width:16px;height:16px;color:var(--red)}
.rate-val b{font-size:40px;font-weight:900;letter-spacing:-.04em}
.rate-val span{margin-left:6px;color:var(--mut)}
.rate-n{font-size:13px;color:var(--mut)}
.rate-bar{height:4px;background:var(--line2)}
.rate-bar i{display:block;height:100%;width:0;background:var(--red)}
.jk-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.jk-list li{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.jk-list .ic{color:var(--red)}
.jk-list span{margin-left:auto;font-size:13px;color:var(--mut)}
.calc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px}
.calc{display:flex;flex-direction:column;gap:12px;padding:32px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.calc .sh-t,.gift .sh-t{font-size:clamp(22px,2vw,30px)}
.calc-box{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.calc-top{display:flex;align-items:baseline;justify-content:space-between}
.calc-lbl{font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.calc-val b{font-size:34px;font-weight:900}
.calc-box input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--line);outline:0}
.calc-box input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:var(--ink);box-shadow:0 0 0 4px #fff,0 0 0 6px var(--red);cursor:grab}
.calc-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--mut)}
.calc-out{display:flex;flex-direction:column;gap:2px;padding:16px 18px;background:var(--bg)}
.calc-out span{font-size:13px;color:var(--mut)}
.calc-out b{font-size:24px;font-weight:900}
.gift{position:relative;overflow:hidden;background:var(--dark);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px}
.gift-img{position:absolute;inset:0}
.gift-img img{width:100%;height:100%;object-fit:cover;opacity:.5}
.gift-txt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:32px}
.gift-txt p{color:#d6d7da}
.gift-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.gift-list li{display:flex;gap:10px;font-size:13px;color:#cfd0d4}
.gift-list b{display:block;color:#fff}
.gift-list .ic{width:18px;height:18px;padding:3px;background:var(--red);color:#fff;stroke-width:3}

/* ============================================================ ВОПРОСЫ */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:52px;align-items:start}
.faq-side{position:sticky;top:calc(var(--hdr) + 24px);display:flex;flex-direction:column;gap:14px}
.faq-ask{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px;padding:22px;background:var(--bg);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
.faq-tel{font-size:22px;font-weight:900;letter-spacing:-.02em}
.faq-tel:hover{color:var(--red)}
.faq-ask>span{color:var(--mut);font-size:13px;margin-bottom:10px}
.faq{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.faq-i{border-bottom:1px solid var(--line)}
.faq-i summary{display:flex;align-items:center;gap:16px;padding:17px 0;cursor:pointer;list-style:none;font-size:15.5px;font-weight:700;line-height:1.35}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary em{flex:none;width:30px;font-style:normal;font-size:12px;font-weight:900;color:var(--red)}
.faq-i summary:hover{color:var(--red)}
.faq-a{overflow:hidden}
.faq-a .rich{padding:0 46px 20px 46px;color:var(--ink2);font-size:15px}
.faq-more{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;border:0;background:none;box-shadow:inset 0 0 0 1px var(--ink);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.faq-more:hover{background:var(--ink);color:#fff}
.faq-more .ic{width:15px;height:15px}

/* ============================================================ БЛОГ: плитки с датой-календариком */
.sec-blog{background:var(--bg)}
.posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.posts-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.post{position:relative;display:flex;flex-direction:column;background:#fff;transition:transform .35s var(--ease),box-shadow .25s}
.post:hover{transform:translateY(-3px);box-shadow:0 26px 40px -30px rgba(20,20,22,.5)}
.post-img{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--bg2);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
.post-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.post:hover .post-img img{transform:scale(1.05)}
.post-ph{display:flex;align-items:center;justify-content:center;height:100%;color:var(--mut)}
.post-date{position:absolute;left:14px;top:14px;display:flex;flex-direction:column;align-items:center;min-width:48px;padding:6px 6px 5px;background:#fff;color:var(--ink);line-height:1;box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}
.post-date b{font-size:20px;font-weight:900;letter-spacing:-.03em}
.post-date span{margin-top:3px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.post-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px 18px}
.post-rub{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.post-body h3{font-size:16px;font-weight:800;line-height:1.3}
.post-body h3 a::after{content:"";position:absolute;inset:0}
.post-body p{color:var(--mut);font-size:13.5px;line-height:1.5}
.post-go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.post-go .ic{width:15px;height:15px;color:var(--red);transition:transform .25s}
.post:hover .post-go .ic{transform:translateX(4px)}
.posts-blog{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.post-big{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);margin-bottom:22px;background:#fff}
.post-big .post-img{aspect-ratio:auto;min-height:380px;clip-path:polygon(0 0,100% 0,calc(100% - 60px) 100%,0 100%)}
.post-big .post-body{justify-content:center;padding:34px 40px;gap:12px}
.post-big h3{font-size:clamp(19px,1.6vw,25px);line-height:1.12;letter-spacing:-.02em;font-weight:900;text-transform:uppercase}
.post-big p{font-size:15px}
.blog-rubs{margin-top:20px}
.blog-cta{margin-top:36px}

/* ============================================================ КОНТАКТЫ: визитка на фото + три способа связи */
.cts{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 48px;align-items:stretch}
.cts-card{position:relative;overflow:hidden;min-height:480px;background:var(--dark)}
.cts-photo{position:absolute;inset:0}
.cts-photo img{width:100%;height:100%;object-fit:cover}
.cts-visit{position:absolute;left:24px;bottom:24px;display:flex;flex-direction:column;gap:8px;padding:22px 28px 22px;background:#fff;color:var(--ink);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);max-width:calc(100% - 48px)}
.cts-visit::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)}
.cts-visit-k{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.cts-phone{font-size:clamp(24px,2.2vw,34px);font-weight:900;letter-spacing:-.03em;line-height:1}
.cts-phone:hover{color:var(--red)}
.cts-hours{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink2)}
.cts-hours .ic{width:16px;height:16px;color:var(--red)}
.cts-ways{display:flex;flex-direction:column;justify-content:center;gap:4px}
.cts-ways .sh{margin-bottom:18px}
.cts-ways .sh-r{align-items:flex-start;text-align:left}
.cts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cts-list>li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px 18px;padding:20px 22px;background:var(--bg)}
.cts-n{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;font-size:14px;font-weight:900;color:var(--red);letter-spacing:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.cts-list b{display:block;font-size:16px;font-weight:800;margin-bottom:3px}
.cts-list span{font-size:13.5px;color:var(--ink2);line-height:1.45}
.cts-list a:not(.kb){text-decoration:underline;text-underline-offset:3px;font-weight:700}
.cts-list .kb-line{background:#fff}
.cts-list .kb-line:hover{background:var(--ink)}
.cts-li-form{grid-template-columns:42px minmax(0,1fr)!important;align-items:start!important;background:#fff!important;box-shadow:inset 0 0 0 1px var(--line)}
.cts-li-form .cts-n{background:var(--red);color:#fff}
.cts-form{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 10px;margin-top:8px}
.cts-form .fld span{font-size:10.5px}
.cts-form .fld input{min-height:48px}
.cts-form .kb{min-height:48px}
.cts-form .cts-agree,.cts-form .form-done{grid-column:1/-1;color:var(--mut)}
.cts-map{grid-column:1/-1;position:relative;height:380px;background:var(--bg)}
.cts-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.soc{display:flex;gap:6px}
.soc a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff;transition:background .2s}
.soc a:hover{background:var(--red)}
.soc-dark a{background:var(--bg);color:var(--ink)}
.soc .si{width:22px;height:22px}
.form-done{padding:12px 14px;background:var(--ok);color:#fff!important;font-weight:700}

/* ============================================================ ПОДВАЛ */
.ftr{background:var(--dark);color:#b9babf;font-size:14px}
.ftr-cta{background:var(--red);color:#fff}
.ftr-cta-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:34px;padding-bottom:34px;flex-wrap:wrap}
.ftr-cta-t{display:flex;flex-direction:column;gap:4px}
.ftr-cta-t b{font-size:clamp(20px,1.9vw,28px);font-weight:900;text-transform:uppercase;letter-spacing:-.025em;line-height:1}
.ftr-cta-t span{color:#ffe0db}
.ftr-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:36px;padding-top:60px}
.ftr-logo img{height:36px;width:auto}
.ftr-brand{display:flex;flex-direction:column;gap:18px}
.ftr-brand p{line-height:1.6;max-width:320px}
.ftr-col{display:flex;flex-direction:column;gap:9px}
.ftr-col b{color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;padding-bottom:10px;border-bottom:1px solid var(--red);align-self:flex-start}
.ftr-col a:hover{color:#fff}
.ftr-phone{font-size:22px;font-weight:900;color:#fff;letter-spacing:-.01em}
.ftr-contacts .kb{align-self:flex-start;margin-top:8px}
.ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:22px;padding-bottom:26px;border-top:1px solid var(--dline);font-size:12.5px;color:#86878c}
.ftr-links{display:flex;gap:18px}
.ftr-links a:hover{color:#fff}

/* ============================================================ ОКНО ЗАЯВКИ */
.mdl{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px}
.mdl-shade{position:absolute;inset:0;background:rgba(14,14,16,.7);animation:fade .2s}
.mdl-box{position:relative;width:min(960px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:grid;grid-template-columns:360px minmax(0,1fr);overflow:hidden;background:#fff;box-shadow:var(--sh2);animation:pop .32s var(--ease)}
.mdl-vis{position:relative;overflow:hidden;background:var(--dark)}
.mdl-vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right top}
.mdl-vis::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,14,16,.95) 0%,rgba(14,14,16,.4) 55%,rgba(14,14,16,.05) 100%)}
.mdl-vis-txt{position:absolute;left:26px;right:26px;bottom:26px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;color:#fff}
.mdl-tag{padding:5px 12px 5px 10px;background:var(--red);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);padding-right:18px}
.mdl-tag:empty{display:none}
.mdl-pros{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mdl-pros li{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;line-height:1.35}
.mdl-pros li::before{content:"";flex:none;width:8px;height:8px;margin-top:5px;background:var(--red);transform:rotate(45deg)}
.mdl-main{max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);overflow-y:auto;padding:36px 36px 28px}
.mdl-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mdl-qs{display:flex;flex-direction:column;gap:14px}
.mdl-qs:empty{display:none}
.mq{display:flex;flex-direction:column;gap:8px}
.mq-l{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.mdl-x{position:absolute;right:0;top:0;z-index:3;width:48px;height:48px;border:0;background:var(--bg);color:var(--ink);display:flex;align-items:center;justify-content:center}
.mdl-x:hover{background:var(--red);color:#fff}
.mdl-form{display:flex;flex-direction:column;gap:14px}
.mdl-t{font-size:28px;font-weight:900;line-height:1.05;padding-right:44px;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}
.mdl-sub{color:var(--mut);font-size:15px;margin-top:-2px}
.mdl-item{padding:10px 14px;background:var(--bg);font-weight:800;font-size:14px;border-left:2px solid var(--red)}
.fld{display:flex;flex-direction:column;gap:6px}
.fld span{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.fld input,.fld textarea,.fld select{width:100%;min-height:50px;padding:14px 16px;border:1px solid var(--line);background:#fff;outline:0;font-weight:600;transition:border-color .2s}
.fld input:focus,.fld textarea:focus{border-color:var(--ink)}
.fld.is-err input{border-color:var(--err)}
.mdl-ch{display:flex;flex-wrap:wrap;gap:6px}
.mdl-ch label{cursor:pointer}
.mdl-ch input{position:absolute;opacity:0;pointer-events:none}
.mdl-ch span{display:inline-block;padding:9px 14px;box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;font-weight:700;color:var(--ink2);transition:background .2s,color .2s,box-shadow .2s}
.mdl-ch label:hover span{box-shadow:inset 0 0 0 1px var(--ink)}
.mdl-ch input:checked+span{background:var(--ink);color:#fff;box-shadow:none}
.mdl-ch input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--mut);line-height:1.4;cursor:pointer}
.agree input{margin-top:1px;width:18px;height:18px;accent-color:var(--red);flex:none}
.agree a{text-decoration:underline}
.agree-light{color:#a9aab0}
.mdl-done{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;min-height:100%;padding:24px 0}
.mdl-ok{width:72px;height:72px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.mdl-ok .ic{width:34px;height:34px;stroke-width:3}
.mdl-done h2{font-size:28px;text-transform:uppercase;font-weight:900}
.mdl-done p{color:var(--mut)}
body.mdl-open{overflow:hidden}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.toast{position:fixed;left:50%;bottom:24px;z-index:130;transform:translate(-50%,20px);display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--ink);color:#fff;border-left:2px solid var(--red);box-shadow:var(--sh2);opacity:0;transition:.3s;max-width:calc(100vw - 32px)}
.toast.is-on{opacity:1;transform:translate(-50%,0)}
.toast .ic{color:var(--red)}
.vmdl{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:56px 16px 16px}
.vmdl-shade{position:absolute;inset:0;background:rgba(10,10,12,.9);animation:fade .2s}
.vmdl-box{position:relative;width:min(1100px,100%);animation:pop .3s var(--ease)}
.vmdl-frame{aspect-ratio:16/9;overflow:hidden;background:#000}
.vmdl-frame iframe{width:100%;height:100%;border:0;display:block}
.vmdl-x{position:absolute;right:0;top:-52px;width:46px;height:46px;border:0;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center}

/* ============================================================ ПРОСМОТР ФОТО */
.lb{position:fixed;inset:0;z-index:140;display:block;padding:0;background:rgba(10,10,12,var(--lb-bg,.94));opacity:0;transition:opacity .25s,background-color .2s}
.lb.is-on{opacity:1}
.lb.is-drop{transition:opacity .26s ease-in}
.lb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;touch-action:pinch-zoom}
.lb button{position:absolute;z-index:2;width:52px;height:52px;border:0;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center}
.lb button:hover{background:var(--red)}
.lb-x{right:0;top:0}
.lb-prev{left:12px;top:50%;margin-top:-26px}
.lb-next{right:12px;top:50%;margin-top:-26px}
.lb-n{position:absolute;z-index:2;bottom:16px;left:50%;transform:translateX(-50%);color:#bdbec3;font-size:13px;font-weight:800;letter-spacing:.1em}
.lb-stage{position:absolute;inset:0;overflow:hidden;touch-action:pinch-zoom;cursor:grab;user-select:none}
.lb-stage:active{cursor:grabbing}
.lb-track{display:flex;height:100%;will-change:transform}
.lb-slide{flex:0 0 100%;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;padding:40px 76px}
.lb-slide img{-webkit-user-drag:none}

/* ============================================================ ВНУТРЕННИЕ СТРАНИЦЫ */
.pagehead{padding:30px 0 10px}
.pagehead-tight{padding:18px 0 0}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin-bottom:16px}
.crumbs a:hover{color:var(--red)}
.crumbs>span[aria-hidden]{color:var(--red)}
.page-t{font-size:clamp(24px,2.1vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.08;text-transform:uppercase;text-wrap:balance}
.page-lead{margin-top:14px;color:var(--ink2);font-size:17px;max-width:760px}
.pagehead .chips{margin:24px 0 0}
.cat-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px;align-items:start}
.cat-layout .kgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.listing-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--ink)}
.listing-n{font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.sorts{display:flex;gap:2px;flex-wrap:wrap}
.sorts a{white-space:nowrap;padding:8px 12px;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.sorts a:hover{color:var(--ink)}
.sorts a.is-on{background:var(--ink);color:#fff}
.pager{display:flex;gap:4px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.pager a{min-width:46px;height:46px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--line);font-weight:800}
.pager a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.pager a.is-on{background:var(--red);color:#fff;box-shadow:none}
.empty{padding:40px;background:var(--bg);display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.cta-strip{position:relative;overflow:hidden;margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;background:var(--dark);color:#fff;flex-wrap:wrap}
.cta-strip::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)}
.cta-strip b{display:block;font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}
.cta-strip span{color:#b9babf}
.seo-text{max-width:960px}
.sec-page{padding:30px 0 80px}
.pg{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:52px;align-items:start}
.pg-main{min-width:0}
.pg-head{margin-bottom:30px}
.pg .page-body>.b-text,.pg .page-body>.b-h{max-width:820px}
.pg-side{position:sticky;top:calc(var(--hdr) + 20px);display:flex;flex-direction:column;gap:14px}
.pg-cta{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:26px;background:var(--dark);color:#fff}
.pg-cta::after{content:"";position:absolute;right:0;top:0;width:56px;height:56px;background:var(--red);clip-path:polygon(0 0,100% 0,100% 100%)}
.pg-cta b{position:relative;font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;padding-right:40px}
.pg-cta>span{font-size:14px;color:#b9babf;margin-bottom:6px}
.pg-contact{display:flex;flex-direction:column;gap:4px;padding:22px;box-shadow:inset 0 0 0 1px var(--line)}
.pg-phone{font-size:23px;font-weight:900;letter-spacing:-.02em}
.pg-contact>span{font-size:13px;color:var(--mut)}
.pg-msg{margin-top:10px}
.pg-nav{display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px var(--line)}
.pg-nav b{padding:14px 18px 10px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.pg-nav a{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-top:1px solid var(--line2);font-size:14.5px;font-weight:600;color:var(--ink2);transition:background .15s,color .15s}
.pg-nav a .ic{width:15px;height:15px;color:var(--red);opacity:0;transform:translateX(-4px);transition:.2s}
.pg-nav a:hover{background:var(--bg);color:var(--ink)}
.pg-nav a:hover .ic{opacity:1;transform:none}
.pg-nav a.is-on{background:var(--ink);color:#fff;font-weight:800}
.pg-nav a.is-on .ic{opacity:1;transform:none}
.pg-toc{max-height:calc(100vh - var(--hdr) - 60px);max-height:calc(100dvh - var(--hdr) - 60px);overflow-y:auto;scrollbar-width:thin}
.pg-toc a{font-size:14px;line-height:1.35;padding:9px 18px}
.pg-toc a.is-on{color:var(--red);background:var(--red-t)}
.pg-toc a.toc-sub{padding-left:30px;font-size:13px}
.page-hero{overflow:hidden;margin-bottom:30px}
.page-body{display:flex;flex-direction:column;gap:28px}
.page-body>.b-h{margin-top:16px}
.stub{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:56px 28px;background:var(--bg)}
.stub-ic{width:64px;height:64px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center}
.stub p{color:var(--mut);max-width:560px}
.stub-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.nf{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:40px 0}
.nf-code{font-size:clamp(120px,16vw,220px);font-weight:900;line-height:.9;letter-spacing:-.06em;color:var(--red)}
.nf p{color:var(--mut)}
.search-big{display:flex;gap:0;margin-top:22px;max-width:680px}
.search-big input{flex:1;min-height:58px;padding:0 18px;border:1px solid var(--ink);border-right:0;background:#fff;outline:0;font-weight:600}
.search-big .kb{min-height:58px;clip-path:none}
.promos-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.promo{display:flex;flex-direction:column;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.promo-img{aspect-ratio:3/2;overflow:hidden;background:var(--bg)}
.promo-img img{width:100%;height:100%;object-fit:cover}
.promo-ph{display:flex;align-items:center;justify-content:center;height:100%;color:var(--red)}
.promo-t{padding:16px 18px;font-weight:800}

/* ============================================================ ФИЛЬТР КАТАЛОГА */
.flt-side{position:sticky;top:calc(var(--hdr) + 16px);min-width:0}
.flt-form{display:flex;flex-direction:column;background:#fff;box-shadow:inset 0 0 0 1px var(--line);max-height:calc(100vh - var(--hdr) - 32px);max-height:calc(100dvh - var(--hdr) - 32px)}
.flt-head{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--ink);color:#fff}
.flt-head b{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-right:auto}
.flt-head b em,.flt-g summary em,.flt-open em{font-style:normal;min-width:20px;height:20px;padding:0 6px;background:var(--red);color:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}
.flt-reset{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#ff9c90}
.flt-reset:hover{color:#fff}
.flt-x{display:none;width:36px;height:36px;border:0;background:var(--red);color:#fff;align-items:center;justify-content:center;cursor:pointer}
.flt-x .ic{width:16px;height:16px}
.flt-body{padding:0 20px 6px;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain;flex:1;min-height:0}
.flt-g{border-bottom:1px solid var(--line2)}
.flt-g:last-of-type{border-bottom:0}
.flt-g summary{display:flex;align-items:center;gap:8px;padding:16px 0;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;list-style:none;user-select:none}
.flt-g summary::-webkit-details-marker{display:none}
.flt-g summary .ic{margin-left:auto;width:14px;height:14px;color:var(--mut);transition:transform .2s}
.flt-g[open] summary .ic{transform:rotate(180deg)}
.flt-vals{padding:0 0 16px}
.flt-v{position:relative;cursor:pointer;font-size:14px;color:var(--ink2);transition:color .15s,background .15s,box-shadow .15s}
.flt-v input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.flt-v small{color:var(--mut);font-size:12px;font-variant-numeric:tabular-nums}
.flt-v.is-zero{opacity:.38;cursor:default}
.flt-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flt-list{display:flex;flex-direction:column}
.flt-list .flt-v{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0}
.flt-list .flt-v:not(.is-zero):hover{color:var(--ink)}
.flt-box{width:20px;height:20px;box-shadow:inset 0 0 0 1px #c9c4bc;display:flex;align-items:center;justify-content:center;background:#fff;transition:background .15s,box-shadow .15s}
.flt-box .ic{width:12px;height:12px;color:#fff;opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s;stroke-width:3}
.flt-list .flt-v:not(.is-zero):hover .flt-box{box-shadow:inset 0 0 0 1px var(--ink)}
.flt-v.is-on .flt-box{background:var(--red);box-shadow:none}
.flt-v.is-on .flt-box .ic{opacity:1;transform:none}
.flt-v.is-on{color:var(--ink);font-weight:700}
.flt-v input:focus-visible ~ .flt-box,.flt-v input:focus-visible ~ .sw{outline:2px solid var(--red);outline-offset:2px}
.flt-list .is-extra{display:none}
.flt-list.is-all .is-extra{display:grid}
.flt-more{align-self:flex-start;margin-top:6px;padding:4px 0;border:0;background:none;font:inherit;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--red);cursor:pointer}
.flt-sw{display:flex;flex-direction:column;gap:2px;max-height:264px;overflow-y:auto;margin-right:-8px;padding-right:8px;scrollbar-width:thin;overscroll-behavior:contain}
.flt-sw .flt-v{display:flex;align-items:center;gap:10px;padding:6px 8px;font-size:14px;flex:none}
.flt-sw .flt-v .sw{width:18px;height:18px}
.flt-sw .flt-v small{margin-left:auto}
.flt-sw .flt-v:not(.is-zero):hover{background:var(--bg);color:var(--ink)}
.flt-sw .flt-v.is-on{background:var(--red-t);box-shadow:inset 2px 0 0 var(--red)}
.flt-chips{display:flex;flex-wrap:wrap;gap:6px}
.flt-chips .flt-v{padding:7px 11px;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;font-weight:700;line-height:1.2}
.flt-chips .flt-v:not(.is-zero):hover{box-shadow:inset 0 0 0 1px var(--ink)}
.flt-chips .flt-v.is-on{background:var(--ink);color:#fff;box-shadow:none}
.flt-price{padding:0 0 18px}
.flt-price-in{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.flt-price-in label{position:relative;display:block}
.flt-price-in span{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--mut);pointer-events:none}
.flt-price-in input{width:100%;height:44px;padding:0 10px 0 30px;border:1px solid var(--line);background:#fff;font:inherit;font-size:14px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.flt-price-in input:focus{outline:0;border-color:var(--ink)}
.flt-slider{position:relative;height:24px;margin:14px 9px 0}
.flt-slider::before,.flt-slider i{content:"";position:absolute;top:10px;height:4px}
.flt-slider::before{left:0;right:0;background:var(--line2)}
.flt-slider i{left:0;right:0;background:var(--red)}
.flt-slider input{position:absolute;left:-9px;right:-9px;top:0;width:calc(100% + 18px);height:24px;margin:0;background:none;-webkit-appearance:none;appearance:none;pointer-events:none}
.flt-slider input::-webkit-slider-runnable-track{background:none;border:0}
.flt-slider input::-moz-range-track{background:none;border:0}
.flt-slider input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:22px;background:var(--ink);box-shadow:0 0 0 2px #fff;cursor:grab;pointer-events:auto}
.flt-slider input::-moz-range-thumb{width:16px;height:20px;border:0;background:var(--ink);cursor:grab;pointer-events:auto}
.flt-foot{display:none}
.flt-shade{display:none}
.flt-side.is-busy .flt-form{cursor:progress}
.listing.is-busy .kgrid{opacity:.45;transition:opacity .2s}
.flt-open{display:none}
.flt-on{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 18px}
.flt-on a{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:700}
.flt-on a .ic{width:11px;height:11px;color:var(--red)}
.flt-on a:hover{background:var(--red)}
.flt-on a:hover .ic{color:#fff}
.flt-on a.flt-on-all{background:none;color:var(--red);padding:7px 4px;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.05em}
.flt-on a.flt-on-all:hover{color:var(--ink)}

/* ============================================================ КАРТОЧКА КУХНИ (страница): светлый ценник, миниатюры слева */
.pd-top{padding:22px 0 18px}
.pd-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.pd-title>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pd-note{padding:4px 18px 4px 10px;background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.pd-t{font-size:clamp(26px,2.4vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.05;text-transform:uppercase}
.pd-styles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pd-styles li{padding:6px 12px;box-shadow:inset 0 0 0 1px var(--line);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}
.sec-prod{padding-bottom:28px}
.pd{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;align-items:start}
.gal{min-width:0}
.pd-gal.has-thumbs{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px}
.gal-main{position:relative;overflow:hidden;aspect-ratio:3/2;background:var(--bg)}
.gal-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.gal-track::-webkit-scrollbar{display:none}
.gal-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
.gal-slide img{width:100%;height:100%;object-fit:contain}
.gal-slide:first-child img{object-fit:cover}
.gal-nav{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;border:0;background:rgba(255,255,255,.92);color:var(--ink);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.gal-nav:hover{background:var(--red);color:#fff}
.gal-prev{left:0}.gal-next{right:0}
.gal-count{position:absolute;left:0;bottom:0;padding:7px 12px;background:#fff;color:var(--ink);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.pd-disc{position:absolute;right:0;top:0;width:96px;height:96px;background:var(--red);clip-path:polygon(0 0,100% 0,100% 100%);color:#fff;font-size:18px;font-weight:900;display:flex;justify-content:flex-end;padding:14px 12px 0 0;pointer-events:none}
.gal-thumbs{display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:none;max-height:100%}
.pd-gal.has-thumbs .gal-thumbs{aspect-ratio:auto}
.gal-thumbs button{position:relative;flex:none;width:100%;aspect-ratio:3/2;padding:0;border:0;overflow:hidden;background:none;opacity:.55;transition:opacity .2s}
.gal-thumbs button::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transition:transform .3s var(--ease)}
.gal-thumbs button.is-on,.gal-thumbs button:hover{opacity:1}
.gal-thumbs button.is-on::after{transform:scaleY(1)}
.gal-thumbs img{width:100%;height:100%;object-fit:cover}
.pd-buy{position:sticky;top:calc(var(--hdr) + 16px);display:flex;flex-direction:column;gap:12px}
.pd-price{position:relative;display:flex;flex-direction:column;gap:6px;padding:24px 24px 22px 28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),inset 2px 0 0 var(--red);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
.pd-hole{position:absolute;right:34px;top:14px;width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--line)}
.pd-price-k{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.pd-price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
.pd-price-row b{font-size:clamp(28px,2.4vw,36px);font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--red)}
.pd-price-row s{font-size:16px;font-weight:600;color:var(--mut)}
.pd-save{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:4px 10px;background:var(--red-t);font-size:12.5px;font-weight:800;color:var(--red2)}
.pd-save .ic{width:15px;height:15px}
.pd-price p{font-size:13px;color:var(--mut);line-height:1.5}
.pd-btns{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.pd-key{margin:0;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}
.pd-key div{display:flex;flex-direction:column;gap:2px;padding:11px 14px;box-shadow:inset -1px -1px 0 #fff}
.pd-key dt{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.pd-key dd{margin:0;font-weight:700;font-size:14px}
.pd-promos{display:flex;flex-direction:column;gap:2px;padding:14px 0 0}
.pd-promos>b{font-size:12.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.pd-promos>span{font-size:12px;color:var(--mut);margin-bottom:8px}
.pd-promo-list{display:flex;flex-wrap:wrap;gap:6px}
.pd-promo-list a{display:inline-flex;align-items:center;gap:8px;padding:0 10px 0 0;box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;font-weight:700;transition:box-shadow .2s}
.pd-promo-list em{font-style:normal;padding:6px 8px;background:var(--red);color:#fff;font-weight:900;font-size:12px}
.pd-promo-list a:hover{box-shadow:inset 0 0 0 1px var(--red);color:var(--red)}
.pd-video{display:flex;align-items:center;gap:14px;padding:12px 14px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-align:left}
.pd-video>.ic{width:44px;height:44px;padding:12px;background:var(--red);color:#fff;fill:currentColor;stroke:none}
.pd-video b{display:block}
.pd-video span span{font-size:13px;color:var(--mut)}
.pd-perks{padding:0 0 10px}
.pd-perks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:inset 0 0 0 1px var(--line)}
.pd-perks li{display:flex;align-items:baseline;gap:12px;padding:16px 20px}
.pd-perks li+li{box-shadow:inset 1px 0 0 var(--line)}
.pd-perks b{font-size:22px;font-weight:900;letter-spacing:-.02em;color:var(--red);white-space:nowrap}
.pd-perks span{font-size:12.5px;color:var(--ink2);line-height:1.35}
.pd-more{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px;align-items:start}
.pd-h{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:clamp(18px,1.5vw,22px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em}
.pd-h::before{content:"";width:10px;height:10px;background:var(--red);transform:rotate(45deg)}
.pd-descr .rich h2,.pd-descr .rich h3{text-transform:uppercase;font-size:15px;letter-spacing:.03em;margin-top:24px}
.pd-descr .rich ul{list-style:none;padding:0;display:grid;gap:0}
.pd-descr .rich ul li{position:relative;padding:9px 0 9px 20px;margin:0;border-bottom:1px dashed var(--line)}
.pd-descr .rich ul li::before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;background:var(--red);transform:rotate(45deg)}
.specs{padding:22px 24px;background:var(--bg)}
.specs h3{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:18px 0 4px}
.specs .sp-grp:first-of-type h3{margin-top:0}
.specs dl{margin:0;display:flex;flex-direction:column}
.specs dl div{display:flex;align-items:baseline;gap:10px;padding:8px 0;font-size:14px}
.specs dt{display:flex;align-items:baseline;gap:8px;flex:1;color:var(--mut)}
.specs dt::after{content:"";flex:1;min-width:14px;border-bottom:1px dotted #cfcac2}
.specs dd{margin:0;text-align:right;font-weight:700;max-width:60%}
.pd-inc{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:32px;padding:28px 30px;box-shadow:inset 0 0 0 1px var(--line)}
.pd-inc-t{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pd-inc-t b{font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}
.pd-inc-t span{color:var(--mut);margin-bottom:8px;font-size:14px}
.pd-inc ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;align-content:center}
.pd-inc li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}
.pd-inc .ic{width:20px;height:20px;padding:3px;background:var(--red);color:#fff;stroke-width:3}

/* ============================================================ ТЕКСТ И БЛОКИ СТРАНИЦ */
.rich{font-size:15px;line-height:1.7;color:var(--ink2)}
.rich>*+*{margin-top:14px}
.rich h2{font-size:21px;color:var(--ink);margin-top:28px}
.rich h3{font-size:18px;color:var(--ink);margin-top:22px}
.rich a{color:var(--red);text-decoration:underline;text-underline-offset:3px;font-weight:700}
.rich ul,.rich ol{padding-left:22px}
.rich li+li{margin-top:6px}
.rich b{color:var(--ink)}
.b-h{position:relative;font-size:clamp(19px,1.6vw,25px);font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em;margin-top:12px;padding-left:20px}
.b-h::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:3px;background:var(--red)}
.b-h3{font-size:17px;font-weight:800}
.b-img{margin:0;overflow:hidden}
.b-imgs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.b-media{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.b-media.rev .b-media-img{order:2}
.b-media-img{overflow:hidden;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}
.b-media-text h2{font-size:clamp(22px,2vw,30px);text-transform:uppercase;font-weight:900;letter-spacing:-.02em;color:var(--ink)}
.b-cards{list-style:none;margin:0;padding:0;display:grid;gap:0;box-shadow:inset 1px 1px 0 var(--line)}
.b-cards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.b-cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.b-cards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.b-cards li{position:relative;padding:26px 24px;background:#fff;box-shadow:inset -1px -1px 0 var(--line);display:flex;flex-direction:column;gap:8px;transition:background .2s}
.b-cards li::before{content:"";width:22px;height:4px;background:var(--red);margin-bottom:6px}
.b-cards li.has-ic::before{display:none}
.b-cards li:hover{background:var(--bg)}
.b-cards h3{font-size:17px;font-weight:800}
.b-cards p{color:var(--mut);font-size:14.5px}
.b-ico{width:46px;height:46px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}
.b-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;background:var(--dark);color:#fff}
.b-stats li{padding:24px 24px 22px;display:flex;flex-direction:column;gap:4px}
.b-stats li+li{border-left:1px solid var(--dline)}
.b-stats b{font-size:34px;font-weight:900;letter-spacing:-.03em;color:var(--red);line-height:1.05}
.b-stats span{color:#b9babf;font-size:14px}
.b-cta{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:0;align-items:stretch;background:var(--dark);color:#fff;overflow:hidden}
.b-cta-txt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:40px}
.b-cta-txt h2{font-size:clamp(24px,2.3vw,34px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}
.b-cta-txt p{color:#b9babf}
.b-btns{display:flex;gap:10px;flex-wrap:wrap}
.b-cta .kb-ghost{background:transparent;color:#fff;--bc:#4a4b50}
.b-cta .kb-ghost:hover{background:#fff;color:var(--ink)}
.b-cta-img{width:100%;height:100%;min-height:280px;object-fit:cover;clip-path:polygon(70px 0,100% 0,100% 100%,0 100%)}
.b-faq{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.b-faq details{border-bottom:1px solid var(--line)}
.b-faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 2px;font-weight:700;font-size:16px;cursor:pointer;list-style:none}
.b-faq summary::-webkit-details-marker{display:none}
.b-faq summary .ic{width:18px;height:18px;color:var(--red);transition:transform .25s}
.b-faq details[open] summary .ic{transform:rotate(180deg)}
.b-faq .rich{padding:0 2px 20px}
.b-steps{list-style:none;margin:0;padding:0;counter-reset:bs;display:grid;gap:0;border-top:1px solid var(--ink)}
.b-steps li{counter-increment:bs;position:relative;padding:20px 20px 20px 76px;border-bottom:1px solid var(--line)}
.b-steps li::before{content:counter(bs,decimal-leading-zero);position:absolute;left:0;top:16px;font-size:32px;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--red)}
.b-steps b{font-size:17px;font-weight:800}
.b-steps p{color:var(--mut);margin-top:4px}
.b-tiles,.b-team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.b-tiles li a,.b-tiles li>span,.b-team li{display:flex;flex-direction:column;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.b-tile-img{width:100%;aspect-ratio:2/1;object-fit:cover}
.b-tile-txt{padding:16px;display:flex;flex-direction:column;gap:4px}
.b-tile-txt em{font-style:normal;color:var(--red);font-weight:800;display:flex;align-items:center;gap:4px;font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.b-team li{padding:0 0 16px}
.b-team li>b,.b-team li>span,.b-team li>p{padding:0 16px}
.b-promos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.b-promo{background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.b-promo-img{display:block;aspect-ratio:16/9;overflow:hidden}
.b-promo-img img{width:100%;height:100%;object-fit:cover}
.b-promo-txt{padding:18px;display:flex;flex-direction:column;gap:8px}
.b-promo-tag{align-self:flex-start;padding:4px 10px;background:var(--red);color:#fff;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.b-promo-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}
.b-promo-term{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mut)}
.b-promo-term .ic{width:15px;height:15px;color:var(--red)}
.b-tip,.b-note{display:flex;gap:16px;padding:20px 22px;background:var(--red-t);border-left:2px solid var(--red)}
.b-tip>.ic,.b-note>.ic{width:22px;height:22px;color:var(--red);margin-top:2px}
.b-tip-h{display:block;margin-bottom:6px;font-weight:800}
.b-note .rich,.b-tip .rich{color:var(--ink)}
.b-more{margin-top:18px}
.req-box{padding:24px;box-shadow:inset 0 0 0 1px var(--line);background:#fff}
.req-box ul{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-weight:600}
.req-box li::before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;background:var(--red);vertical-align:middle;transform:rotate(45deg)}
.ttbl{width:100%;border-collapse:collapse;font-size:15px}
.ttbl th,.ttbl td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left}
.ttbl th{background:var(--ink);color:#fff;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.b-tabs{display:flex;flex-direction:column;gap:0}
.b-tabs-nav{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid var(--ink)}
.b-tab{padding:13px 20px;border:0;background:none;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);transition:background .2s,color .2s}
.b-tab:hover{background:var(--bg)}
.b-tab.is-on{background:var(--ink);color:#fff}
.b-tab-pane{padding:28px 30px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);animation:fade .3s}
.b-tab-pane h3{margin-top:22px}
.b-tab-pane h3:first-child{margin-top:0}
.b-goods{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.b-goods.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.b-goods.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.b-goods.c5{grid-template-columns:repeat(5,minmax(0,1fr))}.b-goods.c6{grid-template-columns:repeat(6,minmax(0,1fr))}
.b-goods li{display:flex;flex-direction:column;gap:4px;padding:0 0 14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.b-good-img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--bg);margin-bottom:8px}
.b-good-img img{width:100%;height:100%;object-fit:cover}
.b-goods b{padding:0 14px;font-size:15px}
.b-goods li>span{padding:0 14px;font-size:13px;color:var(--mut)}
.b-swatches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.b-swatches li{display:flex;flex-direction:column;gap:8px;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.b-swatches img,.b-swatches .ph{width:100%;aspect-ratio:1;object-fit:cover}
.b-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.b-gallery a{aspect-ratio:4/3;overflow:hidden;background:var(--bg)}
.b-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.b-gallery a:hover img{transform:scale(1.04)}
.b-embed{display:flex;flex-direction:column;gap:10px}
.b-embed iframe{width:100%;height:720px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.b-embed-note{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--red-t);font-size:14px;font-weight:600}
.b-embed-note .ic{width:18px;height:18px;color:var(--red)}
.b-map{margin:0;display:flex;flex-direction:column;gap:8px}
.b-map iframe{width:100%;height:380px;border:0;background:var(--bg)}
.b-map figcaption{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}
.b-map figcaption .ic{width:16px;height:16px;color:var(--red)}
.b-form{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start;padding:34px;background:var(--bg);border-top:2px solid var(--red)}
.b-form-txt{display:flex;flex-direction:column;gap:10px}
.b-form-txt h2{font-size:clamp(22px,2vw,30px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}
.b-form-txt p{color:var(--ink2)}
.b-form-f{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.b-form-wide{grid-column:1/-1}
.b-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.b-checks li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line2);font-size:15.5px;line-height:1.45}
.b-checks .ic{width:20px;height:20px;flex:none;margin-top:1px;padding:3px;background:var(--red);color:#fff;stroke-width:3}
.b-code{background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.b-code-head{padding:22px 26px;border-bottom:1px solid var(--ink)}
.b-code-head h2{font-size:clamp(20px,1.8vw,26px);font-weight:900;text-transform:uppercase}
.b-code-head p{margin-top:6px;color:var(--mut);font-size:15px}
.b-code-body{min-height:120px}
.b-code-body iframe{display:block;width:100%;border:0}
.b-sec{margin:8px 0;padding:clamp(22px,3vw,44px)}
.b-sec-in{display:flex;flex-direction:column;gap:22px}
.b-sec-white{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.b-sec-light{background:var(--bg)}
.b-sec-dark{background:var(--dark);color:#e9e9eb}
.b-sec-dark .b-h,.b-sec-dark .b-h3,.b-sec-dark h2,.b-sec-dark h3,.b-sec-dark .rich,.b-sec-dark .rich b{color:#fff}
.b-sec-dark .rich{color:#cfd0d4}
.b-sec-accent{background:var(--red);color:#fff}
.b-sec-accent .rich,.b-sec-accent .rich b,.b-sec-accent .b-h{color:#fff}
.b-sec-accent .b-h::before{background:#fff}
.b-sec>.b-sec-in>.b-h:first-child{margin-top:0}
.b-cols{display:grid;gap:clamp(18px,2.4vw,36px);align-items:start}
.b-cols.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.b-cols.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.b-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.b-col-img{margin:0;overflow:hidden}
.b-col-img img{width:100%;height:auto;display:block}

/* ============================================================ БЛОГ: шапка с вкладками рубрик, журнальная сетка */
.bl-head{padding:24px 0 0;border-bottom:1px solid var(--line)}
.bl-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.bl-count{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:700;color:var(--mut)}
.bl-count b{font-size:40px;font-weight:900;letter-spacing:-.04em;color:var(--red);line-height:1}
.bl-tabs{display:flex;gap:4px;margin-top:22px;overflow-x:auto;scrollbar-width:none}
.bl-tabs::-webkit-scrollbar{display:none}
.bl-tabs a{position:relative;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);white-space:nowrap}
.bl-tabs a small{font-size:11px;color:var(--mut);letter-spacing:0}
.bl-tabs a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--red);transform:scaleX(0);transition:transform .25s var(--ease)}
.bl-tabs a:hover::after{transform:scaleX(.4)}
.bl-tabs a.is-on{color:var(--ink)}
.bl-tabs a.is-on::after{transform:scaleX(1)}
.posts-feature{grid-template-columns:repeat(3,minmax(0,1fr))}
.posts-feature .post-big{grid-column:1/3;grid-row:1/3;display:block;margin:0;min-height:520px;overflow:hidden;background:var(--dark)}
.posts-feature .post-big .post-img{position:absolute;inset:0;aspect-ratio:auto;min-height:0;clip-path:none}
.posts-feature .post-big .post-body{position:absolute;left:24px;bottom:24px;max-width:min(560px,calc(100% - 48px));padding:24px 26px;background:#fff;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.posts-feature .post-big .post-date{left:24px;top:24px}

/* ============================================================ СТАТЬЯ: фото во всю ширину, карточка заголовка, рельс содержания слева */
.ah{position:relative;overflow:hidden;background:var(--bg);isolation:isolate}
.ah-img{position:absolute;inset:0;z-index:-1}
.ah-img img{width:100%;height:100%;object-fit:cover}
.ah-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,22,.55) 0%,rgba(20,20,22,0) 35%)}
.ah-in{display:flex;align-items:flex-end;min-height:400px;padding-top:40px;padding-bottom:48px}
.ah-noimg .ah-in{min-height:0;padding-top:24px}
.ah-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:min(760px,100%);padding:26px 32px 28px;background:#fff;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.ah-card .crumbs{margin-bottom:0}
.art-rub{display:inline-flex;align-items:center;padding:5px 18px 5px 10px;background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.art-rub:hover{background:var(--ink)}
.art-t{font-size:clamp(21px,1.9vw,30px);font-weight:900;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase;text-wrap:balance}
.art-lead{font-size:15px;line-height:1.6;color:var(--ink2)}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;color:var(--mut);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.art-meta li{display:inline-flex;align-items:center;gap:7px}
.art-meta .ic{width:15px;height:15px;color:var(--red)}
.sec-art{padding-top:40px}
.art{display:grid;grid-template-columns:250px minmax(0,760px);justify-content:center;gap:56px;align-items:start}
.art-solo{grid-template-columns:minmax(0,760px)}
.art-rail{position:sticky;top:calc(var(--hdr) + 20px);display:flex;flex-direction:column;gap:12px}
.art-toc{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.art-toc b{padding:12px 0 8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.art-toc a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px;padding:8px 0;border-bottom:1px solid var(--line2);font-size:13.5px;line-height:1.35;color:var(--ink2);transition:color .2s}
.art-toc a em{font-style:normal;font-size:11px;font-weight:900;color:#c9c4bc;padding-top:2px}
.art-toc a:hover,.art-toc a.is-on{color:var(--ink)}
.art-toc a.is-on em{color:var(--red)}
.art-toc a.toc-sub{padding-left:14px;font-size:12.5px}
.art-body{min-width:0}
.art-body .b-text+.b-text,.art-body>*+*{margin-top:22px}
.art-body .b-h{margin-top:40px}
.art-body>.b-h:first-child{margin-top:0}
.art-body .b-h3{font-size:17px;line-height:1.35;color:var(--ink);margin-top:26px}
.art-body .b-h3+.b-text,.art-body .b-h+.b-text{margin-top:12px}
.art-body .rich{font-size:15px;line-height:1.75}
.art-body .rich ul{list-style:none;padding-left:0}
.art-body .rich ul li{position:relative;padding-left:24px}
.art-body .rich ul li::before{content:"";position:absolute;left:3px;top:.68em;width:8px;height:8px;background:var(--red);transform:rotate(45deg)}
.art-body .rich ol li::marker{color:var(--red);font-weight:900}
.art-body .rich>p:first-child{font-size:16px;color:var(--ink)}
.art-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0;padding:22px 26px;background:var(--bg);border-left:2px solid var(--red)}
.art-cta div{display:flex;flex-direction:column;gap:4px}
.art-cta b{font-size:15px;font-weight:900;text-transform:uppercase}
.art-cta span{color:var(--ink2);font-size:14px}
.art-cta .kb{flex:none}
.art-author{display:flex;align-items:center;gap:16px;margin-top:40px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.art-author-ic{flex:none;width:48px;height:48px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.art-author-ic .ic{width:22px;height:22px}
.art-author p{display:flex;flex-direction:column;gap:2px;color:var(--mut);font-size:14px}
.art-author b{color:var(--ink);font-size:15px}
.art-end{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:26px 28px;background:var(--bg)}
.art-end>div:first-child{display:flex;flex-direction:column;gap:6px;max-width:420px}
.art-end b{font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}
.art-end span{color:var(--ink2);font-size:14px}
.art-end-btns{display:flex;flex-wrap:wrap;gap:8px}
.side-cta{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--bg)}

/* ============================================================ ИНФОСТРАНИЦЫ: полоса заголовка, расчёт внизу */
.ph-band{padding:24px 0 0;background:var(--bg)}
.ph-title{display:flex;flex-direction:column;gap:10px;padding-bottom:32px;max-width:860px}
.pg{display:block}
.pg .page-body>.b-text,.pg .page-body>.b-h,.pg .page-body>.b-h3{max-width:860px}
.pg-calc{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:44px;padding:24px 28px;background:var(--bg);flex-wrap:wrap;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.pg-calc-t{display:flex;flex-direction:column;gap:4px}
.pg-calc-t b{font-size:18px;font-weight:900;text-transform:uppercase}
.pg-calc-t span{font-size:14px;color:var(--ink2)}
.pg-calc-t a{font-weight:800;color:var(--ink)}
.pg-calc-b{display:flex;gap:8px;flex-wrap:wrap}

/* ============================================================ ГРАФИКА НА ЗАЛИВКАХ
   Правило: большая красная или графитовая заливка - всегда с тематической подложкой (эскиз кухни), не «голый» цвет */
.bc-budget,.ftr-cta,.b-sec-accent,.form-all{background:var(--red) url(/uploads/gen/sketch-red.webp) 85% 50%/cover no-repeat}
.bc-lead,.cta-strip,.pg-cta,.b-cta,.b-stats,.b-sec-dark{background:linear-gradient(rgba(20,20,22,.62),rgba(20,20,22,.62)),url(/uploads/gen/sketch-dark.webp) 80% 50%/cover no-repeat var(--dark)}
.ftr{background:linear-gradient(90deg,rgba(20,20,22,.97) 35%,rgba(20,20,22,.86)),url(/uploads/gen/sketch-dark.webp) 100% 100%/cover no-repeat var(--dark)}

/* ============================================================ COOKIE */
.ck{position:fixed;left:16px;bottom:16px;z-index:80;display:flex;align-items:center;gap:12px;max-width:360px;padding:10px 10px 10px 12px;background:var(--ink);color:#fff;font-size:13px;line-height:1.4;box-shadow:var(--sh2);opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}
.ck.is-on{opacity:1;transform:none}
.ck[hidden]{display:none}
.ck-mark{flex:none;width:12px;height:12px;background:var(--red);transform:rotate(45deg)}
.ck-t{margin:0;color:#d6d7da}
.ck-t a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.ck-ok{flex:none;height:34px;padding:0 16px;border:0;background:var(--red);color:#fff;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.ck-ok:hover{background:#fff;color:var(--ink)}

/* ============================================================ АНИМАЦИИ */
@keyframes fade{from{opacity:0}}
@keyframes pop{from{opacity:0;transform:translateY(16px)}}
@keyframes rvUp{from{opacity:0;transform:translateY(32px)}}
@keyframes heroIn{from{opacity:0;transform:translateY(20px)}}
@keyframes slideR{from{opacity:0;transform:translateX(-30px)}}
@media (prefers-reduced-motion:no-preference){
  .hero-body>*{animation:heroIn .8s var(--ease) both}
  .hero-body>:nth-child(2){animation-delay:.07s}.hero-body>:nth-child(3){animation-delay:.14s}.hero-body>:nth-child(4){animation-delay:.21s}
  .terms li{animation:heroIn .7s var(--ease) both}
  .terms li:nth-child(2){animation-delay:.08s}.terms li:nth-child(3){animation-delay:.16s}.terms li:nth-child(4){animation-delay:.24s}
  @supports (animation-timeline:view()){
    .sh,.forms,.pr-grid,.works-grid,.inc,.quiz-frame,.mat,.flow,.why-list,.ptn,.fct,.faq-grid,.posts,.cts,.vd-track,.rt,.jk-list,.calc-grid{animation:rvUp linear both;animation-timeline:view();animation-range:entry 0% entry 50%}
    .sh-n::after{animation:slideR linear both;animation-timeline:view();animation-range:entry 10% entry 60%}
  }
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ============================================================ АДАПТИВ */
@media (max-width:1700px){
  .hdr-tl{display:none}
}
@media (max-width:1500px){
  .nb-link{padding:0 8px;font-size:11.5px;letter-spacing:.04em}
  .nb-link::after{left:8px;right:8px}
  .nb-cat{margin-right:6px;padding-right:28px}
  .nb-zamer small{display:none}
  .nb-zamer{height:36px}
  .mega-in{grid-template-columns:minmax(0,1.05fr) repeat(3,minmax(0,1fr))}
  .mg-tag{display:none}
}
@media (max-width:1400px){
  :root{--gut:32px}
  .hdr-row{gap:18px}
  .hdr-search{max-width:400px}
  .nb-zamer>span:last-child{display:none}
  .nb-zamer{height:36px;padding:0 10px 0 2px}
  .hero-in{grid-template-columns:minmax(0,1fr) 430px}
  .hdr-msg-l{display:none}
  .hdr-cb>span:last-child{display:none}
  .hdr-cb{padding:0 4px}
  .hdr-search{max-width:340px}
  .cat-layout{grid-template-columns:264px minmax(0,1fr);gap:24px}
  .bc-res{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bc-lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px 28px}
  .bc-lead .bc-form{margin-top:0;padding-top:0;border-top:0;grid-row:span 2}
}
@media (max-width:1240px){
  .hdr-search{display:none}
  .hdr-contact{margin-left:auto}
  .nb-zamer>span:last-child{display:none}
  .nb-zamer{height:36px;padding:0 10px 0 2px}
  .nb-link{padding:0 7px;font-size:11px;letter-spacing:.03em}
  .nb-link::after{left:7px;right:7px}
  .nb-accent>.ic:first-child,.nb-burger{display:none}
  .nb-cat{padding:0 24px 0 14px;gap:8px;font-size:11.5px}
  .pr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pr-main{grid-column:span 3}
  .kgrid-4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .flow-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .why{grid-template-columns:minmax(0,1fr)}
  .why-pic{position:relative;top:auto;max-height:360px}
  .why-pic img{aspect-ratio:16/9}
  .route{grid-template-columns:repeat(2,minmax(0,1fr))}
  .route::before{display:none}
  .faq-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .faq-side{position:static}
  .posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ftr-brand{grid-column:1/-1}
  .pd{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}
  .pd-more{grid-template-columns:minmax(0,1fr)}
  .pd-perks ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd-perks li:nth-child(3){box-shadow:none}
  .pd-perks li:nth-child(n+3){border-top:1px solid var(--line)}
  .art{grid-template-columns:220px minmax(0,1fr);gap:36px}
  .posts-blog,.posts-feature{grid-template-columns:repeat(2,minmax(0,1fr))}
  .posts-feature .post-big{grid-column:1/-1;grid-row:auto;min-height:440px}
  .b-goods.c5,.b-goods.c6{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1100px){
  :root{--hdr:66px}
  .hdr-row{height:66px;gap:8px}
  .logo img{height:30px}
  .hdr-contact,.hdr-msg,.hdr-cb{display:none}
  .hdr-ic{display:inline-flex}
  .hdr-cta{min-height:46px;padding:0 14px;margin-left:auto;font-size:12px}
  .hdr-cta-x{display:none}
  .nbar{display:none}
  .sec{padding:60px 0}
  .sh{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:26px}
  .sh-r{align-items:flex-start;text-align:left}
  /* первый экран: фото сверху, текст и ценник ниже на светлом */
  .hero{background:var(--bg)}
  .hero::before{display:none}
  .hero::after{height:70px}
  .hero-bg{position:relative;inset:auto;aspect-ratio:16/9;z-index:0}
  .hero-in{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding-top:26px;padding-bottom:24px}
  .hq{justify-self:stretch;animation:none}
  .hq-plans{grid-template-columns:repeat(6,minmax(0,1fr))}
  .hq-plan{min-height:104px}
  .terms{grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;backdrop-filter:none}
  .terms li:nth-child(3){border-left:0}
  .terms li:nth-child(n+3){border-top:1px solid var(--line2)}
  .forms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kgrid,.cat-layout .kgrid,.kgrid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .kmore{grid-column:1/-1}
  .bc-top{grid-template-columns:minmax(0,1fr)}
  .bc-budget{clip-path:none}
  .bc-res{grid-template-columns:minmax(0,1fr)}
  .bc-lead{display:flex}
  .bc-lead .bc-form{border-top:1px solid var(--dline);padding-top:14px}
  .inc{grid-template-columns:minmax(0,1fr)}
  .flow-list{display:flex;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gut)*-1);padding:0 var(--gut)}
  .flow-list::-webkit-scrollbar{display:none}
  .flow-list li{flex:0 0 180px}
  .flow-card{grid-template-columns:minmax(0,1fr)}
  .flow-img{min-height:260px;clip-path:none}
  .route-head{grid-template-columns:minmax(0,1fr)}
  .ptn{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vd-track,.rv-track{grid-auto-columns:calc((100% - 16px)/2)}
  .rt{grid-template-columns:minmax(0,1fr)}
  .jk-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc-grid{grid-template-columns:minmax(0,1fr)}
  .cts{grid-template-columns:minmax(0,1fr)}
  .cts-card{min-height:380px}
  .cat-layout{grid-template-columns:minmax(0,1fr)}
  .flt-side{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:93;transform:translateY(100%);visibility:hidden;transition:transform .34s var(--ease),visibility .34s}
  body.is-flt{overflow:hidden}
  body.is-flt .flt-side{transform:none;visibility:visible}
  .flt-form{max-height:88vh;max-height:88dvh;box-shadow:0 -20px 50px -20px rgba(0,0,0,.4)}
  .flt-head{padding:14px 16px}
  .flt-x{display:inline-flex}
  .flt-body{padding:0 16px 6px}
  .flt-foot{display:block;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line2)}
  .flt-shade{display:block;position:fixed;inset:0;z-index:92;background:rgba(14,14,16,.5);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
  body.is-flt .flt-shade{opacity:1;visibility:visible}
  .flt-open{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:0;background:var(--ink);color:#fff;font:inherit;font-weight:800;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
  .flt-open .ic{width:16px;height:16px}
  .listing-bar{justify-content:flex-start}
  .listing-bar .sorts{margin-left:auto}
  .pd{grid-template-columns:minmax(0,1fr)}
  .pd-buy{position:static}
  .pd-inc{grid-template-columns:minmax(0,1fr)}
  .art,.art-solo{grid-template-columns:minmax(0,1fr)}
  .art-rail{position:static}
  .ah-in{min-height:340px}
  .b-goods.c4,.b-goods.c5,.b-goods.c6{grid-template-columns:repeat(3,minmax(0,1fr))}
  .b-form{grid-template-columns:minmax(0,1fr)}
  .b-cards.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promos-page,.pr-grid-page{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mdl-box{grid-template-columns:minmax(0,1fr)}
  .mdl-vis{display:none}
}
@media (max-width:760px){
  :root{--gut:16px;--cut:10px}
  body{font-size:15px}
  .sec{padding:48px 0}
  .sec-tight{padding:18px 0 40px}
  .sh{margin-bottom:20px}
  .sh-t{font-size:clamp(21px,6vw,28px)}
  .sh-n+.sh-t::before{font-size:11px;padding:5px 9px 5px 7px;margin-right:10px;vertical-align:.3em}
  .sh-sub{font-size:14px}
  .kb{min-height:46px;padding:10px 18px;white-space:normal;max-width:100%}
  .kb-lg{min-height:50px;padding:10px 20px;font-size:12.5px}
  .hdr-row{gap:6px}
  .logo img{height:24px}
  .hdr-cta{padding:0 12px;font-size:11.5px;min-height:44px}
  .hdr-cta .ic{display:none}
  .hdr-ic{min-width:44px;height:44px;padding:0 8px}
  .hero-bg{aspect-ratio:4/3}
  .hero-in{padding-top:20px;gap:20px}
  .hero-body{gap:14px}
  .hero-t{font-size:clamp(30px,9.4vw,42px)}
  .hero-text{font-size:14.5px}
  .hero-btns{width:100%;display:grid;grid-template-columns:minmax(0,1fr)}
  .hq-head{padding:18px 16px 12px}
  .hq-k{font-size:16px}
  .hq-plans{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 16px}
  .hq-plan{min-height:92px;padding:12px 4px 10px;font-size:12px}
  .hq-plan .ls{width:54px;height:44px}
  .hq-hint{padding:12px 16px 14px;font-size:12px}
  .hq-cp{gap:14px;padding:16px 16px 14px}
  .hq-cp-v{padding-right:14px}
  .hq-cp-v b{font-size:32px}
  .terms li{padding:14px 14px 16px}
  .terms b{font-size:18px}
  .terms span{font-size:12px}
  .hero-terms{padding-bottom:20px}
  .forms{grid-template-columns:minmax(0,1fr)}
  .pr-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(210px,auto)}
  .pr-main{grid-column:auto;min-height:380px}
  .pr-main .pr-img{left:0;clip-path:none}
  .pr-main::after{background:linear-gradient(0deg,var(--red) 0%,var(--red) 48%,rgba(217,56,41,.25) 100%)}
  .pr-main .pr-in{right:0;padding:20px}
  .pr-main .pr-v{font-size:76px}
  .pr-v{font-size:34px}
  .kgrid,.cat-layout .kgrid,.kgrid-4{grid-template-columns:minmax(0,1fr);gap:12px}
  .kmore{padding:22px 18px;min-height:240px}
  .kmore-btns{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--gut)*-1);margin-right:calc(var(--gut)*-1);padding:0 var(--gut)}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none}
  .bc-budget{padding:20px 18px}
  .bc-groups{padding:16px 14px}
  .bc-g{grid-template-columns:minmax(0,1fr);gap:6px}
  .bc-chip{padding:7px 10px;font-size:12.5px}
  .bc-card{padding:18px 16px}
  .inc-in,.inc-out{padding:22px 18px}
  .inc-list{grid-template-columns:minmax(0,1fr)}
  .mx{min-width:760px}
  .mx-row{grid-template-columns:118px repeat(var(--n,5),minmax(0,1fr))}
  .mx-l{position:sticky;left:0;z-index:1;padding:10px;font-size:10.5px}
  .mx-c{padding:10px}
  .flow-list li{flex-basis:150px}
  .flow-n{font-size:28px}
  .flow-img{min-height:200px}
  .flow-txt{padding:22px 18px 24px}
  .flow-big{font-size:120px}
  .tl-cta{padding:16px 18px}
  .tl-cta .kb{width:100%}
  .why-list{grid-template-columns:minmax(0,1fr)}
  .route{grid-template-columns:minmax(0,1fr)}
  .route-foot .kb{width:100%}
  .ptn{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ptn li{min-height:110px;padding:16px 14px}
  .ptn b{font-size:clamp(17px,5vw,22px)}
  .faq-i summary{font-size:14.5px;gap:10px;padding:15px 0}
  .faq-i summary em{width:22px}
  .faq-a .rich{padding:0 0 18px 32px}
  .posts,.posts-3,.posts-blog,.posts-feature{grid-template-columns:minmax(0,1fr)}
  .posts-feature .post-big{min-height:420px}
  .posts-feature .post-big .post-body{left:12px;right:12px;bottom:12px;max-width:none;padding:18px}
  .cts-card{min-height:300px}
  .cts-visit{left:12px;bottom:12px;padding:16px 18px;max-width:calc(100% - 24px)}
  .cts-list>li{grid-template-columns:36px minmax(0,1fr);gap:8px 14px;padding:16px}
  .cts-li-form{grid-template-columns:36px minmax(0,1fr)!important}
  .cts-n{width:36px;height:36px;font-size:13px}
  .cts-list>li>.kb,.cts-list>li>.soc{grid-column:2}
  .cts-form{grid-template-columns:minmax(0,1fr)}
  .ftr-cta-btns{width:100%;display:grid;grid-template-columns:minmax(0,1fr)}
  .ftr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 16px;padding-top:40px}
  .ftr-contacts{grid-column:1/-1}
  .ftr-bottom{flex-direction:column}
  .vd-track,.rv-track{grid-auto-columns:85%}
  .jk-list{grid-template-columns:minmax(0,1fr)}
  .page-t{font-size:clamp(23px,6.6vw,30px)}
  .listing-bar{gap:10px}
  .listing-bar .sorts{width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .flt-on{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--gut)*-1);padding-right:var(--gut)}
  .flt-on a{flex:none}
  .pagehead .chips{margin-left:calc(var(--gut)*-1);margin-right:calc(var(--gut)*-1)}
  .pd-gal.has-thumbs{grid-template-columns:minmax(0,1fr)}
  .pd-gal.has-thumbs .gal-thumbs{order:2;flex-direction:row;overflow-x:auto}
  .pd-gal.has-thumbs .gal-thumbs button{width:84px}
  .gal-main{margin:0 calc(var(--gut)*-1)}
  .gal-nav{width:42px;height:42px;margin-top:-21px}
  .pd-disc{width:80px;height:80px;font-size:16px;padding:10px 10px 0 0}
  .pd-price{padding:20px 18px 18px 22px}
  .pd-perks ul{grid-template-columns:minmax(0,1fr)}
  .pd-perks li{padding:14px 16px;box-shadow:none!important;border-top:1px solid var(--line)}
  .pd-perks li:first-child{border-top:0}
  .pd-inc{padding:20px 18px}
  .pd-inc ul{grid-template-columns:minmax(0,1fr)}
  .specs{padding:18px 16px}
  .mdl{padding:0;align-items:flex-end}
  .mdl-box{max-height:94dvh}
  .mdl-main{max-height:94dvh;padding:26px 18px calc(22px + env(safe-area-inset-bottom))}
  .mdl-t{font-size:21px}
  .mdl-row{grid-template-columns:minmax(0,1fr)}
  .lb-slide{padding:56px 8px 72px}
  .ah-in{min-height:260px;padding-top:110px;padding-bottom:20px}
  .ah-card{padding:18px 18px 20px;clip-path:none}
  .art-t{font-size:clamp(21px,6vw,28px)}
  .art-body .rich{font-size:15.5px}
  .art-cta,.art-end{flex-direction:column;align-items:stretch;padding:20px 18px}
  .art-cta .kb,.art-end-btns .kb{width:100%}
  .bl-count b{font-size:30px}
  .ph-title{padding-bottom:18px}
  .pg-calc{padding:20px 18px;clip-path:none}
  .pg-calc-b{width:100%;display:grid;grid-template-columns:minmax(0,1fr)}
  .page-body .b-stats{grid-template-columns:1fr 1fr}
  .page-body .b-stats li:nth-child(3){border-left:0}
  .page-body .b-stats b{font-size:24px}
  .b-media{grid-template-columns:minmax(0,1fr);gap:18px}
  .b-media.rev .b-media-img{order:0}
  .b-cards.c2,.b-cards.c3,.b-cards.c4{grid-template-columns:minmax(0,1fr)}
  .b-cta{grid-template-columns:minmax(0,1fr)}
  .b-cta-txt{padding:22px 18px}
  .b-cta-img{min-height:200px;clip-path:none}
  .b-btns{display:grid;grid-template-columns:minmax(0,1fr)}
  .b-goods.c3,.b-goods.c4,.b-goods.c5,.b-goods.c6{grid-template-columns:1fr 1fr;gap:10px}
  .b-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .b-tab-pane{padding:18px 16px}
  .b-tab{flex:1;padding:12px 10px}
  .b-embed iframe{height:560px!important}
  .b-form{padding:20px 16px}
  .b-form-f{grid-template-columns:minmax(0,1fr)}
  .b-checks{grid-template-columns:minmax(0,1fr)}
  .b-map iframe{height:300px}
  .b-cols.c2,.b-cols.c3{grid-template-columns:minmax(0,1fr)}
  .b-steps li{padding-left:56px}
  .b-steps li::before{font-size:24px}
  .promos-page,.pr-grid-page{grid-template-columns:minmax(0,1fr)}
  .search-big{flex-direction:column;gap:8px}
  .search-big input{border-right:1px solid var(--ink)}
  .ck{left:10px;bottom:calc(10px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px);font-size:12px}
}
@media (max-width:380px){
  .hdr-cta{display:none}
  .terms{grid-template-columns:minmax(0,1fr)}
  .terms li{border-left:0!important;border-top:1px solid var(--line2)}
  .terms li:first-child{border-top:0}
  .ptn{grid-template-columns:minmax(0,1fr)}
  .drw-cta{grid-template-columns:minmax(0,1fr)}
}
/* вопросы раздела каталога (pages/category.php) и текст раздела */
.faq>details{border-bottom:1px solid var(--line)}
.faq>details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-size:16px;font-weight:700;cursor:pointer;list-style:none}
.faq>details>summary::-webkit-details-marker{display:none}
.faq>details>summary .ic{width:18px;height:18px;flex:none;color:var(--red);transition:transform .25s}
.faq>details[open]>summary .ic{transform:rotate(45deg)}
.faq>details>.rich{padding:0 0 20px}
.seo-text>*{max-width:900px}
.mat-body .kb{white-space:normal;max-width:100%;padding-top:10px;padding-bottom:10px}
@media (max-width:1240px) and (min-width:761px){.pr-grid .pr:not(.pr-main) .pr-v{font-size:38px}.pr-grid .pr:not(.pr-main) .pr-in{padding:18px}}
/* чередование фонов секций главной */
.sec-mat,.sec-steps{background:var(--bg)}
.sec-steps .flow-card,.sec-steps .tl-cta{background:#fff}
.sec-steps .flow-big{color:#f1eee9}