@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193}

/* v2 — по референсу «Вологодское зодчество»: белая шапка, зелёная полоса меню, оранжевые кнопки, светло-серый фон */
:root{--gr:#2F7A45;--gr2:#3E9156;--grd:#23402C;--or:#E8891A;--or2:#D27712;--br:#5C3D0C;--txt:#1f2328;--mut:#5b6168;--bg:#F5F5F4;--line:#E4E2DD;--r:12px;--sh:0 6px 22px rgba(20,30,20,.08)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--txt);background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-weight:600;color:#111;line-height:1.2;margin:0 0 .55em;letter-spacing:-.01em}
h1{font-size:clamp(26px,3.2vw,40px)}
h2{font-size:clamp(23px,2.4vw,30px);font-weight:500}
h3{font-size:19px}
p{margin:0 0 1em}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.narrow{max-width:860px}
.note{font-size:14px;color:var(--mut)}
.lead{font-size:18px;color:#33383d;max-width:860px}
.kap{font:600 12px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gr);margin:0 0 12px}

/* кнопки */
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;border:0;border-radius:6px;padding:12px 22px;font:600 15px/1.2 Inter,sans-serif;text-decoration:none;cursor:pointer;transition:.15s;white-space:nowrap}
.btn-lg{padding:16px 28px;font-size:17px}
.btn-block{width:100%}
.btn-or,.btn-gold{background:linear-gradient(180deg,#F39A2B,var(--or2));color:#fff;box-shadow:0 3px 0 #B9650C,0 6px 14px rgba(232,137,26,.3)}
.btn-or:hover,.btn-gold:hover{filter:brightness(1.06)}
.btn-gr,.btn-dark{background:linear-gradient(180deg,var(--gr2),var(--gr));color:#fff;box-shadow:0 3px 0 #1F5C32}
.btn-gr:hover,.btn-dark:hover{filter:brightness(1.07)}
.btn-line{background:#fff;color:var(--gr);box-shadow:inset 0 0 0 1.5px var(--gr)}
.btn-line:hover{background:var(--gr);color:#fff}
.btn-ghost{background:rgba(255,255,255,.9);color:var(--gr)}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}

/* шапка */
.hdr{background:#fff;position:relative;z-index:40}
.hdr-top{display:flex;align-items:center;gap:28px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.logo img{width:66px;height:66px}
.logo span{display:flex;flex-direction:column;line-height:1}
.logo b{font:800 22px/1.05 Inter,sans-serif;letter-spacing:.06em;color:var(--br)}
.logo b+b{color:var(--or2)}
.hdr-mid{flex:1;min-width:0}
.hdr-slogan{font:700 13px/1.3 Inter,sans-serif;text-transform:uppercase;color:var(--br);margin:0 0 8px;letter-spacing:.02em}
.hdr-links{display:flex;gap:26px;flex-wrap:wrap}
.hl{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:12px;line-height:1.25;color:#2a2a2a}
.hl i{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--br);color:#fff}
.hl small{color:var(--mut);font-size:12px}
.hdr-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.phone{font:600 19px/1.2 Inter,sans-serif;color:var(--gr);text-decoration:none;white-space:nowrap}
.hdr-addr{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--br)}
.burger{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer;margin-left:auto}
.burger i{display:block;height:2px;background:var(--grd);margin:5px 0;border-radius:2px}
.navbar{background:var(--gr)}
.navbar-in{display:flex;align-items:stretch;justify-content:space-between}
.mi{position:relative}
.mi>a{display:flex;align-items:center;gap:6px;height:44px;padding:0 16px;color:#fff;text-decoration:none;font:600 13px Inter,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.mi>a:hover,.mi.is-on>a{background:rgba(0,0,0,.14)}
.dd{position:absolute;left:0;top:100%;min-width:260px;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.15);border-radius:0 0 10px 10px;padding:8px 0;display:none}
.dd a{display:block;padding:10px 18px;text-decoration:none;font-size:15px;color:#222}
.dd a:hover{background:#F2F7F3;color:var(--gr)}
.has-dd:hover .dd,.has-dd:focus-within .dd{display:block}
.mi-call{display:none}

/* первый экран */
.hero{position:relative;height:min(78vh,680px);min-height:520px;overflow:hidden;background:#cfd8cf}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-in{position:relative;display:flex;justify-content:space-between;padding-top:26px}
.hb{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.82);backdrop-filter:blur(4px);border-radius:10px;padding:8px 18px 8px 8px}
.hb span{display:flex;flex-direction:column;font:800 15px/1.3 Inter,sans-serif;color:var(--br)}
.hero-btn{background:linear-gradient(180deg,#F39A2B,var(--or2));color:#fff;text-decoration:none;font:700 20px Inter,sans-serif;padding:13px 30px;border-radius:6px;box-shadow:0 3px 0 #B9650C}
.hero-btn:hover{filter:brightness(1.06)}
.hero-adv{position:absolute;left:0;right:0;bottom:26px}
.adv{display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.88);backdrop-filter:blur(4px);border-radius:10px;padding:12px 18px;gap:10px}
.adv div{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.25;color:#222}
.adv i{color:var(--or2);flex-shrink:0}
.page-top .adv{background:#fff;margin-top:30px;box-shadow:var(--sh)}

/* секции */
.sec{padding:60px 0}
.sec-tight{padding-top:20px}
.sec-white{background:#fff;border-radius:28px;margin:10px 0}
.page-top{padding-top:22px}
.intro{padding:44px 0 20px}
.intro h1{max-width:900px}
.sec-h{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.sec-h h2{margin:0}
.crumbs{font-size:13px;color:var(--mut);padding-top:16px}
.crumbs a{text-decoration:none;color:var(--mut)}
.crumbs a:hover{color:var(--gr)}
.sublinks{margin:16px 0 0;font-size:15px;color:var(--mut)}
.sublinks a{color:var(--gr)}

/* карточки проектов */
.cards{display:grid;gap:22px}
.cards-4{grid-template-columns:repeat(4,1fr)}
.cards-2{grid-template-columns:repeat(2,1fr)}
.cards:not(.cards-2):not(.cards-4){grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column}
.card-im{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;background:#ddd}
.card-im img{width:100%;height:100%;object-fit:cover;transition:.4s}
.card:hover .card-im img{transform:scale(1.03)}
.flag{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.92);color:var(--grd);font-size:12px;font-weight:700;padding:4px 9px;border-radius:5px}
.flag svg{width:12px;height:12px}
.cbad{position:absolute;left:10px;bottom:10px;display:flex;gap:6px}
.cbad b,.sq{background:rgba(30,30,30,.62);color:#fff;font-size:12px;font-weight:500;padding:4px 9px;border-radius:5px}
.sq{position:absolute;right:10px;bottom:10px;background:var(--or2);font-weight:700}
.card-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.ck{font-size:12px;color:var(--mut);margin:0}
.cr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;margin-bottom:8px}
.cr h3{margin:0;font-size:20px;font-weight:700}
.cr h3 a{text-decoration:none}
.price{margin:0;font:700 19px Inter,sans-serif;color:var(--br);white-space:nowrap}
.card .btn-block{margin-top:auto}

/* каталог */
.cat-head{display:grid;grid-template-columns:260px 1fr 380px;gap:26px;background:#fff;border-radius:var(--r);padding:20px;align-items:center;box-shadow:var(--sh)}
.cat-sk img{border-radius:8px}
.cat-txt h1{font-size:clamp(24px,2.4vw,30px)}
.cat-txt p{font-size:15px;color:#3b4046;margin:0}
.cat-promo{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;background:var(--grd);color:#fff;border-radius:10px;padding:12px}
.cat-promo img{border-radius:8px}
.cat-promo div{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.cat-promo small{font-size:12px;opacity:.75}
.cat-promo b{font-size:16px}
.sortbar{display:flex;justify-content:space-between;gap:16px;background:var(--gr);color:#fff;font:600 13px Inter,sans-serif;text-transform:uppercase;border-radius:6px;padding:11px 16px;margin:22px 0}
.cat{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}
.side{background:#fff;border-radius:var(--r);padding:18px;box-shadow:var(--sh);position:sticky;top:12px}
.side-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.side-types .fb:first-child{grid-column:1/-1}
.side-h{font-weight:700;margin:16px 0 8px}
.fbs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fb{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:6px 8px;border:1px solid #E7D7BC;background:#FBF3E4;border-radius:6px;font:500 13px Inter,sans-serif;color:var(--br);text-decoration:none;cursor:pointer}
.fb.on{background:linear-gradient(180deg,#F39A2B,var(--or2));color:#fff;border-color:var(--or2);font-weight:700}
.empty{margin-top:20px}

/* таблицы */
.tbl-wrap{overflow-x:auto;margin-top:20px;border-radius:var(--r);box-shadow:var(--sh)}
.kt{width:100%;border-collapse:collapse;background:#fff;min-width:640px}
.kt th,.kt td{padding:12px 16px;border-bottom:1px solid #eee;text-align:center;font-size:15px}
.kt th:first-child,.kt td:first-child{text-align:left}
.kt thead th{background:var(--gr);color:#fff;font-weight:600}
.kt thead th small{display:block;font-weight:500;font-size:12px;color:#FFE1B3}
.kt .ok{color:var(--gr);font-weight:700}
.kt .no{color:#c4c4c4}
.tot-row td{background:#FFF6E8;font-weight:700}
.tot{color:var(--br)}
.kt-text{min-width:560px}
.kt-text td,.kt-text th{text-align:left;vertical-align:top}
.mt{width:100%;border-collapse:collapse;margin-top:10px}
.mt td{padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.mt td:first-child{width:160px;font-weight:600}

/* отзывы */
.revs-wrap{display:grid;grid-template-columns:360px 1fr;gap:50px;align-items:start}
.revs-l h2 em{font-style:normal;color:var(--gr)}
.score{display:flex;align-items:center;gap:22px;background:#F4F4F2;border-radius:14px;padding:18px 26px;text-decoration:none;margin:14px 0}
.score b{font:500 68px/1 Inter,sans-serif;color:#333}
.score span{display:flex;flex-direction:column;gap:6px;font-size:18px}
.stars{display:flex;gap:2px;color:#F5B800}
.score .stars svg{width:22px;height:22px}
.revs-r{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.rev{margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.rev-h{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.ava{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gr2);color:#fff;font-weight:700}
.rev-h b{display:block;font-size:15px}
.rev-h small{color:var(--mut);font-size:12px}
.rev blockquote{margin:6px 0 0;font-size:15px;line-height:1.55}

/* построенные дома */
.bhs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bh{text-decoration:none}
.bh-im{aspect-ratio:16/10;border-radius:10px;overflow:hidden;margin-bottom:10px;background:#ddd}
.bh-im img{width:100%;height:100%;object-fit:cover;transition:.4s}
.bh:hover img{transform:scale(1.03)}
.bh h3{font-size:18px;margin:0 0 4px}
.bh p{font-size:14px;color:var(--mut);margin:0}
.more{margin-top:18px;color:var(--gr);font-size:14px}
.more a{color:var(--gr);font-weight:700}

/* крупная цифра */
.bign{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.bign-n{font:500 96px/1 Inter,sans-serif;color:var(--gr);margin:0 0 10px}
.bign-t{font:500 22px/1.3 Inter,sans-serif;margin:0 0 18px}
.bign-l p{font-size:15px;color:#3b4046}
.bign-ims{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.bign-ims img,.bign-r img{border-radius:10px}
.big,.lead-p{font-size:17px;line-height:1.6;color:#3b4046}

/* из чего выбрать */
.choose{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:start}
.ch-t{font-size:20px;font-weight:500;margin:0 0 10px}
.ch-n{font:500 40px/1.35 Inter,sans-serif;color:var(--gr)}
.ch-n u,.tile u{text-decoration-thickness:1px;text-underline-offset:6px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tile{text-decoration:none}
.tile img{border-radius:10px;margin-bottom:10px}
.tile span{display:block;font-size:17px;font-weight:500}
.tile small{color:var(--mut)}

/* баннер с руководителем */
.banner{display:grid;grid-template-columns:240px 1fr 380px;gap:30px;align-items:center;background:linear-gradient(110deg,var(--gr) 0%,#4E9A5F 60%,#9CC28A 100%);border-radius:18px;padding:28px 36px;color:#fff;overflow:hidden}
.bn-p{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.bn-p img{width:170px;height:170px;border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.25),0 0 0 14px rgba(255,255,255,.12);margin-bottom:12px}
.bn-p small{opacity:.85}
.bn-f.lead-form{background:none;padding:0;color:#fff;gap:10px}
.bn-f label{color:#fff}
.bn-t{font-size:19px;font-weight:500;line-height:1.35;margin:0}
.bn-s{opacity:.9;margin:0 0 6px}
.bn-f .agree,.bn-f .agree a{color:rgba(255,255,255,.9)}
.bn-f .form-ok{color:#fff}
.bn-h img{border-radius:12px}

/* но мы можем */
.same{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.same>div{max-width:560px;position:relative;z-index:1}
.same-t{font-size:26px;font-weight:600;margin:0 0 8px}
.same-bg{font:200 180px/1 Inter,sans-serif;color:#E9E8E4;white-space:nowrap}
.cans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.can{display:flex;gap:16px;align-items:center;text-align:left;border:0;border-radius:10px;padding:20px 22px;color:#fff;cursor:pointer;font:inherit}
.can i{flex-shrink:0;opacity:.95}
.can b{display:block;font-size:17px;line-height:1.25}
.can small{display:block;opacity:.85;margin-top:4px}
.can-gr{background:var(--gr2)}
.can-dk{background:var(--grd)}
.can-or{background:var(--or2)}
.can:hover{filter:brightness(1.07)}

/* связаться */
.contact{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.ct-im img{border-radius:12px}
.ct-f.lead-form{background:none;padding:0}
.ct-note{color:var(--gr);font-size:14px;margin:0}

/* тексты и вопросы */
.seo-text h2{margin-top:1.4em}
.seo-text h2:first-child{margin-top:0}
.seo-text p,.seo-text li{font-size:17px;line-height:1.7;color:#30353a}
.seo-text ul{padding-left:20px}
.faq details{background:#fff;border-radius:10px;margin-bottom:10px;padding:2px 20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.faq summary{cursor:pointer;list-style:none;padding:16px 30px 16px 0;font-weight:600;font-size:17px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:11px;font-size:26px;color:var(--or2)}
.faq details[open] summary:after{content:"−"}
.faq p{color:#3b4046;margin:0 0 16px}

/* страница проекта */
.proj{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:start}
.gal-main{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r)}
.ths{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.th{border:2px solid transparent;border-radius:8px;padding:0;overflow:hidden;cursor:pointer;flex:0 0 112px;background:none}
.th.on,.th:hover{border-color:var(--or)}
.proj-info h1{font-size:clamp(26px,2.6vw,34px)}
.proj-info .big{display:block;font-size:16px;color:#3b4046}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:18px 0}
.specs div{border-bottom:1px solid var(--line);padding:9px 0}
.specs dt{font-size:13px;color:var(--mut)}
.specs dd{margin:0;font-weight:600}
.specs-1{grid-template-columns:1fr}
.prices{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.prices li{display:grid;grid-template-columns:1fr auto;align-items:baseline;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 16px}
.prices b{font-size:20px;color:var(--br)}
.prices small{grid-column:1/-1;font-size:13px;color:var(--mut)}
.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.plans img{background:#fff;border-radius:var(--r);box-shadow:var(--sh)}
.sec-cream{background:#fff}

/* блоки внутренних страниц */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.split-im img{border-radius:var(--r);width:100%}
.split .big{display:block;font-size:17px;color:#3b4046}
.ticks{list-style:none;padding:0;margin:16px 0}
.ticks li{padding-left:28px;position:relative;margin:8px 0}
.ticks li:before{content:"";position:absolute;left:2px;top:6px;width:14px;height:8px;border-left:2.5px solid var(--gr);border-bottom:2.5px solid var(--gr);transform:rotate(-45deg)}
.svc-grid{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.svc-grid li{background:#fff;border-radius:var(--r);padding:20px;box-shadow:var(--sh)}
.svc-grid b{color:var(--or2)}
.svc-grid h3{margin:8px 0 6px;font-size:18px}
.svc-grid h3 a{text-decoration:none}
.svc-grid p{margin:0;font-size:14.5px;color:var(--mut)}
.steps{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.steps li{background:#fff;border-radius:var(--r);padding:18px;box-shadow:var(--sh);border-top:4px solid var(--gr)}
.steps b{font-size:26px;color:var(--or2)}
.steps h3{margin:6px 0;font-size:17px}
.steps p{font-size:14px;color:var(--mut);margin:0}
.sec-dark{background:transparent}
.objs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.obj{text-decoration:none}
.obj-im{aspect-ratio:4/3;border-radius:10px;overflow:hidden;margin-bottom:10px}
.obj-im img{width:100%;height:100%;object-fit:cover}
.obj h3{margin:0 0 4px;font-size:18px}
.obj p{font-size:14px;color:var(--mut);margin:0}
.rab{padding:28px 0;border-top:1px solid var(--line)}
.rab:first-of-type{border:0}
.pfs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pf{border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:#ddd}
.pf img{width:100%;height:100%;object-fit:cover}
.aleks{display:grid;grid-template-columns:300px 1fr;gap:50px;align-items:center}
.aleks-im img{border-radius:50%}
.aleks .big{display:block;font-size:18px}
.konts{display:none}

/* формы */
.lead-box{display:grid;grid-template-columns:1fr 470px;gap:50px;background:#fff;border-radius:18px;padding:36px;box-shadow:var(--sh)}
.lead-alt a{color:var(--gr);display:inline-flex;gap:6px;align-items:center;text-decoration:none;font-weight:600}
.lead-form{display:grid;gap:12px;background:#F7F7F5;border-radius:14px;padding:24px}
.lead-form label{display:grid;gap:5px;font-size:13.5px;font-weight:600}
.lead-form input:not([type=radio]):not([type=checkbox]),.lead-form select{width:100%;font:400 16px Inter,sans-serif;padding:12px 14px;border:1px solid #d9d9d6;border-radius:6px;background:#fff;color:var(--txt)}
.lead-form input:focus,.lead-form select:focus{outline:0;border-color:var(--or)}
.lead-form fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.lead-form legend{font-size:13.5px;font-weight:600;margin-bottom:8px;width:100%}
.lead-form fieldset label{display:inline-flex;align-items:center;gap:6px;font-weight:500;border:1px solid #d9d9d6;background:#fff;border-radius:6px;padding:7px 12px;cursor:pointer}
.lead-form fieldset label:has(input:checked){border-color:var(--or);background:#FFF4E4}
.lead-form fieldset input{accent-color:var(--or2);margin:0}
.agree{font-size:12px;color:var(--mut);margin:0}
.form-ok{color:var(--gr);font-weight:600;margin:0}
.form-err{color:#8a5a00;margin:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.modal{border:0;border-radius:16px;padding:26px;max-width:440px;width:calc(100% - 32px)}
.modal::backdrop{background:rgba(10,20,10,.55)}
.modal .lead-form{padding:0;background:none}
.modal h3{font-size:24px;margin-right:30px}
.x{position:absolute;right:14px;top:8px;background:none;border:0;font-size:30px;cursor:pointer;color:var(--mut)}
.map iframe{width:100%;height:440px;border:0;border-radius:var(--r)}
.doc h2{font-size:21px;margin-top:1.4em}

/* подвал */
.ftr{background:var(--gr);color:#E6F0E8;padding:44px 0 0;font-size:14.5px;margin-top:40px}
.ftr-in{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}
.ftr a{color:#fff}
.logo-ftr b,.logo-ftr b+b{color:#fff}
.ftr-soc{display:flex;gap:10px;margin-top:10px}
.ftr-soc a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:6px;background:var(--or2);text-decoration:none;font-weight:600}
.ftr-phone,.ftr-mail{display:block;font-size:22px;font-weight:500;text-decoration:none;margin-bottom:4px}
.ftr .linkbtn{color:#fff;font-size:13px;display:inline-block;margin-bottom:18px}
.ftr-nav{display:grid;gap:8px}
.ftr-nav a{text-decoration:none;font-size:13px;text-transform:uppercase;font-weight:600}
.ftr-nav-2 a{text-transform:none;font-weight:400}
.ftr-low{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.18);margin-top:34px;padding:18px 20px;font-size:12.5px;color:#DCEBE0}
.sticky-cta{display:none}
.cookie{position:fixed;right:16px;bottom:16px;z-index:60;max-width:340px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:12px 14px;font-size:13px;display:flex;gap:10px;align-items:center}
.cookie button{border:0;background:var(--gr);color:#fff;border-radius:6px;padding:9px 14px;font:600 13px Inter,sans-serif;cursor:pointer;min-height:44px}

@media (max-width:1180px){
 .hdr-links{display:none}
 .cards-4{grid-template-columns:repeat(2,1fr)}
 .cat-head{grid-template-columns:1fr 340px}
 .cat-sk{display:none}
 .banner{grid-template-columns:200px 1fr}
 .bn-h{display:none}
 .steps{grid-template-columns:repeat(3,1fr)}
 .svc-grid{grid-template-columns:repeat(2,1fr)}
 .mi>a{padding:0 10px;font-size:12px}
}
@media (max-width:900px){
 .hdr-mid,.hdr-right{display:none}
 .burger{display:block}
 .logo img{width:46px;height:46px}
 .logo b{font-size:19px}
 .navbar{display:none}
 .navbar.open{display:block}
 .navbar-in{flex-direction:column;padding:6px 0 14px}
 .mi>a{height:auto;min-height:44px;padding:12px 20px;font-size:15px}
 .dd{position:static;display:block;box-shadow:none;background:transparent;padding:0 0 6px 18px}
 .dd a{color:#E6F0E8;padding:11px 20px;font-size:14px}
 .mi-call{display:flex;gap:8px;align-items:center;color:#fff;text-decoration:none;font-weight:700;padding:14px 20px}
 .hero{height:auto;min-height:0;display:flex;flex-direction:column}
 .hero-bg{position:relative;height:300px}
 .hero-in{flex-direction:column;gap:10px;padding:14px 20px;background:#fff}
 .hb{background:#F6F6F4;justify-content:space-between}
 .hero-btn{font-size:17px;padding:12px 18px}
 .hero-adv{position:static;background:#fff;padding-bottom:14px}
 .adv{grid-template-columns:1fr 1fr;background:#F6F6F4}
 .revs-wrap,.bign,.choose,.contact,.split,.proj,.lead-box,.aleks,.cat,.cat-head{grid-template-columns:1fr;gap:26px}
 .side{position:static}
 .tiles,.bhs,.objs{grid-template-columns:1fr 1fr}
 .cans{grid-template-columns:1fr}
 .same-bg{display:none}
 .banner{grid-template-columns:1fr;padding:24px}
 .plans{grid-template-columns:1fr}
 .ftr-in{grid-template-columns:1fr}
 .pfs{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
 body{padding-bottom:62px}
 .sec{padding:40px 0}
 .sec-white{border-radius:18px}
 .cards-4,.cards-2,.cards:not(.cards-2):not(.cards-4),.tiles,.bhs,.objs,.steps,.svc-grid{grid-template-columns:1fr}
 .adv div{font-size:13px}
 .adv i svg{width:30px;height:30px}
 .bign-n{font-size:64px}
 .ch-n{font-size:30px}
 .score b{font-size:54px}
 .revs-r{grid-template-columns:1fr}
 .lead-box{padding:20px}
 .lead-form{padding:18px}
 .cat-promo{grid-template-columns:110px 1fr}
 .sortbar{flex-direction:column;gap:4px;font-size:12px}
 .specs{grid-template-columns:1fr}
 .sticky-cta{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--gr);box-shadow:0 -6px 20px rgba(0,0,0,.2)}
 .sticky-cta a,.sticky-cta button{display:flex;align-items:center;justify-content:center;gap:6px;height:58px;color:#fff;text-decoration:none;font:600 14.5px Inter,sans-serif;background:none;border:0;border-right:1px solid rgba(255,255,255,.2)}
 .sticky-cta button{background:var(--or2)}
 .cookie{left:8px;right:8px;bottom:66px;max-width:none}
 .crumbs a,.crumbs span,.ftr-nav a,.sublinks a,.ftr .linkbtn,.ftr-low a{display:inline-block;padding:11px 0}
 .mt td:first-child{width:110px}
}
.proj>*,.split>*,.lead-box>*,.contact>*,.bign>*,.choose>*,.cat>*,.revs-wrap>*,.banner>*,.hdr-top>*{min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:900px){.cards:not(.cards-2):not(.cards-4){grid-template-columns:1fr 1fr}}
@media (max-width:700px){.cards:not(.cards-2):not(.cards-4){grid-template-columns:1fr}.proj-info .btns .btn{white-space:normal}}
@media (max-width:700px){.hero-bg{height:240px}.hb{padding:6px 12px 6px 6px;gap:10px}.hero-btn{font-size:15px;padding:11px 14px;white-space:nowrap}.hb span{font-size:13px;white-space:nowrap}.adv{gap:8px;padding:10px}.adv div{gap:8px}}
@media (max-width:900px){.hero{background:#fff}.hero-in,.hero-adv{max-width:none;width:100%;margin:0}}

/* v2.1 — правки аудита 22.10 */
.card-b h3{margin:0 0 8px;font-size:20px;font-weight:700}
.card-b h3 a{text-decoration:none}
.cp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.cp div{background:#F6F4EF;border-radius:8px;padding:7px 10px}
.cp dt{font-size:12px;color:var(--mut)}
.cp dd{margin:0;font-weight:700;color:var(--br);font-size:16px;white-space:nowrap}
.cards-3{grid-template-columns:repeat(3,1fr)}
.sortbar{align-items:center;text-transform:none;font-size:14px}
.sortbar b{font-size:15px}
.sorts{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sorts button{background:rgba(255,255,255,.14);border:0;color:#fff;border-radius:5px;padding:7px 11px;font:600 13px Inter,sans-serif;cursor:pointer;min-height:36px}
.sorts button.on{background:#fff;color:var(--gr)}
.side summary{display:none}
.fb small{font-size:11px;opacity:.75;margin-left:4px}
.see-also{align-items:center;margin-top:18px}
.see-also span{color:var(--mut);font-size:14px;margin-right:4px}
.see-also .fb{padding:6px 14px}
.fold{display:none}
.seo-text.open .fold{display:block}
.seo-text.open .fold-btn{display:none}
.fold-btn{margin-top:6px}
.lbox{border:0;padding:0;background:transparent;max-width:min(1200px,94vw);max-height:92vh}
.lbox::backdrop{background:rgba(0,0,0,.85)}
.lbox img{max-height:88vh;width:auto;border-radius:8px}
.lbox .x{color:#fff;right:6px;top:2px;text-shadow:0 1px 4px #000}
.rab-h{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px}
.rab-h p{margin:0;color:var(--mut)}
.who{display:flex;gap:14px;align-items:center;background:#F6F4EF;border-radius:12px;padding:12px 14px;margin:16px 0}
.who img{width:72px;height:72px;border-radius:50%;flex-shrink:0}
.who p{margin:0;font-size:14.5px}
.otd-list{list-style:none;padding:0;margin:18px 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.otd-list li{padding-left:22px;position:relative}
.otd-list li:before{content:"";position:absolute;left:2px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--or)}
.otd-list a{color:var(--gr);font-weight:600}
.plans-1{grid-template-columns:1fr;max-width:900px}
.map .btn{margin-top:12px}
.hdr-call{display:none}
.adv-m{display:none}
.bign-n{white-space:nowrap}
@media (max-width:1180px){.cards-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
 .hdr-call{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gr);color:#fff;margin-left:auto}
 .hdr-call+.burger{margin-left:6px}
 .side{padding:0;box-shadow:var(--sh)}
 .side summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-weight:700;cursor:pointer;list-style:none}
 .side summary::-webkit-details-marker{display:none}
 .side[open] summary{border-bottom:1px solid var(--line)}
 .side>div{padding:12px 16px}
 .cat-promo{display:none}
 .cat-head{padding:16px}
 .hero-adv{display:none}
 .adv-m{display:block;margin-top:20px}
 .adv-m .adv{background:#fff;box-shadow:var(--sh)}
 .rab-h{flex-direction:column}
 .otd-list{grid-template-columns:1fr}
}
@media (max-width:700px){
 .cards-3{grid-template-columns:1fr}
 .hero-bg{height:200px}
 .intro{padding-top:24px}
 .intro h1{font-size:26px}
 .cards-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -20px;padding:4px 20px 14px}
 .cards-row .card{flex:0 0 82%;scroll-snap-align:start}
 .sec-h .btn{padding:10px 16px}
 .sortbar{flex-direction:column;align-items:flex-start;gap:8px}
}
@media (max-width:700px){.sorts button{min-height:44px}.sec-h .btn{min-height:44px}}