/* Автоматик24 — основной стиль */
:root{
  --dark:#18181a;
  --dark-2:#202022;
  --dark-3:#2a2a2d;
  --line-dark:#36363a;
  --gold:#e6b64c;
  --gold-2:#d29f32;
  --gold-soft:#f3d48a;
  --text:#1d1d1f;
  --muted:#6c6c70;
  --bg:#ffffff;
  --bg-2:#f4f4f5;
  --line:#e7e7ea;
  --radius:12px;
  --radius-s:8px;
  --shadow:0 10px 30px rgba(20,20,25,.08);
  --font:'Roboto',Arial,sans-serif;
  --font-h:'Roboto Condensed','Roboto',Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button,input,textarea,select{font:inherit;color:inherit}
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
.shell{margin:0 6px;border-radius:var(--radius);background:var(--dark);color:#fff;position:relative;overflow:hidden}
.gold{color:var(--gold)}
.h1,.h2,.h3{font-family:var(--font-h);font-weight:700;text-transform:uppercase;letter-spacing:.2px;line-height:1.12}
.h1{font-size:44px}
.h2{font-size:32px;margin-bottom:28px}
.h3{font-size:20px}
.sec{padding:80px 0}
.sec--gray{background:var(--bg-2)}
.sec__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}
.sec__head .h2{margin-bottom:0}
.sec__lead{color:var(--muted);max-width:520px;font-size:15px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 26px;border-radius:var(--radius-s);border:0;cursor:pointer;font-family:var(--font-h);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.4px;transition:.2s}
.btn--gold{background:linear-gradient(180deg,var(--gold-soft) -40%,var(--gold) 60%,var(--gold-2));color:#1b1b1b}
.btn--gold:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn--dark{background:var(--dark);color:#fff}
.btn--dark:hover{background:#000}
.btn--line{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.btn--line:hover{background:var(--gold);color:#1b1b1b}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}

/* ===== Header ===== */
.top{position:sticky;top:0;z-index:50;padding-top:4px;background:var(--bg)}
.top .shell{overflow:visible}
.top__in{display:flex;align-items:center;gap:26px;height:68px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo__mark{width:38px;height:38px}
.logo__txt b{display:block;font-family:var(--font-h);font-weight:700;font-style:italic;font-size:19px;letter-spacing:.6px;line-height:1;color:#fff}
.logo__txt b span{color:var(--gold)}
.logo__txt i{display:block;font-style:normal;font-size:10px;color:#a9a9ae;letter-spacing:.8px;margin-top:3px}
.nav{display:flex;gap:4px;margin:0 auto}
.nav__item{position:relative}
.nav__link{display:flex;align-items:center;gap:5px;padding:10px 12px;font-family:var(--font-h);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#e9e9ec;border-radius:6px;transition:.2s}
.nav__link:hover,.nav__link.is-active{color:var(--gold)}
.nav__link svg{width:9px;height:9px}
.nav__drop{position:absolute;top:100%;left:0;min-width:260px;background:var(--dark-2);border:1px solid var(--line-dark);border-radius:var(--radius-s);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.nav__item:hover .nav__drop{opacity:1;visibility:visible;transform:none}
.nav__drop a{display:block;padding:9px 12px;border-radius:6px;font-size:13.5px;color:#d9d9dc}
.nav__drop a:hover{background:var(--dark-3);color:var(--gold)}
.top__contact{text-align:right;line-height:1.25}
.top__contact a{font-weight:700;font-size:14px;color:#fff}
.top__contact a:hover{color:var(--gold)}
.top__contact span{display:block;font-size:10.5px;color:#a9a9ae;margin-top:3px}
.top__btns{display:flex;gap:10px}
.sq{width:40px;height:40px;border-radius:7px;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer}
.sq svg{width:18px;height:18px}
.sq--gold{background:var(--gold);color:#1b1b1b}
.sq--white{background:#fff;color:#2f8fd3}
.burger{display:none;background:transparent;color:#fff;border:1px solid var(--line-dark)}

/* ===== Hero ===== */
.hero{margin-top:10px}
.hero .shell{border:1px solid #2c2c2f}
.hero__grid{display:grid;grid-template-columns:1.02fr 1fr;gap:20px;padding:22px 0 22px 38px;align-items:stretch}
.hero__text{padding:28px 0 22px}
.hero__title{font-size:37px;line-height:1.18}
.hero__list{margin:26px 0 30px}
.hero__list li{position:relative;padding-left:16px;font-size:12.5px;color:#d0d0d4;margin-bottom:8px}
.hero__list li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.hero__img{border-radius:var(--radius-s);overflow:hidden;margin-right:12px;min-height:390px;background:#111}
.hero__img svg{width:100%;height:100%;object-fit:cover}
.qform{background:var(--dark-3);border-radius:var(--radius-s);padding:16px 18px 14px;max-width:530px}
.qform__row{display:flex;align-items:center;gap:12px}
.qform__label{font-family:var(--font-h);font-weight:700;text-transform:uppercase;font-size:13px;line-height:1.25;color:#fff;flex-shrink:0}
.qform input[type=tel],.qform input[type=text]{flex:1;min-width:0;height:42px;border-radius:6px;border:0;padding:0 14px;background:#fff;color:#1b1b1b;font-size:13px}
.qform .btn{height:42px;padding:0 20px;font-size:12.5px}
.agree{display:flex;align-items:flex-start;gap:9px;margin-top:12px;font-size:11.5px;line-height:1.45;color:#a9a9ae;cursor:pointer}
.agree input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:15px;height:15px;border:1px solid #7a7a80;border-radius:3px;background:transparent;margin-top:1px;cursor:pointer;position:relative}
.agree input:checked{background:var(--gold);border-color:var(--gold)}
.agree input:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #1b1b1b;border-width:0 2px 2px 0;transform:rotate(45deg)}
.agree a{color:var(--gold);text-decoration:underline}
.agree--light{color:var(--muted)}
.agree--light input{border-color:#b9b9bf}
.form-note{font-size:12px;margin-top:10px;display:none}
.form-note.is-ok{display:block;color:#4caf6a}
.form-note.is-err{display:block;color:#e5604c}

/* ===== Features ===== */
.feat{padding:44px 0 50px}
.feat__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fcard{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px 0;display:flex;flex-direction:column;min-height:330px;overflow:hidden}
.fcard p{margin-bottom:12px}
.fcard h3{font-family:var(--font-h);text-transform:uppercase;font-size:17px;line-height:1.2;margin-bottom:12px}
.fcard p{font-size:12.5px;color:var(--muted);line-height:1.5}
.fcard__img{margin-top:auto;height:120px;display:flex;align-items:flex-end;justify-content:center}
.fcard__img svg{height:120px;width:auto}
.stat-col{display:flex;flex-direction:column;gap:14px}
.stat{flex:1;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:20px}
.stat:before{content:"";position:absolute;left:50%;bottom:-110px;width:240px;height:200px;border-radius:50%;transform:translateX(-50%);background:rgba(255,255,255,.07)}
.stat b{font-family:var(--font-h);font-size:40px;line-height:1;position:relative}
.stat b sup{font-size:13px;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;vertical-align:top;margin-left:2px;background:rgba(255,255,255,.25)}
.stat span{font-size:11.5px;margin-top:10px;position:relative}
.stat--dark{background:var(--dark);color:var(--gold-soft)}
.stat--dark span{color:#d9d9dc}
.stat--gold{background:linear-gradient(180deg,#f0cb72,var(--gold-2));color:#fff}

/* ===== Brands ===== */
.brands .shell{background:#121214}
.brands__bg{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 30%,rgba(255,255,255,.09),transparent 55%),radial-gradient(ellipse at 15% 90%,rgba(230,182,76,.07),transparent 50%),linear-gradient(160deg,#1d1d20,#0e0e10)}
.brands__bg:after{content:"";position:absolute;right:-6%;top:12%;width:62%;height:70%;border-radius:45% 55% 30% 30%;background:linear-gradient(170deg,rgba(255,255,255,.07),rgba(255,255,255,0));filter:blur(18px)}
.brands__in{position:relative;padding:44px 0 60px}
.brands .h2{color:#fff}
.bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.btile{background:rgba(46,46,50,.85);min-height:118px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;transition:.25s;border:1px solid transparent}
.btile:nth-child(n+5){background:rgba(18,18,20,.75);border-color:#2e2e32}
.btile:hover{border-color:var(--gold);background:#2a2a2e}
.btile small{font-family:var(--font-h);font-weight:700;font-size:11px;text-transform:uppercase;color:#fff;letter-spacing:.4px}
.btile__mark{font-family:var(--font-h);font-weight:700;font-size:26px;color:#fff;letter-spacing:2px;text-transform:uppercase;line-height:1}
.btile__codes{font-size:10.5px;color:var(--gold);letter-spacing:.4px}
.btile--all{border:1px solid var(--gold)!important;background:rgba(18,18,20,.6)!important;justify-content:center}
.btile--all small{color:var(--gold);font-size:12px}

/* ===== Services ===== */
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.scard{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px 20px;display:flex;flex-direction:column;transition:.25s;border:1px solid transparent}
.scard:hover{border-color:var(--gold);transform:translateY(-3px)}
.scard__ic{width:54px;height:54px;border-radius:10px;background:var(--dark);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.scard__ic svg{width:28px;height:28px}
.scard h3{font-family:var(--font-h);text-transform:uppercase;font-size:17px;line-height:1.2;margin-bottom:10px}
.scard p{font-size:13px;color:var(--muted);margin-bottom:16px}
.scard__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}
.scard__price{font-family:var(--font-h);font-weight:700;font-size:17px}
.scard__more{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--gold-2)}

/* ===== Symptoms ===== */
.symp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.symp__i{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fff}
.symp__n{font-family:var(--font-h);font-size:30px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:12px}
.symp__i h4{font-family:var(--font-h);text-transform:uppercase;font-size:15px;margin-bottom:8px}
.symp__i p{font-size:13px;color:var(--muted)}

/* ===== Text / SEO ===== */
.text{font-size:15px;line-height:1.75;color:#333}
.text p{margin-bottom:16px}
.text h2{font-family:var(--font-h);text-transform:uppercase;font-size:24px;line-height:1.2;margin:34px 0 14px;color:var(--text)}
.text h3{font-family:var(--font-h);font-size:19px;margin:24px 0 10px;color:var(--text)}
.text ul,.text ol{margin:0 0 18px 0}
.text ul li{position:relative;padding-left:20px;margin-bottom:8px}
.text ul li:before{content:"";position:absolute;left:2px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.text ol{counter-reset:o}
.text ol li{counter-increment:o;position:relative;padding-left:32px;margin-bottom:10px}
.text ol li:before{content:counter(o);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:5px;background:var(--dark);color:var(--gold);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.text a{color:var(--gold-2);text-decoration:underline}
.text blockquote{border-left:4px solid var(--gold);background:var(--bg-2);padding:16px 20px;border-radius:0 var(--radius-s) var(--radius-s) 0;margin:20px 0;font-style:italic}
.text table,.ptable{width:100%;border-collapse:collapse;margin:10px 0 22px;font-size:14px}
.text th,.text td,.ptable th,.ptable td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.text th,.ptable th{background:var(--dark);color:#fff;font-family:var(--font-h);text-transform:uppercase;font-size:12.5px;letter-spacing:.3px}
.ptable td:last-child{font-weight:700;white-space:nowrap}
.ptable tr:hover td{background:#fbf6ea}
.seo{display:grid;grid-template-columns:1fr 340px;gap:50px;align-items:start}
.seo__aside{position:sticky;top:96px;background:var(--dark);color:#fff;border-radius:var(--radius);padding:26px}
.seo__aside h4{font-family:var(--font-h);text-transform:uppercase;font-size:19px;margin-bottom:10px}
.seo__aside p{font-size:13px;color:#bdbdc2;margin-bottom:18px}
.seo__aside ul li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-dark);font-size:13px}
.seo__aside ul li b{color:var(--gold)}
.seo__aside .btn{width:100%;margin-top:18px}
.cols2{columns:2;column-gap:44px}
.cols2 p{break-inside:avoid}

/* ===== Steps ===== */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:s}
.step{background:var(--dark);color:#fff;border-radius:var(--radius);padding:26px 24px;position:relative;overflow:hidden}
.step:after{counter-increment:s;content:"0" counter(s);position:absolute;right:16px;top:8px;font-family:var(--font-h);font-weight:700;font-size:64px;color:rgba(230,182,76,.13);line-height:1}
.step h4{font-family:var(--font-h);text-transform:uppercase;font-size:17px;margin-bottom:10px;color:var(--gold);position:relative;z-index:1}
.step p{font-size:13px;color:#c9c9cd;position:relative;z-index:1}

/* ===== Types ===== */
.types{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.type{border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.type__top{background:var(--dark);color:#fff;padding:22px;min-height:120px;position:relative}
.type__top b{font-family:var(--font-h);font-size:28px;color:var(--gold);display:block;line-height:1}
.type__top span{font-size:12px;color:#bdbdc2;display:block;margin-top:8px}
.type__body{padding:18px 22px 22px;font-size:13px;color:var(--muted)}
.type__body ul{margin-top:10px}
.type__body li{padding:5px 0;border-bottom:1px dashed var(--line);color:var(--text)}
.type__body a{display:inline-block;margin-top:14px;font-weight:700;font-size:12px;text-transform:uppercase;color:var(--gold-2)}

/* ===== CTA ===== */
.cta .shell{background:linear-gradient(110deg,#18181a 55%,#26262a)}
.cta__in{display:grid;grid-template-columns:1fr 470px;gap:40px;padding:52px 40px;align-items:center}
.cta__in p{color:#bdbdc2;margin-top:14px;font-size:14px}
.cta__deco{position:absolute;right:-60px;top:-60px;width:260px;height:260px;opacity:.08;color:var(--gold)}
.lform{background:var(--dark-3);border-radius:var(--radius);padding:24px;position:relative;z-index:1}
.lform input,.lform textarea,.lform select{width:100%;height:46px;border-radius:7px;border:0;padding:0 14px;background:#fff;color:#1b1b1b;font-size:14px;margin-bottom:10px}
.lform textarea{height:96px;padding:12px 14px;resize:vertical}
.lform .btn{width:100%;margin-top:4px}
.lform--light{background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}
.lform--light input,.lform--light textarea,.lform--light select{background:var(--bg-2);border:1px solid var(--line)}

/* ===== Advantages ===== */
.adv{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.adv__i{display:flex;gap:16px;padding:22px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.adv__ic{flex-shrink:0;width:46px;height:46px;border-radius:50%;background:#fbf1d9;color:var(--gold-2);display:flex;align-items:center;justify-content:center}
.adv__ic svg{width:22px;height:22px}
.adv__i h4{font-family:var(--font-h);text-transform:uppercase;font-size:15.5px;margin-bottom:6px}
.adv__i p{font-size:13px;color:var(--muted)}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.num{border-radius:var(--radius);padding:24px;background:var(--dark);color:#fff;text-align:center}
.num b{display:block;font-family:var(--font-h);font-size:40px;color:var(--gold);line-height:1}
.num span{display:block;margin-top:10px;font-size:12.5px;color:#c9c9cd}

/* ===== Equipment ===== */
.equip{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.equip__img{border-radius:var(--radius);overflow:hidden;background:var(--dark)}
.elist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.elist li{background:var(--bg-2);border-radius:var(--radius-s);padding:14px 16px;font-size:13px}
.elist li b{display:block;font-family:var(--font-h);text-transform:uppercase;font-size:14px;margin-bottom:4px}

/* ===== Compare ===== */
.cmp{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}
.cmp th,.cmp td{padding:15px 18px;border-bottom:1px solid var(--line);font-size:14px;text-align:left}
.cmp th{background:var(--dark);color:#fff;font-family:var(--font-h);text-transform:uppercase;font-size:13px}
.cmp th:nth-child(2){color:var(--gold)}
.cmp td:nth-child(2){background:#fdf8ec;font-weight:500}
.yes{color:#3b9a57;font-weight:700}
.no{color:#c9533f;font-weight:700}

/* ===== Warranty ===== */
.warr{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:center}
.warr__doc{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:30px;position:relative}
.warr__seal{position:absolute;right:20px;bottom:20px;width:84px;height:84px;border-radius:50%;border:3px solid var(--gold);color:var(--gold-2);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-h);font-weight:700;font-size:11px;text-transform:uppercase;transform:rotate(-12deg);line-height:1.1}
.warr__doc .ln{height:8px;border-radius:4px;background:var(--bg-2);margin-bottom:10px}
.warr__doc h4{font-family:var(--font-h);text-transform:uppercase;margin-bottom:18px}

/* ===== Blog cards ===== */
.bcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bcard{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:.25s}
.bcard:hover{transform:translateY(-3px)}
.bcard__cover{height:170px;background:var(--dark);position:relative;overflow:hidden}
.bcard__cover svg,.bcard__cover img{width:100%;height:100%;object-fit:cover}
.hero__img img,.phero__art img,.equip__img img{width:100%;height:100%;object-fit:cover}
.bcard__cat{position:absolute;left:14px;top:14px;background:var(--gold);color:#1b1b1b;font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:4px}
.bcard__body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.bcard__body h3{font-family:var(--font-h);font-size:18px;line-height:1.25;margin-bottom:10px}
.bcard__body p{font-size:13px;color:var(--muted);margin-bottom:14px}
.bcard__more{margin-top:auto;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--gold-2)}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.cats a{padding:9px 16px;border-radius:6px;background:var(--bg-2);font-size:13px;font-weight:500;border:1px solid var(--line)}
.cats a span{color:var(--muted);margin-left:4px}
.cats a.is-active,.cats a:hover{background:var(--dark);color:var(--gold);border-color:var(--dark)}

/* ===== FAQ ===== */
.faq{max-width:900px}
.faq__i{border-bottom:1px solid var(--line)}
.faq__q{width:100%;text-align:left;background:none;border:0;padding:20px 40px 20px 0;font-family:var(--font-h);font-weight:700;font-size:17px;cursor:pointer;position:relative}
.faq__q:after{content:"+";position:absolute;right:4px;top:14px;width:28px;height:28px;border-radius:6px;background:var(--dark);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:20px;transition:.2s}
.faq__i.is-open .faq__q:after{content:"–"}
.faq__a{display:none;padding:0 0 20px;color:#444;font-size:14.5px}
.faq__i.is-open .faq__a{display:block}

/* ===== Calc ===== */
.calc{display:grid;grid-template-columns:1fr 380px;gap:20px}
.calc__box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}
.calc__grp{margin-bottom:22px}
.calc__grp > b{display:block;font-family:var(--font-h);text-transform:uppercase;font-size:14px;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{cursor:pointer}
.chips input{display:none}
.chips span{display:inline-block;padding:9px 15px;border-radius:6px;border:1px solid var(--line);font-size:13px;background:var(--bg-2);transition:.15s}
.chips input:checked + span{background:var(--dark);color:var(--gold);border-color:var(--dark)}
.calc__res{background:var(--dark);color:#fff;border-radius:var(--radius);padding:28px;display:flex;flex-direction:column}
.calc__res small{color:#a9a9ae;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.calc__sum{font-family:var(--font-h);font-size:40px;font-weight:700;color:var(--gold);margin:8px 0 14px}
.calc__res p{font-size:13px;color:#bdbdc2;margin-bottom:18px}

/* ===== Contacts block ===== */
.contacts{display:grid;grid-template-columns:1fr 1.25fr;gap:14px}
.cbox{background:var(--dark);color:#fff;border-radius:var(--radius);padding:30px}
.cbox li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line-dark)}
.cbox li svg{width:20px;height:20px;color:var(--gold);flex-shrink:0;margin-top:2px}
.cbox li small{display:block;color:#9d9da2;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px}
.cbox li a:hover{color:var(--gold)}
.map{border-radius:var(--radius);overflow:hidden;min-height:380px;background:#e9e9ec;position:relative}
.map svg{width:100%;height:100%;position:absolute;inset:0}
.socials{display:flex;gap:8px;margin-top:20px}
.socials span{width:38px;height:38px;border-radius:7px;background:var(--dark-3);display:flex;align-items:center;justify-content:center;color:#d9d9dc}
.socials span svg{width:18px;height:18px}

/* ===== Inner pages ===== */
.phero{margin-top:10px}
.phero .shell{border:1px solid #2c2c2f}
.phero__in{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:center;padding:34px 38px 40px;min-height:260px}
.phero h1{font-size:36px}
.phero__lead{color:#c9c9cd;margin-top:16px;max-width:620px;font-size:14.5px}
.phero__art{height:200px;border-radius:var(--radius-s);overflow:hidden;background:#111}
.phero__art svg{width:100%;height:100%}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#9d9da2;margin-bottom:18px}
.crumbs a:hover{color:var(--gold)}
.crumbs span:before{content:"/";margin-right:6px;color:#55555a}
.page{padding:56px 0 70px}
.layout{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.side{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
.side__box{background:var(--bg-2);border-radius:var(--radius);padding:22px}
.side__box h4{font-family:var(--font-h);text-transform:uppercase;font-size:16px;margin-bottom:12px}
.side__box li a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.side__box li a:hover,.side__box li a.is-active{color:var(--gold-2)}
.side__box--dark{background:var(--dark);color:#fff}
.side__box--dark p{font-size:13px;color:#bdbdc2;margin-bottom:14px}
.side__box--dark .btn{width:100%}
.art-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#a9a9ae;margin-top:16px}
.art-meta b{color:var(--gold)}
.note{background:#fdf6e3;border:1px solid #f1dfae;border-radius:var(--radius-s);padding:16px 18px;font-size:14px;margin:20px 0}
.rev-empty{background:var(--bg-2);border-radius:var(--radius);padding:30px;text-align:center;color:var(--muted)}

/* ===== Footer ===== */
.foot{margin-top:20px;padding-bottom:6px}
.foot .shell{background:var(--dark)}
.foot__in{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:30px;padding:50px 0 36px}
.foot h5{font-family:var(--font-h);text-transform:uppercase;font-size:14px;color:var(--gold);margin-bottom:14px;letter-spacing:.4px}
.foot li{margin-bottom:8px;font-size:13.5px;color:#c9c9cd}
.foot li a:hover{color:var(--gold)}
.foot__about{font-size:13px;color:#9d9da2;margin-top:16px;max-width:300px}
.foot__bottom{border-top:1px solid var(--line-dark);padding:20px 0 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:#8d8d92}
.foot__bottom a{color:#c9c9cd}
.foot__bottom a:hover{color:var(--gold)}
.foot__ad a{color:var(--gold);text-decoration:underline}
.foot__legal{display:flex;gap:18px;flex-wrap:wrap}

/* ===== Cookie ===== */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.08);transform:translateY(110%);transition:.35s}
.cookie.is-show{transform:none}
.cookie__in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;font-size:12.5px}
.cookie__in a{text-decoration:underline;color:var(--gold-2)}
.cookie .btn{height:36px;padding:0 20px;font-size:12px;text-transform:none;background:var(--dark);color:#fff;flex-shrink:0}

/* ===== Modal ===== */
.modal{position:fixed;inset:0;z-index:100;background:rgba(10,10,12,.7);display:none;align-items:center;justify-content:center;padding:20px}
.modal.is-open{display:flex}
.modal__box{background:var(--dark);color:#fff;border-radius:var(--radius);padding:32px;max-width:440px;width:100%;position:relative}
.modal__box h3{font-family:var(--font-h);text-transform:uppercase;font-size:24px;margin-bottom:8px}
.modal__box p{font-size:13px;color:#bdbdc2;margin-bottom:18px}
.modal__x{position:absolute;right:14px;top:12px;background:none;border:0;color:#fff;font-size:26px;cursor:pointer}
.modal .lform{padding:0;background:none}

/* ===== 404 ===== */
.e404{text-align:center;padding:70px 20px}
.e404 b{display:block;font-family:var(--font-h);font-size:150px;line-height:1;color:var(--gold)}

/* ===== Responsive ===== */
@media(max-width:1100px){
  .nav,.top__contact{display:none}
  .burger{display:flex;margin-left:auto}
  .top__btns{margin-left:0}
  .nav.is-open{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--dark-2);padding:12px;border-radius:0 0 var(--radius) var(--radius);margin:0}
  .nav.is-open .nav__drop{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;border:0;background:transparent}
  .nav.is-open .nav__item.is-open .nav__drop{display:block}
  .hero__grid,.phero__in{grid-template-columns:1fr;padding:22px}
  .hero__img{margin:0;min-height:260px}
  .phero__art{display:none}
  .feat__grid,.sgrid,.symp,.types,.nums{grid-template-columns:repeat(2,1fr)}
  .bgrid{grid-template-columns:repeat(3,1fr)}
  .seo,.layout,.cta__in,.equip,.warr,.calc,.contacts{grid-template-columns:1fr}
  .seo__aside,.side{position:static}
  .foot__in{grid-template-columns:1fr 1fr}
  .steps,.adv,.bcards{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  body{font-size:14.5px}
  .shell{margin:0 4px}
  .h1,.hero__title,.phero h1{font-size:27px}
  .h2{font-size:24px}
  .sec{padding:54px 0}
  .sec__head{flex-direction:column;align-items:flex-start;gap:12px}
  .qform__row{flex-direction:column;align-items:stretch}
  .feat__grid,.sgrid,.symp,.types,.steps,.adv,.bcards,.nums,.elist,.foot__in{grid-template-columns:1fr}
  .bgrid{grid-template-columns:repeat(2,1fr)}
  .cols2{columns:1}
  .cta__in{padding:30px 20px}
  .cookie__in{flex-direction:column;align-items:flex-start}
  .text table,.ptable,.cmp{display:block;overflow-x:auto}
  .logo__txt b{font-size:16px}
  .sq--white{display:none}
}

/* ===== Доп. блоки главной ===== */
.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stage{border-radius:var(--radius);padding:26px;border:1px solid var(--line);background:#fff}
.stage__tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:14px}
.stage h4{font-family:var(--font-h);text-transform:uppercase;font-size:18px;margin-bottom:8px}
.stage p{font-size:13.5px;color:var(--muted);margin-bottom:14px}
.stage b{font-family:var(--font-h);font-size:24px}
.stage--1 .stage__tag{background:#e3f4e7;color:#2f8a4a}
.stage--2 .stage__tag{background:#fdf1d6;color:#a87412}
.stage--3 .stage__tag{background:#fbe2dd;color:#b23d29}
.stage--3{background:var(--dark);color:#fff;border-color:var(--dark)}
.stage--3 p{color:#bdbdc2}
.codes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.code{background:var(--dark);border-radius:var(--radius-s);padding:16px 12px;text-align:center;color:#fff}
.code b{display:block;font-family:var(--font-h);font-size:19px;color:var(--gold)}
.code span{font-size:11.5px;color:#a9a9ae}
.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative;margin-top:10px}
.timeline:before{content:"";position:absolute;left:4%;right:4%;top:22px;height:2px;background:var(--gold)}
.tl{text-align:center;padding:0 10px;position:relative}
.tl i{display:flex;width:46px;height:46px;margin:0 auto 14px;border-radius:50%;background:var(--dark);color:var(--gold);align-items:center;justify-content:center;font-style:normal;font-family:var(--font-h);font-weight:700;border:3px solid var(--gold)}
.tl h4{font-family:var(--font-h);text-transform:uppercase;font-size:14px;margin-bottom:6px}
.tl p{font-size:12.5px;color:var(--muted)}
.districts{display:flex;flex-wrap:wrap;gap:8px}
.districts span{padding:8px 14px;border-radius:6px;background:#fff;border:1px solid var(--line);font-size:13px}
@media(max-width:1100px){.stages{grid-template-columns:1fr}.codes{grid-template-columns:repeat(3,1fr)}.timeline{grid-template-columns:repeat(3,1fr);row-gap:24px}.timeline:before{display:none}}
@media(max-width:640px){.codes{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr 1fr}}
.lform .agree input,.lform--light .agree input{width:15px;height:15px;min-width:15px;padding:0;margin:1px 0 0;border-radius:3px;background:transparent;border:1px solid #7a7a80}
.lform--light .agree input{border-color:#b9b9bf}
.lform .agree input:checked{background:var(--gold);border-color:var(--gold)}
html,body{overflow-x:hidden}
.btile__mark{word-break:break-word}
@media(max-width:640px){
  .qform input[type=tel],.qform input[type=text]{flex:none;width:100%}
  .btile__mark{font-size:17px;letter-spacing:1px}
  .btile{min-height:100px;padding:12px 8px}
  .fcard{min-height:0}
  .seo__aside{padding:20px}
  .cmp th,.cmp td{padding:10px;font-size:13px}
}
.layout > *,.seo > *,.cta__in > *,.contacts > *,.calc > *,.equip > *,.warr > *,.hero__grid > *,.phero__in > *{min-width:0}
@media(max-width:1100px){.layout,.seo,.cta__in,.equip,.warr,.calc,.contacts{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.symp[style]{grid-template-columns:1fr!important}.steps[style]{grid-template-columns:1fr!important}.adv[style]{grid-template-columns:1fr!important}.text .ptable{display:table}}