/* Дополнения для WordPress к стилям прототипа */
.admin-bar .hdr{top:32px}
@media (max-width:782px){.admin-bar .hdr{top:46px}}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qt{display:inline-flex;align-items:center}
.pr-ic img{width:100%;height:100%;object-fit:cover;border-radius:12px;mix-blend-mode:multiply}
.ptable .pt-head,.ptable .pt-row{grid-template-columns:var(--ptc)}
.more-items{display:flex}
.more-items.busy{opacity:.6;pointer-events:none}
.pgn{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px}
.pgn .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:var(--r-s);background:var(--surface);font-weight:500;transition:background-color .15s}
.pgn a.page-numbers:hover{background:#F6F7F9}
.pgn .current{background:var(--dark);color:#fff}
.pgn .dots{background:none}
.prose a{color:var(--brand-ink);font-weight:500}
.prose a:hover{color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.prose th,.prose td{padding:10px 12px;text-align:left;box-shadow:inset 0 -1px 0 var(--line);color:var(--ink-2)}
.prose img{max-width:100%;height:auto;border-radius:var(--r-m)}
.pd-desc.prose>h2:first-child{margin-top:0}
.nf{padding:28px;border-radius:var(--r);background:var(--surface)}
.nf-s{display:flex;gap:10px}
.nf-s .fld{flex:1}
.nf-g{max-width:none;margin-top:16px}
.cart-ph,.cart-f-ph{width:100%;aspect-ratio:16/7;margin:0;border-radius:var(--r-m);overflow:hidden;background:var(--sunk)}
.cart-ph img,.cart-f-ph img{width:100%;height:100%;object-fit:cover}
.cart-f-ph{margin-bottom:4px}
.dr-page{align-self:center;font-size:14px}
@media (max-width:1240px){
.ptable .pt-head,.ptable .pt-row{grid-template-columns:var(--ptc-md,var(--ptc))}
.ptable .pt-head>*,.ptable .pt-row>.pt-c[data-l]{display:block}
.ptable .pt-head>.c4,.ptable .pt-row>.c4{display:none}
}
@media (max-width:980px){
.ptable .pt-row>.c4{display:block}
.nf-s{flex-direction:column}
.nf{padding:20px}
}
/* подпись разработчика по центру нижней строки подвала */
.f-dev{color:inherit;transition:color .18s}.f-dev:hover{color:var(--on-dark-acc)}
@media (min-width:981px){.f-bot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.f-bot>span:last-child{text-align:right}}

/* ================= редизайн 10.2026: шапка, логотип-заглушка, мега-меню с фото, услуги, анимации ================= */

/* логотип-заглушка */
.lg-name{font-size:15px;font-weight:700;line-height:1.08;letter-spacing:-.01em;white-space:nowrap}
.lg-tg{font-family:var(--font)}
@media (max-width:980px){.lg-name{font-size:13px}}

/* верхняя строка */
.util-cb{font-weight:600;color:var(--brand-ink);transition:color .18s}.util-cb:hover{color:var(--ink)}
.util-n{gap:18px}

/* шапка: меню на месте поиска, поиск по иконке */
.s-tgl .i-x{display:none}
.s-open .s-tgl .i-s{display:none}.s-open .s-tgl .i-x{display:block}
@media (min-width:981px){
.hdr-in{grid-template-columns:auto auto minmax(0,1fr) auto auto auto;column-gap:16px}
.util-cb{display:none}
.hnav{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;gap:2px;min-width:0}
.h-wa{display:none}
.hnav a{position:relative;padding:12px 10px;font-size:16px;font-weight:500;line-height:1.2;white-space:nowrap;color:var(--ink);border-radius:var(--r-s);transition:color .18s}
.hnav a::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:3px;border-radius:2px;background:var(--accent);scale:0 1;transform-origin:right center;transition:scale .4s var(--ease)}
.hnav a:hover::after,.hnav a[aria-current]::after{scale:1 1;transform-origin:left center}
.hnav a[aria-current]{font-weight:600}
.search:not(body){grid-column:3;grid-row:1;display:none}
.s-open .hnav{display:none}
.s-open .search{display:block}
.s-open .search-f{animation:sOpen .45s var(--ease)}
@keyframes sOpen{from{clip-path:inset(0 0 0 100% round 10px)}to{clip-path:inset(0 0 0 0 round 10px)}}
.sugg{min-width:0}
}
@media (min-width:981px) and (max-width:1366px){.cart-btn{width:var(--h);padding:0}.cart-btn .lbl{display:none}}
@media (min-width:981px) and (max-width:1240px){.util-cb{display:inline}.hnav a{padding:12px 9px;font-size:15px}.hnav a::after{left:9px;right:9px}}
@media (min-width:981px) and (max-width:1120px){.hnav a{padding:12px 7px}.hnav a::after{left:7px;right:7px}.hdr-in{column-gap:12px}}
@media (max-width:980px){.hnav,.s-tgl{display:none}}

/* мега-меню: миниатюры разделов и подразделов */
@media (min-width:981px){.mega-l{position:relative}}
.ml{position:relative;z-index:1;gap:12px}
.ml.on{background:none}
.ml-img{width:34px;height:34px;flex:0 0 auto;border-radius:8px;object-fit:cover;background:var(--sunk);mix-blend-mode:multiply}
.ml-bar{position:absolute;left:10px;right:10px;top:0;height:42px;border-radius:var(--r-s);background:var(--accent-tint);pointer-events:none;transition:translate .32s var(--ease)}
.mp-cols{columns:3 250px;column-gap:32px}
.mg{margin-bottom:24px}
.mg-t{display:flex;align-items:center;gap:12px}
.mg-img{width:52px;height:52px;flex:0 0 auto;border-radius:12px;overflow:hidden;background:var(--sunk)}
.mg-img img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:scale .5s var(--ease)}
.mg-t:hover .mg-img img{scale:1.12}
.mg-t .mg-img{margin-left:0}
.mg-t .mg-n{min-width:0;margin-left:0;color:var(--ink);font-size:16px;font-weight:600}
.mg-t .mg-n span{margin-left:6px;color:var(--muted);font-weight:400;font-size:13px}
.mg-t:hover .mg-n{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
.mg ul{margin-top:6px;padding-left:64px}
.mp-all{margin-top:4px}
@media (max-width:980px){.ml-bar{display:none}.mg ul{padding-left:64px}.ml-img{width:30px;height:30px}}

/* главная: блок услуг */
.svh{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.svh-c{position:relative;display:flex;flex-direction:column;min-width:0;padding:20px 24px 24px;border-radius:var(--r);background:var(--surface)}
.svh-big{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:28px}
.svh-big .svh-t{padding-top:6px}
.svh-ph{position:relative;display:block;aspect-ratio:16/9;margin:-8px -10px 14px;border-radius:12px;overflow:hidden;background:#F4F4F4}
.svh-big .svh-ph{grid-row:1/span 2;aspect-ratio:auto;min-height:320px;margin:-8px 0 -12px -12px}
.svh-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .9s var(--ease),translate .9s var(--ease)}
.svh-c:hover .svh-ph img{scale:1.07;translate:-1.5% -1%}
.svh-t h3{font-size:22px;letter-spacing:-.02em;line-height:1.2}
.svh-big .svh-t h3{font-size:28px}
.svh-t h3 a{transition:color .18s}.svh-t h3 a:hover{color:var(--brand-ink)}
.svh-t span{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.svh-l{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;margin-top:14px}
.svh-l a{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:17px;background:var(--sunk);font-size:14px;line-height:1.2;transition:background-color .15s}
.svh-l a:hover{background:var(--accent-tint)}
.svh-more{color:var(--muted)}
.svh-pro{position:relative;overflow:hidden;justify-content:space-between;gap:24px;padding:28px 28px 34px;background:var(--dark);color:#fff}
.svh-pro-t b{display:block;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.svh-pro-t span{display:block;margin-top:10px;font-size:15px;line-height:1.55;color:var(--on-dark)}
.svh-pro-go{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--on-dark-acc)}
.svh-pro-go .i{width:20px;height:20px;transition:translate .25s var(--ease)}
.svh-pro:hover .svh-pro-go .i{translate:4px 0}
.svh-pro::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(-45deg,var(--accent) 0 12px,var(--dark) 12px 24px);background-size:34px 10px;animation:belt 1.4s linear infinite;animation-play-state:paused}
.svh-pro:hover::after{animation-play-state:running}
@keyframes belt{to{background-position:-34px 0}}
@media (max-width:1240px){.svh{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.svh-big{display:flex;flex-direction:column}.svh-big .svh-ph{aspect-ratio:16/9;min-height:0;margin:-8px -10px 14px}}
@media (max-width:700px){.svh{grid-template-columns:minmax(0,1fr)}.svh-big{grid-column:auto}.svh-big .svh-ph{aspect-ratio:16/9}.svh-big .svh-t h3{font-size:24px}}

/* вкладки цен: подложка переезжает к выбранной вкладке */
.tabs{position:relative}
.tab-pill{position:absolute;left:0;top:0;height:var(--h);background:var(--dark);pointer-events:none;transition:clip-path .42s var(--ease)}
.tabs [role=tab]{position:relative;z-index:1}
.tabs.has-pill [aria-selected=true],.tabs.has-pill [aria-selected=true]:hover{background:transparent}

/* указатель разделов: миниатюра поворачивается, как деталь в руке */
.ix-img img{transition:scale .5s var(--ease),rotate .5s var(--ease)}
.ix:hover .ix-img img{scale:1.16;rotate:-7deg}

/* корзина: товар летит в шапку, счётчик подпрыгивает */
.fly-x{position:fixed;left:0;top:0;z-index:300;pointer-events:none}
.fly{display:block;width:16px;height:16px;border-radius:50%;background:var(--accent);outline:3px solid var(--on-acc)}
.cnt.bump{animation:cntPop .5s var(--ease)}
@keyframes cntPop{35%{scale:1.5}70%{scale:.9}}
.got .i{animation:cartTip .55s var(--ease)}
@keyframes cartTip{30%{rotate:-14deg}65%{rotate:8deg}}

/* кнопки: тактильное нажатие */
.btn,.ibtn{transition:background-color .18s,color .18s,scale .12s}
.btn:active,.ibtn:active{scale:.97}
.sec-h p{max-width:56ch}

/* ================= появление блоков при прокрутке: у каждого типа блока свой эффект (класс rv-on ставится в <head>) ================= */
html,body{overflow-x:clip}
/* заголовки «прорезаются»: жёлтая линия идёт слева направо и открывает текст */
.sec-h h2,.ph h1,.ab>h2,.ct>h2,.cta-in h2{position:relative;width:fit-content}
.rv-on :is(.sec-h h2,.ph h1,.ab>h2,.ct>h2,.cta-in h2){clip-path:inset(-25% 100% -25% 0);transition:clip-path .95s cubic-bezier(.65,0,.35,1) var(--d,0s)}
.rv-on :is(.sec-h h2,.ph h1,.ab>h2,.ct>h2,.cta-in h2).in{clip-path:inset(-25% -6% -25% 0)}
.rv-on :is(.sec-h h2,.ph h1,.ab>h2,.ct>h2,.cta-in h2)::after{content:"";position:absolute;top:4%;bottom:4%;left:0;width:3px;border-radius:2px;background:var(--accent);opacity:0;pointer-events:none}
.rv-on :is(.sec-h h2,.ph h1,.ab>h2,.ct>h2,.cta-in h2).in::after{animation:laser .95s cubic-bezier(.65,0,.35,1) var(--d,0s) both,laserOff .35s calc(var(--d,0s) + .95s) forwards}
@keyframes laser{from{left:-2px;opacity:1}to{left:calc(100% - 3px);opacity:1}}
@keyframes laserOff{from{opacity:1}to{opacity:0;width:0;visibility:hidden}}
/* блоки въезжают слева или справа — сторона зависит от колонки */
.rv-on :is(.ix,.prc-side,.svh-c,.calc-c,.calc-r,.ab,.ct,.svb,.pk-list,.pk-view,.art-side>*,.sub,.pd-info,.ct-pg>*,.ctd-c){opacity:0;translate:-52px 0;transition:opacity .7s var(--ease) var(--d,0s),translate .95s var(--ease) var(--d,0s)}
.rv-on [data-side=r]:is(.ix,.prc-side,.svh-c,.calc-c,.calc-r,.ab,.ct,.svb,.pk-list,.pk-view,.art-side>*,.sub,.pd-info,.ct-pg>*,.ctd-c){translate:52px 0}
.rv-on :is(.ix,.prc-side,.svh-c,.calc-c,.calc-r,.ab,.ct,.svb,.pk-list,.pk-view,.art-side>*,.sub,.pd-info,.ct-pg>*,.ctd-c).in{opacity:1;translate:0 0}
/* фото раскрываются «диафрагмой»: рамка распахивается, снимок отъезжает назад */
.rv-on :is(.svh-ph,.svb-ph,.pk-ph,.art-ph,.pd-gal,.sub-ph,.cbk-ph,.t2-ph,.ph-ph,.map){clip-path:inset(13% 13% 13% 13% round 20px);transition:clip-path 1.1s var(--ease) var(--d,0s)}
.rv-on :is(.svh-ph,.svb-ph,.pk-ph,.art-ph,.pd-gal,.sub-ph,.cbk-ph,.t2-ph,.ph-ph,.map).in{clip-path:inset(0 0 0 0 round 0)}
.rv-on :is(.svh-ph,.svb-ph,.pk-ph,.art-ph,.pd-gal,.sub-ph,.cbk-ph,.t2-ph,.ph-ph) img{transform:scale(1.24);transition:transform 1.6s var(--ease) var(--d,0s)}
.rv-on :is(.svh-ph,.svb-ph,.pk-ph,.art-ph,.pd-gal,.sub-ph,.cbk-ph,.t2-ph,.ph-ph).in img{transform:none}
/* строки цен переворачиваются, как табло на вокзале */
.rv-on .prc tbody tr td{transform-origin:50% 0;transition:opacity .45s ease var(--d,0s),transform .75s var(--ease) var(--d,0s)}
.rv-on .prc tbody tr:not(.in) td{opacity:0;transform:perspective(700px) rotateX(-82deg)}
/* условия оплаты/доставки открываются створками */
.rv-on .terms>*{transform-origin:0 50%;transition:opacity .6s ease var(--d,0s),transform 1.05s var(--ease) var(--d,0s)}
.rv-on .terms>*:not(.in){opacity:0;transform:perspective(900px) rotateY(-58deg)}
/* фотоотчёт: шторки расходятся от центра */
.rv-on .gal .g{clip-path:inset(0 47% 0 47% round 12px);transition:clip-path .95s cubic-bezier(.7,0,.2,1) var(--d,0s)}
.rv-on .gal .g.in{clip-path:inset(0 0 0 0 round 12px)}
/* подуслуги и плитки разделов «выщёлкиваются» с пружиной */
.rv-on :is(.svh-l li,.svb-t li,.t2){transition:opacity .35s ease var(--d,0s),scale .6s cubic-bezier(.16,1,.3,1) var(--d,0s)}
.rv-on :is(.svh-l li,.svb-t li,.t2):not(.in){opacity:0;scale:.8}
/* тёмные блоки-призывы растягиваются по ширине */
.rv-on .cta-in{clip-path:inset(0 8% round 16px);transition:clip-path 1.05s var(--ease)}
.rv-on .cta-in.in{clip-path:inset(0 0 round 16px)}

/* ================= плавные раскрытия ================= */
.ab-more{display:inline-flex;align-items:center;gap:6px}
.ab-more .i{width:18px;height:18px;transition:rotate .4s var(--ease)}
.ab.open .ab-more .i{rotate:180deg}
.f-col h3 .i{transition:rotate .35s var(--ease)}
.f-col.open h3 .i{rotate:180deg}
/* выпадающие фильтры и окна: раскрываются, а не появляются рывком */
@media (min-width:981px){.dd-pop:not([hidden]){animation:ddIn .26s var(--ease);transform-origin:20% 0}}
@keyframes ddIn{from{opacity:0;scale:.96 .9}}
@media (min-width:981px){.modal-box{animation:mIn .34s var(--ease)}}
@keyframes mIn{from{opacity:0;scale:.94}}
.sugg:not([hidden]){animation:ddIn .22s var(--ease);transform-origin:50% 0}

/* ================= страница услуг и статьи: наведение и параллакс фото ================= */
.svb-ph{overflow:hidden}
.svb-ph img{transition:scale 1s var(--ease)}
.svb:hover .svb-ph img{scale:1.06}
.svb-t li a,.side-nav a{position:relative;width:fit-content;transition:color .18s}
.svb-t li a::after,.side-nav a::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:1px;background:var(--accent);scale:0 1;transform-origin:right center;transition:scale .4s var(--ease)}
.svb-t li a:hover::after,.side-nav a:hover::after{scale:1 1;transform-origin:left center}
.svb-t li a:hover,.side-nav a:hover{color:var(--ink)}
/* статьи: комфортная длина строки */
.art.prose :is(p,ul,ol,h2,h3,h4){max-width:40em}
/* фото чуть смещаются относительно рамки при прокрутке (браузеры с scroll-timeline) */
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
.svb-ph img,.art-ph img,.pk-ph img{scale:1.12;animation:drift linear both;animation-timeline:view();animation-range:cover}
@keyframes drift{from{translate:0 -5%}to{translate:0 5%}}
.svb:hover .svb-ph img{scale:1.18}
}
}
/* счётчики позиций */
.cnt-up{font-variant-numeric:tabular-nums}

/* ================= первый экран: форма «Расчёт сметы» (файл + телефон + город) ================= */
.hero-f{position:relative;z-index:1;width:min(560px,100%);margin-top:auto;padding-top:28px}
.hero-f .jf-body{gap:12px}
.hero-f .hf-lead{margin:0 0 2px;font-size:17px;line-height:1.55;color:var(--ink-2);max-width:46ch}
.hf-drop{position:relative;display:flex;align-items:center;gap:16px;min-height:88px;padding:16px 18px;border-radius:var(--r-m);background:var(--sunk);cursor:pointer;transition:background-color .2s}
.hf-drop input{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}
.hf-drop:hover,.hf-drop.over,.hf-drop.has{background:var(--accent-tint)}
.hf-drop:focus-within{outline:2px solid var(--ink);outline-offset:2px}
.hf-ic{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:12px;background:var(--surface);transition:translate .3s var(--ease)}
.hf-ic .i{width:24px;height:24px}
.hf-drop.over .hf-ic{translate:0 -4px}
.hf-dt{min-width:0;font-size:15px;line-height:1.4;color:var(--ink-2)}
.hf-dt b{color:var(--ink);font-weight:600}
.hf-dt u{text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}
.hf-dt small{display:block;margin-top:3px;font-size:13px;color:var(--muted)}
.hf-drop.has .hf-dt{display:none}
.hf-file{flex:1;min-width:0}
.hf-fn{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hf-fs{font-size:13px;color:var(--muted)}
.hf-x{position:relative;z-index:2;margin-left:auto;background:var(--surface)}
.hero-f .hf-big{margin:0;font-size:14px;color:var(--err)}
.hf-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fld select{display:block;width:100%;height:var(--h);border:0;border-radius:var(--r-s);padding:0 42px 0 16px;font-size:16px;color:var(--ink);outline:0;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .18s;background:var(--sunk) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%235A6271' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/18px}
.fld select:focus{background-color:var(--sunk-2)}
.hf-act{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:2px}
.hf-act .btn .i{width:20px;height:20px;transition:translate .25s var(--ease)}
.hf-act .btn:hover .i{translate:3px 0}
.hf-cat{font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:2px;text-underline-offset:5px;transition:color .18s,text-decoration-color .18s}
.hf-cat:hover{color:var(--ink);text-decoration-color:var(--accent)}
.hero-f .consent{margin-top:-2px;text-align:left}
.hero-f .jf-ok{align-items:flex-start;padding:8px 0;text-align:left}
.hero-f .jf-ok h2{font-size:26px}
@media (max-width:1240px){.hero-f{width:min(520px,52%)}.hero-art{width:min(40%,480px)}}
@media (max-width:980px){.hero-f{width:100%;margin-top:0;padding-top:20px}.hero-f .hf-lead{font-size:16px}.hf-act .btn{flex:1 1 100%}.hf-cat{margin-inline:auto}}
@media (max-width:560px){.hf-row{grid-template-columns:minmax(0,1fr)}.hf-drop{min-height:76px;padding:14px;gap:12px}.hf-ic{width:42px;height:42px}}
/* невысокие экраны ноутбуков (1093×614, 1229×691): форма целиком в первом экране */
@media (min-width:981px) and (max-height:760px){
.hero-in{min-height:0;padding-top:34px;padding-bottom:34px}
.h-big{font-size:clamp(80px,7.4vw,104px)}
.h-sub{margin-top:12px;font-size:30px}
.hero-f{padding-top:18px}.hero-f .jf-body{gap:10px}
.hf-drop{min-height:72px;padding:12px 16px}
.hero-art{bottom:34px}
}
@media (min-width:981px) and (max-height:700px){.hero-f .hf-lead{display:none}}
@media (max-width:980px){.hero-art{width:100%;max-width:none}}
@media (max-width:560px){.hero-art{display:none}}

/* ================= 14.10: «Прайс» в шапке, поиск в каталоге, отделы и адреса на контактах ================= */
.hnav-pr{display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:10px 14px;border-radius:var(--r-s);background:var(--accent-tint);font-size:16px;font-weight:600;line-height:1.2;white-space:nowrap;color:var(--ink);transition:background-color .18s}
.hnav-pr .i{width:18px;height:18px}
.hnav-pr:hover{background:var(--accent)}
@media (min-width:981px){.cart-btn{width:var(--h);padding:0}.cart-btn .lbl{display:none}}
@media (min-width:981px) and (max-width:1240px){.hnav-pr{padding:9px 11px;font-size:15px;margin-left:4px}}
@media (min-width:981px) and (max-width:1120px){.hnav-pr{padding:9px 9px}.hnav-pr .i{display:none}}
.me-pr{font-size:16px;font-weight:600;color:var(--brand-ink);text-align:left}
.m-mail i{font-style:normal;font-size:13px;color:var(--muted);margin-left:4px}

/* поиск по каталогу в выпадающем меню */
.msrch{position:sticky;top:-10px;z-index:3;margin:-10px -10px 6px;padding:10px 10px 8px;background:var(--surface)}
.msrch-f{display:flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 12px;border-radius:var(--r-s);background:var(--sunk);transition:background-color .18s}
.msrch-f:focus-within{background:var(--sunk-2)}
.msrch-f>.i{width:20px;height:20px;color:var(--muted);flex:0 0 auto}
.msrch-f input{flex:1;min-width:0;height:100%;border:0;background:transparent;font-size:15px;outline:0;-webkit-appearance:none;appearance:none}
.msrch-f input::placeholder{color:var(--muted);opacity:1}
.msrch-f input::-webkit-search-cancel-button{display:none}
.msrch-x{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:8px;color:var(--ink-2)}
.msrch-x .i{width:18px;height:18px}
.msrch-x:hover{background:var(--surface)}
.msearch .mp{display:none!important}
.mres-h{margin-bottom:10px;font-size:22px;font-weight:700;letter-spacing:-.02em}
.mres .sg-a{margin:0 -12px}
.mres-back{display:none}
@media (max-width:980px){.msrch{position:static;margin:0 0 6px;padding:0}.mres-back{display:inline-flex}.mres-h{font-size:19px}}

/* контакты: отделы */
.ctd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.ctd-c{display:flex;flex-direction:column;padding:26px 28px 28px;border-radius:var(--r);background:var(--surface)}
.ctd-c h3{font-size:21px;letter-spacing:-.02em}
.ctd-n{margin-top:6px;font-size:14px;line-height:1.5;color:var(--muted)}
.ctd-p{display:grid;gap:12px;margin-top:18px}
.ctd-p li{display:grid;gap:1px;line-height:1.35}
.ctd-p b{font-size:16px;font-weight:600}
.ctd-p span{font-size:14px;color:var(--muted)}
.ctd-p a{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;width:fit-content}
.ctd-l{display:grid;gap:10px;margin-top:18px}
.ctd-l li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:center;line-height:1.4;color:var(--ink-2)}
.ctd-l .i{width:20px;height:20px;color:var(--muted)}
.ctd-ph{font-size:18px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.ctd-l a:hover,.ctd-p a:hover{color:var(--brand-ink)}
.ctd-wa{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-weight:600;width:fit-content}
.ctd-wa .i{width:20px;height:20px;color:#1FA855}
/* контакты: адреса — вкладки над картой */
.ctm-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}
.ctm-tabs::-webkit-scrollbar{display:none}
.ctm-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:240px;padding:14px 20px;border-radius:var(--r-m);background:var(--surface);text-align:left;transition:background-color .18s,color .18s}
.ctm-tabs button:hover{background:#F6F7F9}
.ctm-tabs b{font-size:16px;font-weight:600}
.ctm-tabs span{font-size:14px;line-height:1.4;color:var(--muted)}
.ctm-tabs [aria-selected=true],.ctm-tabs [aria-selected=true]:hover{background:var(--dark);color:#fff}
.ctm-tabs [aria-selected=true] span{color:var(--on-dark)}
@media (max-width:560px){.ctd-c{padding:22px 20px 24px}.ctm-tabs button{min-width:200px;padding:12px 16px}}
@media (min-width:1241px){.hnav a{padding:12px 8px}.hnav a::after{left:8px;right:8px}.hnav-pr{margin-left:4px;padding:10px 12px}}
@media (min-width:1241px) and (max-width:1320px){.hnav a{padding:12px 6px}.hnav a::after{left:6px;right:6px}.hnav-pr{padding:10px 10px}}
@media (min-width:981px) and (max-width:1300px){.hph{display:none}.h-tel{display:grid}}
@media (min-width:981px) and (max-width:1100px){.lg-name{display:none}}
@media (min-width:981px) and (max-width:1040px){.hnav a{padding:12px 5px}.hnav a::after{left:5px;right:5px}.hnav-pr{padding:9px 8px}.hdr-in{column-gap:10px}}
.mres-wait{position:relative;padding:14px 0 0;color:var(--muted)}
.mres-wait::after{content:"";display:block;width:100%;max-width:420px;height:3px;margin-top:14px;border-radius:2px;background:linear-gradient(90deg,var(--sunk-2) 0 30%,var(--accent) 45%,var(--sunk-2) 60% 100%) 0 0/250% 100%;animation:mwait 1.2s linear infinite}
@keyframes mwait{from{background-position:100% 0}to{background-position:0 0}}

/* официальный WhatsApp: фирменный зелёный #25D366, белый глиф на кнопке */
.fab{background:#25D366}
.fab .i{width:32px;height:32px}
.me-wa .i,.ctd-wa .i,.side-wa .i,.bnav a[href*="wa.me"] .i{color:#25D366}