/* (early scroll fix убран — конфликтовал) */
/* Курсор-элементы точно не блокируют */
.cursor-dot, .cursor-ring { pointer-events: none !important; }
/* Hero градиенты не перехватывают */
.hero-v3::before, .hero-v3::after, .hero-v3__grid-pattern { pointer-events: none !important; }
/* tilt-карточки не ломают поток */
.tilt-card { transform-style: flat; }


/* ===== REVEAL FIX — контент виден без JS и при открытии локально ===== */
.reveal{opacity:1 !important;transform:none !important}
.reveal.is-animating{opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s}
.reveal.is-animating.is-visible{opacity:1 !important;transform:none !important}

@font-face { font-display: swap; }
/* =========================================================
   Синга Сервис — styles.css v6 design
   Сервисный центр в Ростове-на-Дону
   ========================================================= */

/* ---------- Шрифт ---------- */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Onest:wght@400;500;700;800;900&display=swap');

/* ---------- Переменные / айдентика ---------- */
:root{
  --bg:#ffffff;
  --bg-soft:#f3f6fc;
  --bg-soft-2:#eaf1fb;
  --ink:#10203b;
  --ink-soft:#5b6982;
  --ink-mute:#8b97ad;
  --line:#e4eaf4;
  --line-soft:#eef2f9;

  --brand:#5b4af0;
  --brand-dark:#4632c4;
  --brand-soft:#eeebfe;
  --brand-glow:rgba(91,74,240,.20);

  --navy:#0b1830;
  --navy-2:#11264a;

  --green:#18a957;
  --green-dark:#0f8e47;

  --radius-s:14px;
  --radius:20px;
  --radius-l:28px;
  --radius-xl:36px;

  --shadow-s:0 4px 14px rgba(16,32,59,.06);
  --shadow:0 14px 40px rgba(16,32,59,.10);
  --shadow-l:0 28px 70px rgba(16,32,59,.16);
  --shadow-brand:0 18px 44px rgba(91,74,240,.30);

  --maxw:1240px;
  --header-h:84px;

  --t:cubic-bezier(.21,.6,.35,1);
}

/* ---------- Сброс ---------- */
*{margin:0;padding:0;box-sizing:border-box}

/* Иконки из общего SVG-спрайта (контурный стиль).
   У <use> shadow DOM не всегда наследует fill/stroke с родительского <g>, поэтому
   жёстко задаём оформление через CSS на самих <svg>. */
svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* Логотип-молния — это <path fill="white"> внутри цветной плашки: оставляем заливку */
.logo__mark svg,.footer__name svg{fill:currentColor;stroke:none}
.logo__mark svg path{fill:#fff}
html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%;overflow-x:clip}
body{
  font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
  font-size:17px;
  font-weight:500;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,textarea,select{font-family:inherit;font-size:16px}

/* ---------- Контейнер / служебное ---------- */
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.section{padding:84px 0}
.section--tight{padding:60px 0}
.section--soft{background:var(--bg-soft)}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;
  color:var(--brand);background:var(--brand-soft);
  padding:8px 16px;border-radius:999px;margin-bottom:18px;
  max-width:100%;white-space:normal;
}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);flex:none}

h1,h2,h3,h4{line-height:1.14;font-weight:800;letter-spacing:-.02em;color:var(--ink);overflow-wrap:break-word;word-wrap:break-word}
.section-title{font-size:clamp(28px,4vw,46px);margin-bottom:14px}
.section-lead{font-size:18px;color:var(--ink-soft);max-width:680px;font-weight:500}
.section-head{margin-bottom:48px}
.section-head--center{text-align:center}
.section-head--center .section-lead{margin-left:auto;margin-right:auto}
.text-accent{color:var(--brand)}

/* ---------- Кнопки ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-weight:800;font-size:16px;letter-spacing:-.01em;
  padding:16px 28px;border-radius:999px;
  transition:transform .25s var(--t),box-shadow .25s var(--t),background .25s var(--t);
  white-space:nowrap;
}
.btn svg{width:20px;height:20px;flex:none}
.btn:active{transform:scale(.97)}

.btn--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}
.btn--primary:hover{background:var(--brand-dark);transform:translateY(-2px)}

.btn--call{background:var(--green);color:#fff;box-shadow:0 16px 38px rgba(24,169,87,.32)}
.btn--call:hover{background:var(--green-dark);transform:translateY(-2px)}

.btn--tg{background:#2aabee;color:#fff;box-shadow:0 16px 38px rgba(42,171,238,.30)}
.btn--tg:hover{background:#1d96d6;transform:translateY(-2px)}

.btn--ghost{background:#fff;color:var(--ink);border:1.6px solid var(--line)}
.btn--ghost:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}

.btn--light{background:rgba(255,255,255,.12);color:#fff;border:1.6px solid rgba(255,255,255,.24)}
.btn--light:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}

.btn--lg{padding:19px 34px;font-size:17px}
.btn--sm{padding:12px 20px;font-size:14px}
.btn--block{width:100%}

/* ===================================================
   ШАПКА
   =================================================== */
.header{
  position:sticky;top:0;z-index:200;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;
  transition:border-color .3s var(--t),box-shadow .3s var(--t);
}
.header.is-stuck{border-color:var(--line);box-shadow:0 8px 30px rgba(16,32,59,.07)}

.topbar{
  background:var(--navy);color:#cfdaee;font-size:13.5px;font-weight:600;
}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:42px}
.topbar__left{display:flex;gap:22px;flex-wrap:wrap}
.topbar__item{display:flex;align-items:center;gap:7px}
.topbar__item svg{width:15px;height:15px;color:var(--brand)}
.topbar__right a{transition:color .2s}
.topbar__right a:hover{color:#fff}

.nav{display:flex;align-items:center;gap:18px;min-height:var(--header-h)}

.logo{display:flex;align-items:center;gap:13px;flex:none}
.logo__mark{
  width:50px;height:50px;border-radius:14px;flex:none;
  background:linear-gradient(140deg,var(--brand),#3f86ff 55%,#4632c4);
  display:grid;place-items:center;box-shadow:var(--shadow-brand);
}
.logo__mark svg{width:28px;height:28px}
.logo__text{display:flex;flex-direction:column;line-height:1.1}
.logo__name{font-size:21px;font-weight:800;letter-spacing:-.02em}
.logo__name b{color:var(--brand)}
.logo__sub{font-size:11.5px;color:var(--ink-soft);font-weight:600;letter-spacing:.01em}

.menu{display:flex;gap:2px;margin-left:8px}
.menu a{
  font-size:14.5px;font-weight:700;color:var(--ink);
  padding:9px 12px;border-radius:10px;transition:color .2s,background .2s;
  white-space:nowrap;
}
.menu a:hover{color:var(--brand);background:var(--brand-soft)}

.nav__actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.nav__phone{display:flex;flex-direction:column;line-height:1.15;text-align:right;white-space:nowrap}
.nav__phone span{font-size:11px;color:var(--ink-soft);font-weight:600}
.nav__phone b{font-size:16px;font-weight:800;letter-spacing:-.01em}
.nav__phone b:hover{color:var(--brand)}

.burger{
  display:none;width:46px;height:46px;border-radius:12px;
  background:var(--brand-soft);place-items:center;flex:none;
}
.burger span{display:block;width:21px;height:2.4px;background:var(--brand);border-radius:2px;transition:.3s var(--t)}
.burger span+span{margin-top:5px}
.burger.is-open span:nth-child(1){transform:translateY(7.4px) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-7.4px) rotate(-45deg)}

/* мобильное меню */
.mobile-menu{
  position:fixed;inset:0 0 0 auto;width:min(370px,86vw);z-index:300;
  background:#fff;box-shadow:var(--shadow-l);
  transform:translateX(105%);transition:transform .4s var(--t);
  display:flex;flex-direction:column;padding:24px;overflow-y:auto;
}
.mobile-menu.is-open{transform:translateX(0)}
.mobile-menu__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.mobile-menu__close{width:44px;height:44px;border-radius:12px;background:var(--bg-soft);display:grid;place-items:center;font-size:22px;color:var(--ink-soft)}
.mobile-menu nav a{
  display:block;padding:15px 14px;font-size:17px;font-weight:700;
  border-radius:12px;border-bottom:1px solid var(--line-soft);
}
.mobile-menu nav a:hover{background:var(--brand-soft);color:var(--brand)}
.mobile-menu__actions{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:12px}
.scrim{
  position:fixed;inset:0;background:rgba(11,24,48,.55);
  z-index:250;opacity:0;visibility:hidden;transition:.3s;
}
.scrim.is-open{opacity:1;visibility:visible}

/* ===================================================
   HERO
   =================================================== */
.hero{position:relative;padding:64px 0 88px;overflow:hidden}
.hero::before{
  content:"";position:absolute;top:-220px;right:-160px;width:680px;height:680px;
  background:radial-gradient(circle,var(--brand-glow),transparent 62%);z-index:-1;
}
.hero::after{
  content:"";position:absolute;bottom:-260px;left:-200px;width:560px;height:560px;
  background:radial-gradient(circle,rgba(24,169,87,.10),transparent 64%);z-index:-1;
}
.hero__grid{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}
.hero h1{font-size:clamp(34px,5vw,58px);margin-bottom:20px}
.hero h1 span{
  background:linear-gradient(120deg,var(--brand),#3f86ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero__lead{font-size:19px;color:var(--ink-soft);max-width:540px;margin-bottom:28px;font-weight:500}
.hero__btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}

.hero__usp{display:flex;flex-wrap:wrap;gap:10px}
.hero__usp li{
  display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;
  background:#fff;border:1px solid var(--line);padding:10px 15px;border-radius:999px;
  box-shadow:var(--shadow-s);
}
.hero__usp svg{width:18px;height:18px;color:var(--green);flex:none}

/* визуал справа */
.hero__visual{position:relative}
.device-board{
  position:relative;background:linear-gradient(160deg,#fff,#f1f5fd);
  border:1px solid var(--line);border-radius:var(--radius-xl);
  padding:30px;box-shadow:var(--shadow-l);
}
.device-board__head{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.device-board__dot{width:11px;height:11px;border-radius:50%;background:#dbe3f0}
.device-board__dot:nth-child(1){background:#ff6b6b}
.device-board__dot:nth-child(2){background:#ffc14d}
.device-board__dot:nth-child(3){background:var(--green)}
.device-board__title{margin-left:6px;font-size:13.5px;font-weight:800;color:var(--ink-soft)}
.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.device-chip{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);
  padding:16px 12px;text-align:center;transition:transform .3s var(--t),border-color .3s;
}
.device-chip:hover{transform:translateY(-5px);border-color:var(--brand)}
.device-chip__ico{
  width:46px;height:46px;margin:0 auto 9px;border-radius:12px;
  background:var(--brand-soft);display:grid;place-items:center;
}
.device-chip__ico svg{width:26px;height:26px;color:var(--brand)}
.device-chip span{font-size:12.5px;font-weight:700;color:var(--ink)}

.hero__badge{
  position:absolute;background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:13px 17px;box-shadow:var(--shadow);
  display:flex;align-items:center;gap:11px;
}
.hero__badge svg{width:30px;height:30px;flex:none}
.hero__badge b{display:block;font-size:15px;font-weight:800;line-height:1.2}
.hero__badge small{font-size:12px;color:var(--ink-soft);font-weight:600}
.hero__badge--tl{top:-22px;left:-26px;animation:float 5s ease-in-out infinite}
.hero__badge--br{bottom:-26px;right:-22px;animation:float 5.6s ease-in-out infinite .6s}
@keyframes float{50%{transform:translateY(-12px)}}

/* лента-маркер */
.marquee{
  background:var(--navy);color:#fff;overflow:hidden;padding:16px 0;
  border-top:1px solid rgba(255,255,255,.06);
}
.marquee__track{display:flex;gap:42px;width:max-content;animation:scroll 32s linear infinite}
.marquee__track span{display:flex;align-items:center;gap:42px;font-weight:800;font-size:16px;letter-spacing:-.01em}
.marquee__track span::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand)}
@keyframes scroll{to{transform:translateX(-50%)}}

/* ===================================================
   КАРТОЧНЫЕ СЕТКИ
   =================================================== */
.grid{display:grid;gap:20px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}

/* карточка «что ремонтируем» */
.svc-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;display:flex;flex-direction:column;
  transition:transform .3s var(--t),box-shadow .3s var(--t),border-color .3s;
}
.svc-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#cdd9ee}
.svc-card__ico{
  width:58px;height:58px;border-radius:16px;margin-bottom:16px;
  background:linear-gradient(150deg,var(--brand-soft),#ddd7fb);
  display:grid;place-items:center;
}
.svc-card__ico svg{width:31px;height:31px;color:var(--brand)}
.svc-card h3{font-size:20px;margin-bottom:8px}
.svc-card p{font-size:14.5px;color:var(--ink-soft);margin-bottom:14px;flex:none}
.svc-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.svc-card__tags span{
  font-size:12px;font-weight:700;color:var(--ink-soft);
  background:var(--bg-soft);padding:5px 11px;border-radius:8px;
}
.svc-card__more{
  margin-top:auto;display:inline-flex;align-items:center;gap:7px;
  font-weight:800;font-size:14.5px;color:var(--brand);
}
.svc-card__more svg{width:17px;height:17px;transition:transform .25s var(--t)}
.svc-card:hover .svc-card__more svg{transform:translateX(5px)}

/* карточка «проблема» */
.prob-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);
  padding:20px;text-align:left;width:100%;
  display:flex;align-items:center;gap:14px;
  transition:transform .25s var(--t),box-shadow .25s var(--t),border-color .25s;
}
.prob-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-s);border-color:var(--brand)}
.prob-card__ico{
  width:46px;height:46px;border-radius:12px;flex:none;
  background:#fff3f0;display:grid;place-items:center;
}
.prob-card__ico svg{width:24px;height:24px;color:#ef5b46}
.prob-card b{font-size:15px;font-weight:800;display:block;line-height:1.25}
.prob-card small{font-size:12.5px;color:var(--ink-soft);font-weight:600}

/* преимущества */
.feat-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;transition:transform .3s var(--t),box-shadow .3s var(--t);
}
.feat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.feat-card__num{font-size:13px;font-weight:800;color:var(--brand);letter-spacing:.08em}
.feat-card__ico{
  width:52px;height:52px;border-radius:14px;margin:14px 0 14px;
  background:var(--brand-soft);display:grid;place-items:center;
}
.feat-card__ico svg{width:28px;height:28px;color:var(--brand)}
.feat-card h3{font-size:18px;margin-bottom:7px}
.feat-card p{font-size:14.5px;color:var(--ink-soft)}

/* ===================================================
   ШАГИ «КАК ПРОХОДИТ РЕМОНТ»
   =================================================== */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:s}
.step{
  position:relative;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:28px 22px;
}
.step__num{
  width:48px;height:48px;border-radius:13px;
  background:var(--navy);color:#fff;display:grid;place-items:center;
  font-size:20px;font-weight:800;margin-bottom:16px;
}
.step h3{font-size:16.5px;margin-bottom:7px}
.step p{font-size:13.5px;color:var(--ink-soft)}
.step:not(:last-child)::after{
  content:"";position:absolute;top:48px;right:-12px;width:24px;height:2px;
  background:var(--line);z-index:1;
}

/* ===================================================
   ЦЕНЫ — вкладки
   =================================================== */
.price-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px;justify-content:center}
.price-tab{
  padding:11px 20px;border-radius:999px;font-weight:700;font-size:14.5px;
  background:#fff;border:1.6px solid var(--line);color:var(--ink-soft);
  transition:.2s var(--t);
}
.price-tab:hover{border-color:var(--brand);color:var(--brand)}
.price-tab.is-active{background:var(--navy);border-color:var(--navy);color:#fff}

.price-panel{display:none}
.price-panel.is-active{display:block;animation:fade .35s var(--t)}
@keyframes fade{from{opacity:0;transform:translateY(8px)}}

.price-list{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;
}
.price-row{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:18px 24px;border-bottom:1px solid var(--line-soft);
  transition:background .2s;
}
.price-row:last-child{border-bottom:none}
.price-row:hover{background:var(--bg-soft)}
.price-row__name{font-weight:700;font-size:15.5px}
.price-row__name small{display:block;font-size:12.5px;color:var(--ink-soft);font-weight:600}
.price-row__val{font-weight:800;font-size:16px;color:var(--brand);white-space:nowrap}
.price-note{
  margin-top:16px;font-size:13.5px;color:var(--ink-soft);
  display:flex;align-items:center;gap:8px;justify-content:center;
}
.price-note svg{width:17px;height:17px;color:var(--brand);flex:none}

/* ===================================================
   КАЛЬКУЛЯТОР (мини-форма)
   =================================================== */
.calc{
  background:linear-gradient(155deg,var(--navy),var(--navy-2));
  border-radius:var(--radius-xl);padding:46px;color:#fff;
  position:relative;overflow:hidden;
}
.calc::before{
  content:"";position:absolute;top:-120px;right:-90px;width:380px;height:380px;
  background:radial-gradient(circle,var(--brand-glow),transparent 65%);
}
.calc__inner{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.calc__info h2{color:#fff;font-size:clamp(26px,3.4vw,38px);margin-bottom:14px}
.calc__info p{color:#b9c6dd;font-size:16px;margin-bottom:22px}
.calc__steps-mini{display:flex;flex-direction:column;gap:12px}
.calc__steps-mini li{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600;color:#d4ddec}
.calc__steps-mini i{
  width:30px;height:30px;border-radius:9px;flex:none;
  background:rgba(255,255,255,.10);display:grid;place-items:center;
  font-style:normal;font-weight:800;font-size:14px;color:#fff;
}

.calc__form{
  background:#fff;border-radius:var(--radius-l);padding:30px;color:var(--ink);
}
.calc__progress{display:flex;gap:6px;margin-bottom:22px}
.calc__progress span{height:5px;flex:1;border-radius:3px;background:var(--line);transition:.3s}
.calc__progress span.is-done{background:var(--brand)}

.calc-step{display:none}
.calc-step.is-active{display:block;animation:fade .3s var(--t)}
.calc-step__label{font-size:13px;font-weight:800;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.calc-step__q{font-size:20px;font-weight:800;margin-bottom:18px}

.opt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.opt{
  display:flex;align-items:center;gap:10px;padding:14px;border-radius:13px;
  border:1.6px solid var(--line);background:#fff;text-align:left;
  font-weight:700;font-size:14px;transition:.2s var(--t);
}
.opt:hover{border-color:var(--brand);background:var(--brand-soft)}
.opt.is-sel{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.opt svg{width:22px;height:22px;flex:none;color:var(--brand)}

.field{margin-bottom:14px}
.field label{display:block;font-size:13.5px;font-weight:700;margin-bottom:6px}
.field input{
  width:100%;padding:14px 16px;border-radius:12px;
  border:1.6px solid var(--line);background:var(--bg-soft);
  transition:.2s;font-weight:600;
}
.field input:focus{outline:none;border-color:var(--brand);background:#fff}
.field input.is-error{border-color:#ef5b46;background:#fff5f3}
.field__err{font-size:12.5px;color:#ef5b46;font-weight:700;margin-top:5px;display:none}
.field__err.show{display:block}

.calc__nav{display:flex;gap:10px;margin-top:20px}
.calc__nav .btn{flex:1}

.calc-done{display:none;text-align:center;padding:14px 0}
.calc-done.show{display:block;animation:fade .35s var(--t)}
.calc-done__ico{
  width:72px;height:72px;border-radius:50%;margin:0 auto 16px;
  background:#e7f8ee;display:grid;place-items:center;
}
.calc-done__ico svg{width:38px;height:38px;color:var(--green)}
.calc-done h3{font-size:22px;margin-bottom:8px}
.calc-done p{font-size:15px;color:var(--ink-soft);margin-bottom:20px}

/* ===================================================
   АДРЕСА
   =================================================== */
.addr-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:start}
.addr-list{display:flex;flex-direction:column;gap:14px}
.addr-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;transition:.25s var(--t);
}
.addr-card:hover{box-shadow:var(--shadow);border-color:#cdd9ee}
.addr-card__top{display:flex;align-items:flex-start;gap:13px;margin-bottom:14px}
.addr-card__pin{
  width:44px;height:44px;border-radius:12px;flex:none;
  background:var(--brand-soft);display:grid;place-items:center;
}
.addr-card__pin svg{width:23px;height:23px;color:var(--brand)}
.addr-card__top b{font-size:17px;font-weight:800;display:block}
.addr-card__top small{font-size:13px;color:var(--ink-soft);font-weight:600}
.addr-card__hint{
  display:flex;align-items:center;gap:7px;font-size:12.5px;
  color:var(--green-dark);font-weight:700;margin-bottom:14px;
}
.addr-card__hint svg{width:15px;height:15px}
.addr-card__btns{display:flex;gap:9px;flex-wrap:wrap}

.map-frame{
  border-radius:var(--radius-l);overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--shadow);min-height:520px;position:relative;
  background:linear-gradient(150deg,#e9f0fb,#dde8f8);
}
/* плейсхолдер карты, пока не вставлен Яндекс iframe */
.map-frame__placeholder{
  position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;padding:30px;gap:8px;
}
.map-frame__placeholder svg{width:54px;height:54px;color:var(--brand);opacity:.8}
.map-frame__placeholder b{font-size:18px;font-weight:800}
.map-frame__placeholder span{font-size:14px;color:var(--ink-soft);max-width:320px}
.map-frame iframe{width:100%;height:100%;min-height:520px;border:0;display:block}

/* ===================================================
   КУРЬЕР
   =================================================== */
.courier{
  background:linear-gradient(150deg,var(--brand),#4632c4);
  border-radius:var(--radius-xl);padding:46px;color:#fff;
  display:grid;grid-template-columns:1.3fr .7fr;gap:36px;align-items:center;
  position:relative;overflow:hidden;
}
.courier::before{
  content:"";position:absolute;right:-60px;bottom:-80px;width:300px;height:300px;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 65%);
}
.courier__body{position:relative}
.courier h2{color:#fff;font-size:clamp(24px,3vw,34px);margin-bottom:12px}
.courier p{color:#dbe6ff;font-size:16px;margin-bottom:22px;max-width:520px}
.courier__btns{display:flex;gap:12px;flex-wrap:wrap}
.courier__ico{position:relative;text-align:center}
.courier__ico svg{width:160px;height:160px;color:rgba(255,255,255,.92)}

/* ===================================================
   ОТЗЫВЫ
   =================================================== */
.rating-bar{
  display:flex;flex-wrap:wrap;align-items:center;gap:24px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:24px 28px;margin-bottom:28px;
}
.rating-bar__score{display:flex;align-items:center;gap:14px}
.rating-bar__num{font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1}
.rating-bar__stars{color:#ffb020;font-size:18px;letter-spacing:2px}
.rating-bar__stars+small{font-size:13px;color:var(--ink-soft);font-weight:600}
.rating-bar__links{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}

.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;transition:.25s var(--t);
}
.review:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.review__stars{color:#ffb020;font-size:15px;letter-spacing:2px;margin-bottom:12px}
.review__text{font-size:14.5px;color:var(--ink);margin-bottom:16px}
.review__person{display:flex;align-items:center;gap:11px}
.review__ava{
  width:42px;height:42px;border-radius:50%;flex:none;
  display:grid;place-items:center;font-weight:800;color:#fff;font-size:16px;
}
.review__person b{font-size:14.5px;font-weight:800;display:block}
.review__person small{font-size:12px;color:var(--ink-soft);font-weight:600}

/* ===================================================
   CTA-блок
   =================================================== */
.cta-final{
  background:linear-gradient(160deg,var(--navy),#142a52);
  border-radius:var(--radius-xl);padding:60px 46px;text-align:center;
  color:#fff;position:relative;overflow:hidden;
}
.cta-final::before,.cta-final::after{
  content:"";position:absolute;border-radius:50%;
}
.cta-final::before{top:-140px;left:-100px;width:380px;height:380px;background:radial-gradient(circle,var(--brand-glow),transparent 65%)}
.cta-final::after{bottom:-160px;right:-120px;width:420px;height:420px;background:radial-gradient(circle,rgba(24,169,87,.14),transparent 66%)}
.cta-final__in{position:relative;max-width:680px;margin:0 auto}
.cta-final h2{color:#fff;font-size:clamp(26px,3.6vw,40px);margin-bottom:14px}
.cta-final p{color:#c3cee2;font-size:17px;margin-bottom:28px}
.cta-final__btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}

/* ===================================================
   ФУТЕР
   =================================================== */
.footer{background:var(--navy);color:#aab8d0;padding:62px 0 28px}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;margin-bottom:40px}
.footer__name{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footer__name .logo__mark{width:44px;height:44px}
.footer__name b{font-size:19px;color:#fff;font-weight:800}
.footer p{font-size:14px;line-height:1.65;margin-bottom:16px}
.footer h4{color:#fff;font-size:15px;margin-bottom:16px;font-weight:800}
.footer ul li{margin-bottom:10px}
.footer ul a{font-size:14px;transition:color .2s}
.footer ul a:hover{color:#fff}
.footer__contact a{display:flex;align-items:center;gap:9px;font-size:14px;margin-bottom:11px}
.footer__contact svg{width:17px;height:17px;color:var(--brand);flex:none}
.footer__phone{font-size:22px;font-weight:800;color:#fff!important;margin-bottom:14px!important}
.footer__bottom{
  border-top:1px solid rgba(255,255,255,.09);padding-top:24px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:13px;
}
.footer__bottom a:hover{color:#fff}
.footer__legal{display:flex;gap:18px;flex-wrap:wrap}

/* ===================================================
   МОДАЛЬНОЕ ОКНО
   =================================================== */
.modal{
  position:fixed;inset:0;z-index:400;display:flex;align-items:center;
  justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:.28s var(--t);
}
.modal.is-open{opacity:1;visibility:visible}
.modal__overlay{position:absolute;inset:0;background:rgba(11,24,48,.62);backdrop-filter:blur(3px)}
.modal__box{
  position:relative;background:#fff;border-radius:var(--radius-l);
  padding:36px;width:min(480px,100%);box-shadow:var(--shadow-l);
  transform:translateY(24px) scale(.97);transition:.32s var(--t);
  max-height:90vh;overflow-y:auto;
}
.modal.is-open .modal__box{transform:translateY(0) scale(1)}
.modal__close{
  position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:11px;
  background:var(--bg-soft);display:grid;place-items:center;font-size:20px;color:var(--ink-soft);
  transition:.2s;
}
.modal__close:hover{background:#fde9e6;color:#ef5b46}
.modal__box h3{font-size:23px;margin-bottom:6px}
.modal__box .modal__lead{font-size:14.5px;color:var(--ink-soft);margin-bottom:22px}

/* ===================================================
   ХЛЕБНЫЕ КРОШКИ + PAGE HERO (страницы услуг)
   =================================================== */
.crumbs{font-size:13.5px;font-weight:600;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.crumbs a:hover{color:var(--brand)}
.crumbs span{color:var(--ink-mute)}

.page-hero{
  position:relative;padding:34px 0 56px;overflow:hidden;
  background:linear-gradient(170deg,var(--bg-soft),#fff);
}
.page-hero::before{
  content:"";position:absolute;top:-200px;right:-140px;width:560px;height:560px;
  background:radial-gradient(circle,var(--brand-glow),transparent 64%);z-index:0;
}
.page-hero__grid{
  position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;
  gap:44px;align-items:center;margin-top:26px;
}
.page-hero h1{font-size:clamp(30px,4.2vw,46px);margin-bottom:16px}
.page-hero__lead{font-size:17.5px;color:var(--ink-soft);margin-bottom:24px}
.page-hero__btns{display:flex;gap:12px;flex-wrap:wrap}
.page-hero__card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);
  padding:30px;box-shadow:var(--shadow);
}
.page-hero__card h3{font-size:18px;margin-bottom:16px}
.mini-list li{
  display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:600;
  padding:11px 0;border-bottom:1px solid var(--line-soft);
}
.mini-list li:last-child{border-bottom:none}
.mini-list svg{width:20px;height:20px;color:var(--green);flex:none}

/* список неисправностей */
.fault-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.fault-item{
  display:flex;align-items:flex-start;gap:12px;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius-s);padding:18px;
  transition:.2s var(--t);
}
.fault-item:hover{border-color:var(--brand);transform:translateX(4px)}
.fault-item__ico{
  width:38px;height:38px;border-radius:10px;flex:none;
  background:#fff3f0;display:grid;place-items:center;
}
.fault-item__ico svg{width:21px;height:21px;color:#ef5b46}
.fault-item b{font-size:15px;font-weight:800;display:block;line-height:1.3}
.fault-item small{font-size:12.5px;color:var(--ink-soft);font-weight:600}

/* FAQ */
.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);
  overflow:hidden;transition:border-color .2s;
}
.faq-item.is-open{border-color:var(--brand)}
.faq-item__q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:20px 24px;font-weight:800;font-size:16px;text-align:left;color:var(--ink);
}
.faq-item__q i{
  width:30px;height:30px;border-radius:9px;flex:none;background:var(--brand-soft);
  display:grid;place-items:center;font-style:normal;color:var(--brand);
  font-size:20px;transition:transform .3s var(--t);
}
.faq-item.is-open .faq-item__q i{transform:rotate(45deg)}
.faq-item__a{max-height:0;overflow:hidden;transition:max-height .35s var(--t)}
.faq-item__a p{padding:0 24px 22px;font-size:14.5px;color:var(--ink-soft)}

/* блок «другие услуги» */
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.related-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);
  padding:18px;display:flex;align-items:center;gap:12px;transition:.25s var(--t);
}
.related-card:hover{border-color:var(--brand);transform:translateY(-4px);box-shadow:var(--shadow-s)}
.related-card__ico{
  width:42px;height:42px;border-radius:11px;flex:none;
  background:var(--brand-soft);display:grid;place-items:center;
}
.related-card__ico svg{width:23px;height:23px;color:var(--brand)}
.related-card b{font-size:14px;font-weight:800}

/* контент-блоки на юридических страницах */
.legal-doc{max-width:840px;margin:0 auto}
.legal-doc h2{font-size:22px;margin:32px 0 12px}
.legal-doc h2:first-child{margin-top:0}
.legal-doc p,.legal-doc li{font-size:15px;color:var(--ink-soft);margin-bottom:10px}
.legal-doc ul{list-style:disc;padding-left:22px;margin-bottom:14px}
.legal-doc .placeholder{
  background:#fff7e6;border:1px dashed #e8b94d;color:#8a6516;
  padding:4px 9px;border-radius:6px;font-weight:700;font-size:14px;
}

/* анимация появления при скролле */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s var(--t),transform .6s var(--t)}
.reveal.is-visible{opacity:1;transform:none}

/* ===================================================
   АДАПТИВ
   =================================================== */
@media(max-width:1100px){
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .step:not(:last-child)::after{display:none}
  .reviews-grid{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:1100px){
  .menu,.nav__phone span{display:none}
  .nav__phone{display:none}
  .burger{display:grid}
  .nav__actions .btn--call,.nav__actions .btn--tg{display:none}
  .hero__grid,.calc__inner,.addr-layout,.courier,.page-hero__grid{
    grid-template-columns:1fr;
  }
  .courier__ico{display:none}
  .calc__steps-mini{flex-direction:row;flex-wrap:wrap}
  .device-board{max-width:480px;margin:0 auto}
  .hero h1{font-size:clamp(28px,7.6vw,42px)}
}
@media(max-width:720px){
  body{font-size:16px}
  .section{padding:60px 0}
  .calc,.cta-final,.courier{padding:32px 22px}
  .grid--3,.grid--2{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .opt-grid,.fault-grid{grid-template-columns:1fr}
  .topbar__left{display:none}
  .rating-bar__links{margin-left:0;width:100%}
  .container{padding:0 18px}
  .nav__actions .btn--ghost{display:none}
  .footer__bottom{flex-direction:column}
}
@media(max-width:420px){
  .hero__btns .btn,.cta-final__btns .btn{width:100%}
  .modal__box,.calc__form{padding:24px}
  .container{padding:0 14px}
  .hero__phone-row a{font-size:20px;padding:10px 14px}
  .hero__phone-row a small{font-size:11px}
  .eyebrow{font-size:11.5px;padding:6px 12px}
  .hero__badge--tl,.hero__badge--br{display:none}
  .nav__actions{gap:6px}
  .nav__actions .btn--sm{padding:10px 14px;font-size:13px}
  .nav__actions .btn--sm svg{display:none}
}

/* =========================================================
   v2 — доработки: липкая мобильная панель, cookie, фото-плейсхолдеры,
   мастера, блок доверия, документы, страницы услуг (бренды, диагностика)
   ========================================================= */

/* ---------- Топ-плашка с крупным телефоном на десктопе ---------- */
.hero__phone-row{display:flex;align-items:center;gap:18px;margin-bottom:24px;flex-wrap:wrap}
.hero__phone-row a{
  display:inline-flex;align-items:center;gap:11px;
  font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink);
  background:#fff;border:1.6px solid var(--line);border-radius:18px;
  padding:12px 22px;box-shadow:var(--shadow-s);transition:.2s var(--t);
}
.hero__phone-row a:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}
.hero__phone-row a svg{width:24px;height:24px;color:var(--green)}
.hero__phone-row small{font-size:13px;color:var(--ink-soft);font-weight:600;line-height:1.2}

/* ---------- Эмблема «не только смартфоны» ---------- */
.usp-strip{
  background:linear-gradient(150deg,#fff,#f1f5fd);
  border:1px solid var(--line);border-radius:var(--radius-l);
  padding:36px;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;
}
.usp-strip h2{font-size:clamp(24px,3.2vw,34px);margin-bottom:12px}
.usp-strip p{color:var(--ink-soft);font-size:16px;max-width:560px}
.usp-strip__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.usp-strip__chips span{
  font-size:13px;font-weight:700;color:var(--brand);
  background:var(--brand-soft);padding:8px 14px;border-radius:999px;
}
.usp-strip__visual{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.usp-strip__visual .device-chip{transform:none}
.usp-strip__visual .device-chip:hover{transform:translateY(-4px)}

/* ---------- Карточки фото-плейсхолдеров ---------- */
.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.photo-card{
  position:relative;aspect-ratio:4/3;border-radius:var(--radius);
  overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(150deg,#eaf1fb,#ddd7fb);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:22px;transition:.25s var(--t);
}
.photo-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.photo-card::before{
  content:"";position:absolute;inset:0;background:
    radial-gradient(circle at 70% 30%,rgba(91,74,240,.25),transparent 55%),
    radial-gradient(circle at 30% 80%,rgba(24,169,87,.15),transparent 60%);
}
.photo-card__ico{
  position:absolute;top:22px;left:22px;width:48px;height:48px;
  border-radius:13px;background:#fff;display:grid;place-items:center;
  box-shadow:var(--shadow-s);z-index:1;
}
.photo-card__ico svg{width:26px;height:26px;color:var(--brand)}
.photo-card__hint{
  position:relative;z-index:1;font-size:11.5px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:var(--brand);
}
.photo-card__name{position:relative;z-index:1;font-size:18px;font-weight:800;color:var(--ink);margin-top:4px}
.photo-card__sub {position:relative;z-index:1;font-size:13px;color:var(--ink-soft);font-weight:600;margin-top:3px}
.photo-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
}
.photo-card.has-img::before{
  background:linear-gradient(180deg,transparent 40%,rgba(11,24,48,.7));
}
.photo-card.has-img .photo-card__name,
.photo-card.has-img .photo-card__sub{color:#fff}
.photo-card.has-img .photo-card__sub{color:#cfdaee}

/* ---------- Карточки мастеров ---------- */
.master-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.master-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;transition:.25s var(--t);
}
.master-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.master-card__avatar{
  width:96px;height:96px;border-radius:50%;margin-bottom:18px;
  background:linear-gradient(150deg,var(--brand-soft),#ddd7fb);
  display:grid;place-items:center;position:relative;overflow:hidden;
  border:3px solid #fff;box-shadow:var(--shadow-s);
}
.master-card__avatar svg{width:46px;height:46px;color:var(--brand)}
.master-card__avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.master-card h3{font-size:18px;margin-bottom:4px}
.master-card__role{font-size:13.5px;color:var(--brand);font-weight:800;margin-bottom:12px}
.master-card p{font-size:14px;color:var(--ink-soft);margin-bottom:14px;line-height:1.55}
.master-card__skills{display:flex;flex-wrap:wrap;gap:6px}
.master-card__skills span{
  font-size:12px;font-weight:700;color:var(--ink-soft);
  background:var(--bg-soft);padding:4px 10px;border-radius:8px;
}

/* ---------- Документы для клиента ---------- */
.docs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:880px;margin:0 auto}
.doc-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);
  padding:20px 22px;display:flex;align-items:center;gap:14px;
  transition:.2s var(--t);
}
.doc-card:hover{border-color:var(--brand);transform:translateX(4px);box-shadow:var(--shadow-s)}
.doc-card__ico{
  width:46px;height:46px;border-radius:12px;flex:none;
  background:var(--brand-soft);display:grid;place-items:center;
}
.doc-card__ico svg{width:24px;height:24px;color:var(--brand)}
.doc-card__body{flex:1;min-width:0}
.doc-card__body b{font-size:15.5px;font-weight:800;display:block;line-height:1.25}
.doc-card__body small{font-size:12.5px;color:var(--ink-soft);font-weight:600;display:block;margin-top:2px}
.doc-card__arrow{color:var(--brand-dark);flex:none}
.doc-card__arrow svg{width:18px;height:18px}

/* ---------- Список выбора адреса в карточках ---------- */
.addr-card__pick{
  display:inline-flex;align-items:center;gap:7px;
  margin-top:10px;font-size:13px;font-weight:700;
  color:var(--brand);cursor:pointer;
}
.addr-card__pick:hover{text-decoration:underline}
.addr-card__pick svg{width:15px;height:15px}

/* ---------- Cookie-плашка ---------- */
.cookie-bar{
  position:fixed;bottom:14px;left:14px;right:14px;z-index:280;
  background:#fff;border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--shadow-l);padding:16px 18px;
  display:flex;align-items:center;gap:14px;
  max-width:780px;margin:0 auto;
  transform:translateY(140%);opacity:0;transition:.4s var(--t);
}
.cookie-bar.is-shown{transform:none;opacity:1}
.cookie-bar.is-closing{transform:translateY(140%);opacity:0}
.cookie-bar__ico{
  width:42px;height:42px;border-radius:11px;flex:none;
  background:var(--brand-soft);display:grid;place-items:center;
}
.cookie-bar__ico svg{width:22px;height:22px;color:var(--brand)}
.cookie-bar p{font-size:13.5px;color:var(--ink-soft);margin:0;line-height:1.5}
.cookie-bar p a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.cookie-bar .btn{flex:none}
.has-cookie .m-sticky-bar{bottom:92px}
@media(max-width:560px){
  .cookie-bar{flex-direction:column;align-items:stretch;gap:10px;padding:14px}
  .cookie-bar p{font-size:13px}
  .cookie-bar .btn{width:100%}
  .has-cookie .m-sticky-bar{bottom:166px}
}
@media(max-width:520px){
  .grid--4,.grid--3,.grid--2{grid-template-columns:1fr}
  .photo-grid,.master-grid,.fault-grid,.related-grid,.info-cards,.docs-grid,.opt-grid{grid-template-columns:1fr}
  .price-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;margin:0 -14px 24px;padding:0 14px 6px;-webkit-overflow-scrolling:touch}
  .price-tab{flex:none;white-space:nowrap}
  .marquee__track{gap:24px}
  .marquee__track span{gap:24px;font-size:14px}
  .device-grid{grid-template-columns:repeat(2,1fr)}
  .hero__usp{gap:7px}
  .hero__usp li{font-size:13px;padding:8px 12px}
  .device-board{padding:18px}
}

/* ---------- Липкая мобильная панель CTA ---------- */
.m-sticky-bar{
  position:fixed;left:10px;right:10px;bottom:10px;z-index:240;
  display:none;gap:8px;padding:8px;
  background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--shadow-l);transform:translateY(160%);opacity:0;transition:.35s var(--t);
}
.m-sticky-bar.is-shown{transform:none;opacity:1}
.m-sticky-bar .btn{flex:1;padding:13px 8px;font-size:13.5px}
.m-sticky-bar .btn svg{width:17px;height:17px}
@media(max-width:720px){
  .m-sticky-bar{display:flex}
  body{padding-bottom:90px}
}

/* ---------- Блок «Что входит в диагностику» / сроки / бренды ---------- */
.info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.info-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;display:flex;flex-direction:column;
}
.info-card__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.info-card__ico{
  width:46px;height:46px;border-radius:12px;flex:none;
  background:var(--brand-soft);display:grid;place-items:center;
}
.info-card__ico svg{width:24px;height:24px;color:var(--brand)}
.info-card h3{font-size:19px}
.info-card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px}
.info-card ul li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:14.5px;color:var(--ink);font-weight:600;line-height:1.45;
}
.info-card ul li svg{width:19px;height:19px;color:var(--green);flex:none;margin-top:1.5px}
.info-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.55}

.brand-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.brand-chip{
  background:#fff;border:1.6px solid var(--line);border-radius:14px;
  padding:14px 24px;font-size:15px;font-weight:800;color:var(--ink);
  transition:.2s var(--t);min-width:120px;text-align:center;
}
.brand-chip:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-3px);box-shadow:var(--shadow-s)}

/* ---------- Согласие под формой (новое оформление) ---------- */
.consent{
  font-size:12px;color:var(--ink-soft);margin-top:12px;line-height:1.55;text-align:center;
}
.consent a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}

/* honeypot — скрытое поле */
.hp{position:absolute;left:-10000px;top:-10000px;opacity:0;height:0;width:0;overflow:hidden}

/* доступность — фокус с клавиатуры */
:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px}

/* ---------- адаптив новых блоков ---------- */
@media(max-width:960px){
  .usp-strip{grid-template-columns:1fr}
  .photo-grid,.master-grid{grid-template-columns:repeat(2,1fr)}
  .info-cards{grid-template-columns:1fr}
  .docs-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .photo-grid,.master-grid{grid-template-columns:1fr}
  .hero__phone-row a{font-size:22px;padding:11px 18px}
}

/* отзыв — дата */
.review__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}
.review__date{font-size:12px;color:var(--ink-soft);font-weight:600}
.review__head .review__stars{margin-bottom:0}

/* =========================================================
   v3 — технические правки заявок, ссылок и блоков услуг
   ========================================================= */
.btn--disabled,
.btn[aria-disabled="true"]{
  opacity:.58;
  cursor:not-allowed;
  pointer-events:none;
  filter:grayscale(.2);
}
.pdf-placeholder{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--ink-soft);
  background:var(--bg-soft);
  border:1px dashed var(--line);
  border-radius:12px;
  padding:10px 12px;
  font-weight:700;
}
.calc-done.is-fallback .calc-done__ico{background:#fff4d6}
.calc-done.is-fallback .calc-done__ico svg{color:#d98d00}
.calc-done.is-error .calc-done__ico{background:#fde9e6}
.calc-done.is-error .calc-done__ico svg{color:#ef5b46}
.calc-done.is-success .calc-done__ico{background:var(--green-soft)}
.calc-done.is-success .calc-done__ico svg{color:var(--green)}
.reviews-grid--placeholder{grid-template-columns:minmax(0,720px);justify-content:center}
.review--notice{border-style:dashed;background:linear-gradient(150deg,#fff,#f6f9ff)}
.info-cards--cases{grid-template-columns:repeat(3,1fr)}
.service-case p{margin-top:0}
.service-cases .section-lead{max-width:760px}
@media(max-width:980px){.info-cards--cases{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.info-cards--cases{grid-template-columns:1fr}}


/* ===================================================
   V4: усиление главной страницы, поиск услуг, отзывы, карта
   =================================================== */
.section--trust-proof{padding:28px 0 48px;background:linear-gradient(180deg,#fff 0%,#f3f6fc 100%)}
.trust-proof{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:28px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.trust-proof__head h2{font-size:clamp(24px,3vw,36px);margin-bottom:10px}.trust-proof__head p{color:var(--ink-soft);max-width:660px}
.trust-proof__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.proof-card{min-height:150px;border:1px solid var(--line);border-radius:22px;padding:20px;background:linear-gradient(180deg,#fff,#f7faff);display:flex;flex-direction:column;justify-content:space-between;transition:.25s var(--t);text-align:left;color:var(--ink)}
.proof-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(91,74,240,.35)}.proof-card--button{width:100%;font:inherit}.proof-card__num{font-size:34px;font-weight:900;line-height:1;color:var(--brand)}.proof-card b{font-size:16px}.proof-card small{color:var(--ink-soft);font-weight:600}

.service-finder{background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow);padding:20px;margin:-16px auto 34px;max-width:900px}.service-finder label{display:block;font-weight:900;margin-bottom:10px}.service-finder__box{display:flex;align-items:center;gap:12px;background:var(--bg-soft);border:1.6px solid var(--line);border-radius:18px;padding:0 16px}.service-finder__box svg{width:22px;height:22px;color:var(--brand)}.service-finder__box input{width:100%;border:0;background:transparent;padding:17px 0;outline:none;font-weight:700;color:var(--ink)}.service-finder__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.service-finder__chips button{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800;transition:.2s}.service-finder__chips button:hover{background:var(--brand);color:#fff}.service-finder__empty{display:none;margin-top:12px;color:#ef5b46;font-weight:800}.service-finder__empty.show{display:block}.svc-card.is-hidden-by-search{display:none!important}

.section--dark{background:radial-gradient(circle at 20% 0,rgba(91,74,240,.28),transparent 35%),linear-gradient(135deg,var(--navy),#071023);color:#fff}.section--dark .section-title,.section--dark h2,.section--dark h3{color:#fff}.section--dark .section-lead{color:#c7d3e7}.advisor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.advisor-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-l);padding:24px;display:flex;flex-direction:column;gap:14px;min-height:280px;box-shadow:0 16px 44px rgba(0,0,0,.16)}.advisor-card p{color:#c7d3e7;font-size:15px}.advisor-card__tag{align-self:flex-start;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff}.advisor-card .btn{margin-top:auto}.advisor-card--accent{background:linear-gradient(160deg,rgba(24,169,87,.32),rgba(91,74,240,.18));border-color:rgba(24,169,87,.28)}

.map-frame iframe{display:block;width:100%;height:100%;min-height:420px;border:0}.map-frame__note{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:16px;padding:10px 14px;font-size:13px;font-weight:800;color:var(--ink-soft);box-shadow:var(--shadow-s)}
.review-proof{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.review-proof__main{background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);padding:24px;display:flex;align-items:center;gap:18px;box-shadow:var(--shadow);transition:.25s var(--t)}.review-proof__main:hover{transform:translateY(-3px);border-color:rgba(91,74,240,.35)}.review-proof__score{width:78px;height:78px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#55a0ff);color:#fff;font-size:27px;font-weight:900;box-shadow:var(--shadow-brand);flex:none}.review-proof__main b{display:block;font-size:20px}.review-proof__main small{color:var(--ink-soft);font-weight:700}.review-proof__main svg{width:22px;height:22px;color:var(--brand);margin-left:auto}.review--theme .review__text{min-height:90px}

@media (max-width:1020px){.trust-proof{grid-template-columns:1fr}.trust-proof__grid{grid-template-columns:repeat(3,1fr)}.advisor-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.section--trust-proof{padding:18px 0 34px}.trust-proof{padding:18px;border-radius:24px}.trust-proof__grid,.advisor-grid,.review-proof{grid-template-columns:1fr}.proof-card{min-height:124px}.service-finder{padding:16px;margin:0 0 26px}.service-finder__box input{font-size:15px}.advisor-card{min-height:auto}.map-frame iframe{min-height:360px}.map-frame__note{position:static;margin:10px 0 0}.review-proof__score{width:64px;height:64px;font-size:22px}.review-proof__main{padding:18px}}


/* =========================================================
   V5 TOP DESIGN — премиальный визуальный слой без ломки структуры
   ========================================================= */
:root{
  --lux-navy:#061224;
  --lux-navy-2:#0b1d3a;
  --lux-blue:#6a5af5;
  --lux-cyan:#5ee6ff;
  --lux-violet:#7c5cff;
  --lux-surface:rgba(255,255,255,.78);
  --lux-border:rgba(255,255,255,.18);
  --lux-shadow:0 32px 90px rgba(3,14,32,.22);
}
body.premium-v5{
  background:
    radial-gradient(circle at 8% 2%, rgba(91,74,240,.10), transparent 26%),
    radial-gradient(circle at 92% 8%, rgba(94,230,255,.10), transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 34%,#f6f8fc 100%);
}
body.premium-v5::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(16,32,59,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,59,.045) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 62%);
}
.premium-v5 .header{
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  background:rgba(255,255,255,.82);border-bottom:1px solid rgba(91,74,240,.10);
  box-shadow:0 12px 38px rgba(6,18,36,.08);
}
.premium-v5 .topbar{
  background:linear-gradient(90deg,#07152c,#0e2d5d 52%,#0c5eff);
  color:rgba(255,255,255,.88);border:0;
}
.premium-v5 .topbar__item svg,.premium-v5 .topbar__right a{color:#fff}
.premium-v5 .logo__mark{
  background:linear-gradient(135deg,#0d6bff,#58e6ff 55%,#7c5cff);
  box-shadow:0 12px 30px rgba(91,74,240,.34), inset 0 1px 0 rgba(255,255,255,.35);
}
.premium-v5 .menu a{position:relative;font-weight:800;color:#203454}
.premium-v5 .menu a::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--lux-cyan));transform:scaleX(0);transform-origin:left;transition:.25s var(--t)}
.premium-v5 .menu a:hover::after{transform:scaleX(1)}

/* Hero: темный премиум-экран как у сильных брендов */
.premium-v5 .hero{
  padding:76px 0 118px;color:#fff;
  background:
    radial-gradient(circle at 18% 18%,rgba(91,74,240,.42),transparent 30%),
    radial-gradient(circle at 86% 18%,rgba(94,230,255,.28),transparent 28%),
    radial-gradient(circle at 56% 92%,rgba(124,92,255,.22),transparent 30%),
    linear-gradient(135deg,#061224 0%,#071a34 48%,#0a2a54 100%);
}
.premium-v5 .hero::before{
  background:radial-gradient(circle,rgba(255,255,255,.11) 1px,transparent 1.6px);background-size:28px 28px;opacity:.35;
}
.premium-v5 .hero::after{
  content:"";position:absolute;inset:auto -12% -170px -12%;height:280px;background:#f8fbff;border-radius:50% 50% 0 0/24% 24% 0 0;transform:rotate(-2deg);z-index:0;
}
.premium-v5 .hero .container,.premium-v5 .hero__grid{position:relative;z-index:1}
.premium-v5 .hero h1,.premium-v5 .hero h1 span{color:#fff;text-shadow:0 10px 38px rgba(0,0,0,.28)}
.premium-v5 .hero h1 span{background:linear-gradient(90deg,#fff,#7beaff 48%,#9cb8ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.premium-v5 .hero__lead{color:#d7e3f7;font-size:20px;max-width:650px}
.premium-v5 .hero .eyebrow{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.premium-v5 .hero__phone-row a{
  background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.17);
  box-shadow:0 20px 60px rgba(0,0,0,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.premium-v5 .hero__phone-row small{color:#bfd2ee}
.premium-v5 .hero__usp li{
  background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.13);color:#e9f2ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.premium-v5 .hero__usp svg{color:#5ee6ff}
.premium-v5 .hero__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;max-width:720px}
.premium-v5 .hero__metrics div{padding:14px 14px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.premium-v5 .hero__metrics b{display:block;font-size:25px;line-height:1;font-weight:900;color:#fff;margin-bottom:5px}
.premium-v5 .hero__metrics span{display:block;font-size:12px;line-height:1.25;color:#c7d8f1;font-weight:800}
.premium-v5 .device-board{
  background:linear-gradient(150deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.20);box-shadow:0 34px 110px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.20);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);position:relative;overflow:hidden;
}
.premium-v5 .device-board::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 10% 10%,rgba(94,230,255,.35),transparent 28%),radial-gradient(circle at 88% 0,rgba(124,92,255,.28),transparent 30%);pointer-events:none;opacity:.95}
.premium-v5 .device-board>*{position:relative;z-index:1}
.premium-v5 .device-board__title{color:#eef6ff}
.premium-v5 .device-chip{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;min-height:112px;align-items:flex-start;justify-content:flex-start;text-align:left;
}
.premium-v5 .device-chip:hover{background:rgba(255,255,255,.18);border-color:rgba(94,230,255,.4);box-shadow:0 18px 36px rgba(0,0,0,.18);transform:translateY(-4px)}
.premium-v5 .device-chip__ico{background:rgba(94,230,255,.13);color:#7df0ff}
.premium-v5 .device-chip small{display:block;color:#bfcee5;font-size:11px;font-weight:800;line-height:1.25;margin-top:4px}
.premium-v5 .lab-status{display:grid;gap:9px;margin-top:16px}
.premium-v5 .lab-status div{display:grid;grid-template-columns:10px 1fr;column-gap:11px;padding:12px 14px;border-radius:16px;background:rgba(2,10,22,.26);border:1px solid rgba(255,255,255,.12)}
.premium-v5 .lab-status span{width:10px;height:10px;border-radius:50%;background:#37e17b;box-shadow:0 0 0 6px rgba(55,225,123,.12);margin-top:6px;grid-row:span 2}
.premium-v5 .lab-status b{font-size:13.5px;color:#fff;line-height:1.2}.premium-v5 .lab-status small{font-size:12px;color:#aebfda;font-weight:700}
.premium-v5 .hero__badge{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.65);box-shadow:0 24px 70px rgba(0,0,0,.26)}

/* Command center */
.premium-command{position:relative;z-index:3;margin-top:-54px;margin-bottom:26px}
.command-panel{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:12px;padding:14px;border-radius:28px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.72);box-shadow:0 24px 80px rgba(10,31,70,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.command-panel__intro{padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,#07152c,#0c2a55);color:#fff;display:flex;flex-direction:column;justify-content:center}
.command-panel__intro span{font-size:12px;text-transform:uppercase;letter-spacing:.10em;color:#9cc7ff;font-weight:900;margin-bottom:5px}.command-panel__intro b{font-size:17px;line-height:1.25}
.command-action{display:flex;align-items:center;gap:12px;padding:15px 14px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:.25s var(--t);text-align:left;color:var(--ink);min-height:88px}
.command-action:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(91,74,240,.36)}
.command-action i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);flex:none}.command-action svg{width:21px;height:21px}.command-action b{display:block;font-size:14.5px;line-height:1.15}.command-action small{display:block;color:var(--ink-soft);font-weight:700;font-size:12px;margin-top:3px;line-height:1.2}.command-action--primary{background:linear-gradient(135deg,#5b4af0,#8a7bff);color:#fff;border:0}.command-action--primary i{background:rgba(255,255,255,.16);color:#fff}.command-action--primary small{color:#dceaff}.command-action--call{border-color:rgba(24,169,87,.22)}.command-action--call i{background:#e8f8ee;color:var(--green)}

/* General cards look more expensive */
.premium-v5 .section{position:relative}.premium-v5 .section-title{letter-spacing:-.035em}
.premium-v5 .svc-card,.premium-v5 .prob-card,.premium-v5 .info-card,.premium-v5 .price-panel,.premium-v5 .master-card,.premium-v5 .doc-card,.premium-v5 .addr-card,.premium-v5 .review-proof__main,.premium-v5 .trust-proof,.premium-v5 .service-finder{
  border-color:rgba(91,74,240,.12);box-shadow:0 18px 50px rgba(13,40,86,.08);
}
.premium-v5 .svc-card,.premium-v5 .prob-card,.premium-v5 .info-card,.premium-v5 .master-card,.premium-v5 .doc-card{position:relative;overflow:hidden}
.premium-v5 .svc-card::before,.premium-v5 .prob-card::before,.premium-v5 .info-card::before,.premium-v5 .master-card::before,.premium-v5 .doc-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--brand),var(--lux-cyan));opacity:.0;transition:.25s var(--t)}
.premium-v5 .svc-card:hover::before,.premium-v5 .prob-card:hover::before,.premium-v5 .info-card:hover::before,.premium-v5 .master-card:hover::before,.premium-v5 .doc-card:hover::before{opacity:1}
.premium-v5 .svc-card:hover,.premium-v5 .prob-card:hover,.premium-v5 .info-card:hover,.premium-v5 .master-card:hover,.premium-v5 .doc-card:hover{transform:translateY(-7px);box-shadow:0 28px 76px rgba(12,38,82,.16)}
.premium-v5 .btn--primary{background:linear-gradient(135deg,#5b4af0,#5ca6ff);box-shadow:0 18px 50px rgba(91,74,240,.34)}
.premium-v5 .btn--primary:hover{background:linear-gradient(135deg,#4632c4,#338cff)}
.premium-v5 .btn--tg{background:linear-gradient(135deg,#259cf4,#62d8ff);box-shadow:0 14px 38px rgba(37,156,244,.25)}
.premium-v5 .btn--call{background:linear-gradient(135deg,#14a853,#39d878);box-shadow:0 14px 38px rgba(24,169,87,.28)}
.premium-v5 .btn--ghost{background:rgba(255,255,255,.82);border-color:rgba(91,74,240,.18);box-shadow:0 10px 30px rgba(10,31,70,.08)}

/* Premium lab section */
.premium-lab{background:linear-gradient(180deg,#fff,#f3f8ff)}
.lab-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center;padding:34px;border-radius:36px;background:#fff;border:1px solid rgba(91,74,240,.13);box-shadow:0 28px 80px rgba(12,38,82,.10);position:relative;overflow:hidden}
.lab-grid::before{content:"";position:absolute;inset:-80px auto auto -80px;width:260px;height:260px;border-radius:50%;background:rgba(91,74,240,.12)}.lab-grid::after{content:"";position:absolute;right:-110px;bottom:-130px;width:320px;height:320px;border-radius:50%;background:rgba(94,230,255,.16)}.lab-grid>*{position:relative;z-index:1}
.lab-copy__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.lab-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lab-timeline article{padding:22px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid var(--line);min-height:180px}.lab-timeline span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--lux-cyan));color:#fff;font-weight:900;margin-bottom:14px}.lab-timeline b{display:block;font-size:18px;margin-bottom:8px}.lab-timeline p{font-size:14px;color:var(--ink-soft);font-weight:600;line-height:1.55}

/* Service page premium assurance */
.service-assurance{padding:0 0 26px;background:#f8fbff}.assurance-panel{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:center;margin-top:-30px;position:relative;z-index:5;padding:12px;border-radius:24px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.75);box-shadow:0 22px 70px rgba(10,31,70,.14);backdrop-filter:blur(16px)}.assurance-panel div{padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--line)}.assurance-panel b{display:block;font-size:14px;font-weight:900}.assurance-panel span{display:block;color:var(--ink-soft);font-size:12px;font-weight:700;line-height:1.3;margin-top:3px}
.premium-v5 .page-hero{background:radial-gradient(circle at 18% 16%,rgba(91,74,240,.35),transparent 30%),linear-gradient(135deg,#061224,#0b2448);color:#fff;overflow:hidden}.premium-v5 .page-hero::before{background:radial-gradient(circle,rgba(255,255,255,.10) 1px,transparent 1.6px);background-size:30px 30px;opacity:.35}.premium-v5 .page-hero h1,.premium-v5 .page-hero .crumbs span[style],.premium-v5 .page-hero__card h3{color:#fff!important}.premium-v5 .page-hero__lead,.premium-v5 .crumbs,.premium-v5 .crumbs a{color:#c8d8f2}.premium-v5 .page-hero__card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 80px rgba(0,0,0,.23);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.premium-v5 .page-hero__card .mini-list li{color:#e8f2ff}.premium-v5 .page-hero .eyebrow{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);color:#fff}

/* Premium final CTA / footer */
.premium-v5 .cta-final{background:radial-gradient(circle at 15% 0,rgba(94,230,255,.28),transparent 30%),radial-gradient(circle at 86% 100%,rgba(124,92,255,.24),transparent 28%),linear-gradient(135deg,#061224,#0c2b56);box-shadow:0 32px 100px rgba(4,18,38,.22)}
.premium-v5 .footer{background:linear-gradient(180deg,#07152c,#040b18)}
.desktop-fab{position:fixed;right:18px;bottom:26px;z-index:235;display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,.90);border:1px solid rgba(91,74,240,.13);border-radius:22px;padding:8px;box-shadow:0 24px 70px rgba(10,31,70,.18);backdrop-filter:blur(16px)}.desktop-fab a,.desktop-fab button{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:16px;color:var(--ink);font-size:13px;font-weight:900;transition:.2s var(--t);background:#fff}.desktop-fab svg{width:18px;height:18px;color:var(--brand)}.desktop-fab a:hover,.desktop-fab button:hover{transform:translateX(-3px);background:var(--brand);color:#fff}.desktop-fab a:hover svg,.desktop-fab button:hover svg{color:#fff}

/* Mobile polish */
@media(max-width:1080px){.command-panel{grid-template-columns:1fr 1fr}.command-panel__intro{grid-column:1/-1}.premium-v5 .hero__metrics{grid-template-columns:repeat(2,1fr)}.lab-grid{grid-template-columns:1fr}.desktop-fab{display:none}.assurance-panel{grid-template-columns:1fr 1fr}.assurance-panel .btn{grid-column:1/-1}}
@media(max-width:760px){.premium-v5 .hero{padding:42px 0 86px}.premium-v5 .hero__grid{gap:34px}.premium-command{margin-top:-34px}.command-panel{grid-template-columns:1fr;padding:10px;border-radius:24px}.command-action{min-height:auto}.premium-v5 .hero__metrics{grid-template-columns:1fr 1fr}.lab-grid{padding:22px;border-radius:28px}.lab-timeline{grid-template-columns:1fr}.service-assurance{padding:0 0 14px}.assurance-panel{grid-template-columns:1fr;margin-top:-18px}.premium-v5 .device-chip{min-height:98px}.premium-v5 .hero::after{height:180px;bottom:-110px}.premium-v5 .hero__visual{margin-top:8px}.premium-v5 .page-hero{padding-top:34px}.premium-v5 .m-sticky-bar{background:rgba(6,18,36,.82);border-color:rgba(255,255,255,.14)}.premium-v5 .m-sticky-bar .btn{box-shadow:none}.premium-v5 .hero__lead{font-size:17px}.premium-v5 .hero h1{font-size:clamp(31px,8.7vw,44px)}}
@media(max-width:420px){.premium-v5 .hero__metrics{grid-template-columns:1fr}.premium-v5 .hero__btns .btn{width:100%}.command-panel__intro b{font-size:15px}.premium-v5 .device-grid{grid-template-columns:1fr}.premium-v5 .hero__phone-row a{font-size:19px;width:100%;justify-content:center}}


/* =========================================================
   DESIGN V6 — глубокая переработка визуала
   Цель: меньше тяжёлого темного лендинга, больше дорогого чистого интерфейса
   ========================================================= */
body.design-v6{
  --bg:#f6f8fc;
  --bg-soft:#f1f5fb;
  --ink:#0d1d35;
  --ink-soft:#59677d;
  --brand:#5b4af0;
  --brand-dark:#4632c4;
  --brand-soft:#eeebfe;
  --lux-cyan:#40d7ff;
  --green:#16a75a;
  --shadow:0 18px 55px rgba(16,36,70,.10);
  --shadow-l:0 34px 100px rgba(14,36,74,.16);
  background:
    radial-gradient(circle at 8% 0%,rgba(64,215,255,.17),transparent 32%),
    radial-gradient(circle at 86% 2%,rgba(91,74,240,.14),transparent 30%),
    #f6f8fc;
}
body.design-v6::before{display:none}
.design-v6 .container{max-width:1280px}

/* Шапка — легче и компактнее, без тяжёлой синей полосы на пол-экрана */
.design-v6 .header{background:rgba(255,255,255,.80);border-bottom:1px solid rgba(221,230,244,.85);box-shadow:0 8px 34px rgba(13,29,53,.045)}
.design-v6 .header.is-stuck{background:rgba(255,255,255,.92);box-shadow:0 15px 50px rgba(13,29,53,.09)}
.design-v6 .topbar{background:linear-gradient(90deg,#081b39,#123c7c);font-size:12.5px;color:#dbeafe}
.design-v6 .topbar .container{min-height:34px}
.design-v6 .topbar__item svg{color:#6ee7ff}.design-v6 .topbar__right a{font-weight:900;color:#fff;letter-spacing:.04em}
.design-v6 .nav{min-height:76px}.design-v6 .logo__mark{width:46px;height:46px;border-radius:16px;box-shadow:0 14px 34px rgba(91,74,240,.28)}
.design-v6 .logo__name{font-size:20px}.design-v6 .logo__sub{font-size:11px}
.design-v6 .menu{gap:0}.design-v6 .menu a{font-size:14px;padding:10px 11px;color:#22364f}
.design-v6 .nav__phone span{font-size:10.5px}.design-v6 .nav__phone b{font-size:15px}
.design-v6 .nav__actions .btn--sm{padding:11px 18px}

/* Новый первый экран */
.design-v6 .hero-v6{padding:54px 0 72px;min-height:auto;background:
  linear-gradient(180deg,rgba(255,255,255,.92),rgba(246,248,252,.96)),
  radial-gradient(circle at 72% 22%,rgba(91,74,240,.20),transparent 33%),
  radial-gradient(circle at 18% 16%,rgba(64,215,255,.22),transparent 30%);
  position:relative;overflow:hidden;border-bottom:1px solid rgba(221,230,244,.8)
}
.design-v6 .hero-v6::before{content:"";position:absolute;inset:18px 22px auto 22px;height:calc(100% - 38px);border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.26));border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.88);pointer-events:none}
.design-v6 .hero-v6::after{content:"";position:absolute;right:-160px;top:60px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(91,74,240,.15),transparent 64%);filter:blur(2px)}
.design-v6 .hero-v6 .container{position:relative;z-index:2}
.design-v6 .hero-v6__layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:46px;align-items:center}
.design-v6 .hero-v6__copy{max-width:690px}
.design-v6 .hero-v6__kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border-radius:999px;background:#fff;border:1px solid rgba(91,74,240,.16);box-shadow:0 8px 24px rgba(91,74,240,.08);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.10em;color:#174371;margin-bottom:18px}
.design-v6 .hero-v6__kicker i{width:8px;height:8px;border-radius:50%;background:#20c46b;box-shadow:0 0 0 6px rgba(32,196,107,.12)}
.design-v6 .hero-v6 h1{font-size:clamp(42px,5.4vw,76px);line-height:.98;letter-spacing:-.065em;margin:0 0 20px;color:#081b39;text-wrap:balance}
.design-v6 .hero-v6 h1 span{display:block;background:linear-gradient(90deg,#5b4af0 0%,#00bfe8 50%,#081b39 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.design-v6 .hero-v6__lead{font-size:20px;line-height:1.55;color:#42516a;max-width:650px;margin:0 0 26px;font-weight:650}
.design-v6 .hero-v6__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.design-v6 .hero-v6__actions .btn{box-shadow:0 14px 38px rgba(91,74,240,.16)}
.design-v6 .hero-v6__phone-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:rgba(255,255,255,.82);border:1px solid rgba(91,74,240,.13);box-shadow:0 15px 42px rgba(13,29,53,.07);border-radius:22px;padding:14px 16px;margin:8px 0 20px;max-width:655px}
.design-v6 .hero-v6__phone-card span{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#69778c;font-weight:900}.design-v6 .hero-v6__phone-card a{font-size:22px;font-weight:950;color:#081b39;letter-spacing:-.02em}.design-v6 .hero-v6__phone-card small{color:#59677d;font-weight:750}
.design-v6 .hero-v6__proofs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:720px}.design-v6 .hero-v6__proofs div{background:#fff;border:1px solid rgba(91,74,240,.12);border-radius:20px;padding:14px 14px;box-shadow:0 10px 30px rgba(13,29,53,.055)}.design-v6 .hero-v6__proofs b{display:block;font-size:21px;line-height:1;font-weight:950;color:#0b2750;margin-bottom:7px}.design-v6 .hero-v6__proofs span{display:block;font-size:12px;line-height:1.25;color:#607086;font-weight:850}

/* Правая карточка — без хаоса и перекрывающих бейджей */
.design-v6 .hero-v6__visual{position:relative;min-height:520px;display:grid;place-items:center}.design-v6 .repair-console{width:min(100%,560px);position:relative;border-radius:34px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.93));border:1px solid rgba(91,74,240,.14);box-shadow:0 32px 100px rgba(13,29,53,.16),inset 0 1px 0 #fff;overflow:hidden}.design-v6 .repair-console::before{content:"";position:absolute;inset:-120px -110px auto auto;width:290px;height:290px;border-radius:50%;background:rgba(64,215,255,.22)}.design-v6 .repair-console>*{position:relative;z-index:1}.design-v6 .repair-console__top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:4px 4px 18px}.design-v6 .repair-console__top span{display:block;font-size:12px;color:#7b8799;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.design-v6 .repair-console__top b{display:block;font-size:28px;line-height:1.05;color:#0d1d35;letter-spacing:-.04em}.design-v6 .repair-console__top em{font-style:normal;color:#15a75a;background:#e8f8ee;border:1px solid rgba(22,167,90,.18);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.design-v6 .repair-console__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design-v6 .repair-console__grid button{text-align:left;padding:17px;border-radius:22px;background:#fff;border:1px solid #e5edf8;box-shadow:0 12px 32px rgba(13,29,53,.065);transition:.22s var(--t)}.design-v6 .repair-console__grid button:hover{transform:translateY(-5px);border-color:rgba(91,74,240,.35);box-shadow:0 22px 56px rgba(91,74,240,.14)}.design-v6 .repair-console__grid i{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#eeebfe,#ecfbff);color:#5b4af0;margin-bottom:15px}.design-v6 .repair-console__grid svg{width:23px;height:23px}.design-v6 .repair-console__grid b{display:block;font-size:16px;line-height:1.1;color:#0d1d35;margin-bottom:6px}.design-v6 .repair-console__grid small{display:block;color:#6b788d;font-weight:800;line-height:1.25}.design-v6 .repair-console__bottom{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.design-v6 .repair-console__bottom span{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#f2f6fc;color:#405066;font-size:12px;font-weight:900}.design-v6 .repair-console__bottom svg{width:16px;height:16px;color:#16a75a}
.design-v6 .hero-v6__mini{position:absolute;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 60px rgba(13,29,53,.14);backdrop-filter:blur(14px);border-radius:20px;padding:15px 18px;min-width:180px}.design-v6 .hero-v6__mini b{display:block;font-size:17px;color:#0d1d35}.design-v6 .hero-v6__mini span{display:block;font-size:12px;color:#617086;font-weight:800;line-height:1.25}.design-v6 .hero-v6__mini--top{top:48px;left:0}.design-v6 .hero-v6__mini--bottom{right:0;bottom:34px}

/* Блок быстрых действий — как аккуратный пульт, не громоздкий */
.design-v6 .premium-command{margin-top:-34px;margin-bottom:8px}.design-v6 .command-panel{grid-template-columns:1.08fr repeat(4,1fr);padding:10px;border-radius:26px;background:rgba(255,255,255,.90);border:1px solid rgba(255,255,255,.92);box-shadow:0 24px 72px rgba(13,29,53,.11)}.design-v6 .command-panel__intro{background:linear-gradient(135deg,#081b39,#5b4af0);border-radius:20px;padding:18px}.design-v6 .command-action{border-radius:20px;min-height:84px;border-color:#e4edf8}.design-v6 .command-action i{background:linear-gradient(135deg,#eeebfe,#ecfbff);border-radius:15px}

/* Карточки и секции — чистые, объемные, но без “шаблонной синевы” */
.design-v6 .section{padding:78px 0}.design-v6 .section--soft{background:linear-gradient(180deg,#f7faff,#eef4fb)}
.design-v6 .section-title{font-weight:950;letter-spacing:-.055em;color:#0d1d35}.design-v6 .section-lead{color:#5b697f;font-weight:650}
.design-v6 .svc-card,.design-v6 .prob-card,.design-v6 .info-card,.design-v6 .price-panel,.design-v6 .master-card,.design-v6 .doc-card,.design-v6 .addr-card,.design-v6 .review-proof__main,.design-v6 .trust-proof,.design-v6 .service-finder,.design-v6 .photo-card,.design-v6 .advisor-card{border-color:#e1eaf6;box-shadow:0 18px 52px rgba(13,29,53,.075);border-radius:26px}.design-v6 .svc-card:hover,.design-v6 .prob-card:hover,.design-v6 .info-card:hover,.design-v6 .master-card:hover,.design-v6 .doc-card:hover,.design-v6 .advisor-card:hover{transform:translateY(-6px);box-shadow:0 28px 78px rgba(13,29,53,.13)}
.design-v6 .svc-card__ico,.design-v6 .prob-card__ico,.design-v6 .info-card__ico{background:linear-gradient(135deg,#eeebfe,#ecfbff);color:#5b4af0;border-radius:18px}.design-v6 .btn--primary{background:linear-gradient(135deg,#5b4af0,#3bd4ff);box-shadow:0 16px 42px rgba(91,74,240,.28)}.design-v6 .btn--primary:hover{background:linear-gradient(135deg,#0954d8,#22bff0)}.design-v6 .btn--call{background:linear-gradient(135deg,#12a65a,#33d477)}.design-v6 .btn--tg{background:linear-gradient(135deg,#249cf0,#54d7ff)}.design-v6 .btn--ghost{background:#fff;border-color:#dce6f3;color:#17304d}.design-v6 .btn--ghost:hover{border-color:#5b4af0;color:#5b4af0;box-shadow:0 14px 40px rgba(91,74,240,.10)}

/* Страницы услуг — светлее и современнее */
.design-v6 .page-hero{background:linear-gradient(180deg,#fff,#f1f6ff);color:#0d1d35;overflow:hidden;border-bottom:1px solid #dfe8f5}.design-v6 .page-hero::before{background:radial-gradient(circle at 22% 10%,rgba(64,215,255,.22),transparent 30%),radial-gradient(circle at 82% 0,rgba(91,74,240,.18),transparent 28%);opacity:1}.design-v6 .page-hero h1,.design-v6 .page-hero .crumbs span[style],.design-v6 .page-hero__card h3{color:#0d1d35!important}.design-v6 .page-hero__lead,.design-v6 .crumbs,.design-v6 .crumbs a{color:#55657c}.design-v6 .page-hero__card{background:#fff;border:1px solid #e2ebf6;box-shadow:0 24px 76px rgba(13,29,53,.10);backdrop-filter:none}.design-v6 .page-hero__card .mini-list li{color:#33445b}.design-v6 .page-hero .eyebrow{background:#eeebfe;border:1px solid rgba(91,74,240,.14);color:#5b4af0}
.design-v6 .service-assurance{background:#f6f8fc}.design-v6 .assurance-panel{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 65px rgba(13,29,53,.10)}

/* Нижние / плавающие CTA */
.design-v6 .desktop-fab{right:18px;bottom:24px;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 26px 78px rgba(13,29,53,.14)}.design-v6 .m-sticky-bar{background:rgba(255,255,255,.94);border-top:1px solid #dfe8f5;box-shadow:0 -16px 48px rgba(13,29,53,.10)}

@media(max-width:1180px){.design-v6 .hero-v6__layout{grid-template-columns:1fr}.design-v6 .hero-v6__copy{max-width:820px}.design-v6 .hero-v6__visual{min-height:auto}.design-v6 .hero-v6__mini{display:none}.design-v6 .command-panel{grid-template-columns:1fr 1fr}.design-v6 .command-panel__intro{grid-column:1/-1}.design-v6 .menu{display:none}.design-v6 .burger{display:grid}.design-v6 .nav__phone{display:none}}
@media(max-width:760px){.design-v6 .topbar .container{min-height:30px}.design-v6 .topbar__left .topbar__item:nth-child(2){display:none}.design-v6 .topbar__right{display:none}.design-v6 .nav{min-height:68px}.design-v6 .nav__actions .btn{display:none}.design-v6 .burger{display:grid}.design-v6 .logo__sub{display:none}.design-v6 .hero-v6{padding:34px 0 48px}.design-v6 .hero-v6::before{inset:8px;border-radius:28px}.design-v6 .hero-v6 h1{font-size:clamp(36px,11vw,54px);letter-spacing:-.06em}.design-v6 .hero-v6__lead{font-size:17px}.design-v6 .hero-v6__actions .btn{width:100%}.design-v6 .hero-v6__phone-card{display:block}.design-v6 .hero-v6__phone-card a{display:block;margin:4px 0;font-size:21px}.design-v6 .hero-v6__proofs{grid-template-columns:1fr 1fr}.design-v6 .repair-console{border-radius:26px;padding:14px}.design-v6 .repair-console__top b{font-size:23px}.design-v6 .repair-console__grid{grid-template-columns:1fr 1fr;gap:9px}.design-v6 .repair-console__grid button{padding:14px;border-radius:18px}.design-v6 .repair-console__grid i{width:40px;height:40px;margin-bottom:10px}.design-v6 .repair-console__bottom{display:none}.design-v6 .premium-command{margin-top:12px}.design-v6 .command-panel{grid-template-columns:1fr}.design-v6 .command-action{min-height:auto}.design-v6 .section{padding:58px 0}.design-v6 .desktop-fab{display:none}.design-v6 .m-sticky-bar .btn{box-shadow:none}}
@media(max-width:420px){.design-v6 .container{padding:0 16px}.design-v6 .logo__mark{width:42px;height:42px}.design-v6 .logo__name{font-size:18px}.design-v6 .hero-v6__proofs{grid-template-columns:1fr}.design-v6 .repair-console__grid{grid-template-columns:1fr}.design-v6 .hero-v6__kicker{font-size:10.5px;letter-spacing:.08em}.design-v6 .hero-v6 h1{font-size:36px}.design-v6 .hero-v6__lead{font-size:16px}.design-v6 .repair-console__top{display:block}.design-v6 .repair-console__top em{display:inline-block;margin-top:10px}}

/* =========================================================
   DESIGN V7 — финальная чистая коммерческая версия
   Исправляет визуальные проблемы v6: тяжёлые/пустые секции,
   нечитаемый тёмный блок, слишком крупный hero и навязчивый FAB.
   ========================================================= */
body.design-v7{
  --bg:#f5f7fb;
  --bg-soft:#eef4fb;
  --ink:#07162d;
  --ink-soft:#526277;
  --line:#dfe7f3;
  --brand:#5b4af0;
  --brand-2:#20c7e8;
  --green:#16a75a;
  --radius:18px;
  --radius-l:28px;
  --shadow:0 14px 40px rgba(12,31,63,.08);
  --shadow-l:0 26px 74px rgba(12,31,63,.14);
  background:
    radial-gradient(circle at 10% 0,rgba(32,199,232,.12),transparent 26%),
    radial-gradient(circle at 88% 6%,rgba(91,74,240,.10),transparent 28%),
    #f5f7fb;
  color:var(--ink);
  overflow-x:clip;
}
.design-v7 .container{max-width:1320px}
.design-v7 .topbar{background:#071d3b;color:#c9d8ee;border-bottom:0}
.design-v7 .topbar .container{min-height:34px;font-size:13px}.design-v7 .topbar__right{font-weight:900;color:#fff}.design-v7 .nav-wrap{background:rgba(255,255,255,.92);border-bottom:1px solid #e1e9f5;box-shadow:0 10px 32px rgba(8,24,52,.055);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.design-v7 .nav{min-height:78px}.design-v7 .logo__mark{width:48px;height:48px;border-radius:16px;box-shadow:0 12px 30px rgba(91,74,240,.18)}.design-v7 .logo__name{font-size:22px;letter-spacing:-.035em}.design-v7 .logo__sub{font-size:12px}.design-v7 .menu a{font-weight:850;color:#223248}.design-v7 .menu a:hover{color:var(--brand)}

/* Hero v7 */
.design-v7 .hero-v6{padding:48px 0 54px;background:transparent;position:relative;overflow:visible}
.design-v7 .hero-v6::before{content:"";position:absolute;inset:18px 0 auto 0;height:calc(100% - 30px);max-height:690px;border-radius:0;background:
  linear-gradient(115deg,rgba(255,255,255,.92),rgba(239,248,255,.92) 56%,rgba(231,244,255,.78));
  border-top:1px solid rgba(255,255,255,.9);border-bottom:1px solid rgba(204,218,238,.72);box-shadow:none;pointer-events:none}
.design-v7 .hero-v6::after{content:"";position:absolute;right:-120px;top:30px;width:470px;height:470px;border-radius:999px;background:radial-gradient(circle,rgba(32,199,232,.16),transparent 65%);filter:blur(8px);pointer-events:none}
.design-v7 .hero-v6 .container{position:relative;z-index:2}
.design-v7 .hero-v6__layout{grid-template-columns:minmax(0,1.05fr) minmax(420px,.88fr);gap:48px;align-items:center}
.design-v7 .hero-v6__copy{max-width:750px}.design-v7 .hero-v6__kicker{margin-bottom:18px;background:#fff;border-color:#dbe7f6;color:#174371;box-shadow:0 8px 28px rgba(91,74,240,.07);font-size:11.5px;padding:9px 14px}.design-v7 .hero-v6__kicker i{background:#20c46b}
.design-v7 .hero-v6 h1{font-size:clamp(44px,4.55vw,72px);line-height:1.02;letter-spacing:-.06em;margin:0 0 18px;color:#07162d;max-width:720px;text-wrap:balance}.design-v7 .hero-v6 h1 span{display:inline;background:linear-gradient(90deg,#5b4af0,#17bfdc);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:normal}
.design-v7 .hero-v6__lead{font-size:20px;line-height:1.55;color:#3e5067;max-width:705px;margin-bottom:24px;font-weight:650}.design-v7 .hero-v6__actions{gap:12px;margin-bottom:16px}.design-v7 .btn{border-radius:16px}.design-v7 .btn--lg{min-height:58px;padding:0 25px;font-size:16px}.design-v7 .btn--primary{background:linear-gradient(135deg,#5b4af0,#25c7ef);box-shadow:0 16px 38px rgba(91,74,240,.25)}.design-v7 .btn--call{background:linear-gradient(135deg,#13a657,#33d576);box-shadow:0 14px 34px rgba(22,167,90,.20)}.design-v7 .btn--tg{background:linear-gradient(135deg,#22a3ee,#57d9ff);box-shadow:0 14px 34px rgba(34,163,238,.18)}.design-v7 .btn--ghost{background:#fff;border-color:#dbe6f3;color:#17304b}.design-v7 .btn--ghost:hover{border-color:#5b4af0;color:#5b4af0}
.design-v7 .hero-v6__phone-card{max-width:680px;margin:0 0 18px;padding:13px 16px;background:#fff;border:1px solid #e0e9f6;box-shadow:0 12px 34px rgba(8,24,52,.055);border-radius:18px}.design-v7 .hero-v6__phone-card span{color:#68778d;font-size:11px}.design-v7 .hero-v6__phone-card a{font-size:23px;color:#07162d}.design-v7 .hero-v6__phone-card small{font-size:13px;color:#59697f}.design-v7 .hero-v6__proofs{max-width:700px;grid-template-columns:repeat(4,1fr);gap:10px}.design-v7 .hero-v6__proofs div{border:1px solid #e2ebf7;border-radius:18px;padding:13px 14px;box-shadow:0 10px 26px rgba(8,24,52,.045);background:#fff}.design-v7 .hero-v6__proofs b{font-size:22px;color:#07162d}.design-v7 .hero-v6__proofs span{font-size:12px;color:#526277}
.design-v7 .hero-v6__visual{min-height:auto;align-self:stretch;display:flex;align-items:center;justify-content:center}.design-v7 .repair-console{width:min(100%,500px);border-radius:30px;padding:18px;background:#fff;border:1px solid #dde8f6;box-shadow:0 26px 74px rgba(8,24,52,.13);overflow:hidden}.design-v7 .repair-console::before{width:230px;height:230px;inset:-90px -80px auto auto;background:rgba(32,199,232,.16)}.design-v7 .repair-console__top{padding:2px 2px 16px;align-items:center}.design-v7 .repair-console__top span{font-size:11px}.design-v7 .repair-console__top b{font-size:25px;letter-spacing:-.04em}.design-v7 .repair-console__top em{font-size:11px;padding:7px 11px}.design-v7 .repair-console__grid{gap:10px}.design-v7 .repair-console__grid button{padding:15px;border-radius:18px;box-shadow:0 8px 24px rgba(8,24,52,.045)}.design-v7 .repair-console__grid i{width:40px;height:40px;border-radius:13px;margin-bottom:11px}.design-v7 .repair-console__grid svg{width:20px;height:20px}.design-v7 .repair-console__grid b{font-size:15px}.design-v7 .repair-console__grid small{font-size:11.5px}.design-v7 .repair-console__bottom span{padding:9px 10px;font-size:11.5px}.design-v7 .hero-v6__mini{display:none!important}

/* быстрые действия */
.design-v7 .premium-command{margin-top:0;margin-bottom:0;background:#fff;border-top:1px solid #e2ebf7;border-bottom:1px solid #e2ebf7}.design-v7 .command-panel{display:grid;grid-template-columns:1.18fr repeat(4,1fr);gap:12px;padding:18px 0;background:transparent;border:0;box-shadow:none;border-radius:0}.design-v7 .command-panel__intro{border-radius:22px;background:#071d3b;color:#fff;padding:19px 20px;box-shadow:0 16px 38px rgba(7,29,59,.12)}.design-v7 .command-panel__intro span{color:#86c9ff}.design-v7 .command-panel__intro b{color:#fff}.design-v7 .command-action{border-radius:22px;background:#f8fbff;border:1px solid #e0e9f6;box-shadow:none;min-height:98px;padding:18px}.design-v7 .command-action:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(8,24,52,.09)}.design-v7 .command-action--primary{background:linear-gradient(135deg,#5b4af0,#25c7ef);border:0;box-shadow:0 16px 38px rgba(91,74,240,.18)}

/* Убираем странную тёмную ленту */
.design-v7 .marquee{display:none}

/* Секции и карточки */
.design-v7 .section{padding:72px 0}.design-v7 .section--soft{background:linear-gradient(180deg,#f6f9fd,#eef5fc)}.design-v7 .section-title{font-size:clamp(34px,3.3vw,56px);line-height:1.06;letter-spacing:-.052em}.design-v7 .section-lead{font-size:18px;line-height:1.65;color:#526277}.design-v7 .eyebrow{background:#eeebfe;color:#5b4af0;border:1px solid rgba(91,74,240,.12);letter-spacing:.12em}
.design-v7 .trust-proof,.design-v7 .usp-strip,.design-v7 .lab-grid,.design-v7 .calc,.design-v7 .map-layout,.design-v7 .cta-final{border-radius:30px}.design-v7 .section--trust-proof{padding:54px 0;background:#fff}.design-v7 .trust-proof{padding:30px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e0e9f6;box-shadow:0 18px 52px rgba(8,24,52,.07)}.design-v7 .trust-proof__head h2{font-size:clamp(30px,3vw,48px);line-height:1.08}.design-v7 .proof-card{border-radius:22px;background:#fff;border:1px solid #dfe9f6;box-shadow:0 12px 32px rgba(8,24,52,.055)}.design-v7 .proof-card__num{color:#5b4af0}
.design-v7 .usp-strip{padding:36px;background:#fff;border:1px solid #e0e9f6;box-shadow:0 18px 52px rgba(8,24,52,.06)}.design-v7 .usp-strip__visual{gap:14px}.design-v7 .device-chip{min-height:120px;border:1px solid #e0e9f6;background:#f8fbff;border-radius:22px;box-shadow:none}.design-v7 .device-chip span:last-child{font-weight:900;color:#1a2b44}.design-v7 .usp-strip__visual .device-chip:nth-child(2) span:last-child{font-size:0}.design-v7 .usp-strip__visual .device-chip:nth-child(2) span:last-child::after{content:'Кофемашины';font-size:15px}.design-v7 .usp-strip__visual .device-chip:nth-child(5) span:last-child{font-size:0}.design-v7 .usp-strip__visual .device-chip:nth-child(5) span:last-child::after{content:'Ноутбуки';font-size:15px}
.design-v7 .service-finder,.design-v7 .svc-card,.design-v7 .prob-card,.design-v7 .info-card,.design-v7 .price-panel,.design-v7 .master-card,.design-v7 .doc-card,.design-v7 .addr-card,.design-v7 .review-proof__main,.design-v7 .photo-card,.design-v7 .advisor-card{background:#fff;border:1px solid #e0e9f6;box-shadow:0 12px 36px rgba(8,24,52,.055);border-radius:24px}.design-v7 .svc-card:hover,.design-v7 .prob-card:hover,.design-v7 .info-card:hover,.design-v7 .master-card:hover,.design-v7 .doc-card:hover,.design-v7 .advisor-card:hover{transform:translateY(-4px);box-shadow:0 22px 58px rgba(8,24,52,.10)}.design-v7 .svc-card__ico,.design-v7 .prob-card__ico,.design-v7 .info-card__ico,.design-v7 .device-chip__ico{background:linear-gradient(135deg,#eeebfe,#e9fbff);color:#5b4af0;border-radius:16px}

/* Лабораторный блок — компактнее и без огромных пустот */
.design-v7 .premium-lab{background:#fff}.design-v7 .lab-grid{padding:34px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e0e9f6;box-shadow:0 18px 52px rgba(8,24,52,.07)}.design-v7 .lab-grid::before,.design-v7 .lab-grid::after{opacity:.5}.design-v7 .lab-timeline article{min-height:auto;background:#fff;border:1px solid #e0e9f6;border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(8,24,52,.045)}.design-v7 .lab-timeline span{background:linear-gradient(135deg,#5b4af0,#25c7ef);border-radius:14px}.design-v7 .lab-copy .section-title{font-size:clamp(32px,3.2vw,52px)}

/* Блок “следующий шаг” теперь светлый и читаемый */
.design-v7 .section--dark.advisor{background:linear-gradient(180deg,#f5f9ff,#eaf4ff);color:#07162d;border-top:1px solid #e0e9f6;border-bottom:1px solid #e0e9f6}.design-v7 .section--dark.advisor .section-title,.design-v7 .section--dark.advisor h2,.design-v7 .section--dark.advisor h3{color:#07162d!important}.design-v7 .section--dark.advisor .section-lead{color:#526277!important}.design-v7 .section--dark.advisor .eyebrow{background:#fff!important;color:#5b4af0!important;border:1px solid #dce7f6}.design-v7 .advisor-grid{gap:14px}.design-v7 .advisor-card{background:#fff;color:#07162d;border:1px solid #e0e9f6;box-shadow:0 14px 40px rgba(8,24,52,.06);min-height:250px}.design-v7 .advisor-card p{color:#526277}.design-v7 .advisor-card__tag{background:#eeebfe;border-color:rgba(91,74,240,.12);color:#5b4af0}.design-v7 .advisor-card--accent{background:linear-gradient(150deg,#f0fff6,#ecf7ff);border-color:rgba(22,167,90,.18)}.design-v7 .advisor-card .btn--light{background:#f3f7fd;color:#17304b;border:1px solid #dce7f6}.design-v7 .advisor-card .btn--light:hover{background:#5b4af0;color:#fff}

/* Квиз и нижние блоки */
.design-v7 .calc{background:linear-gradient(135deg,#071d3b,#0b3d7d);box-shadow:0 24px 78px rgba(7,29,59,.16)}.design-v7 .calc__form,.design-v7 .calc__result{border-radius:24px}.design-v7 .cta-final{background:linear-gradient(135deg,#071d3b,#124d91);box-shadow:0 24px 76px rgba(7,29,59,.18)}.design-v7 .footer{background:#06152a}

/* Плавающий блок мешал просмотру — убираем на ПК, мобильная панель остаётся */
.design-v7 .desktop-fab{display:none!important}.design-v7 .m-sticky-bar{background:rgba(255,255,255,.96);border-top:1px solid #dfe8f5;box-shadow:0 -14px 38px rgba(8,24,52,.10)}

/* Страницы услуг */
.design-v7 .page-hero{background:linear-gradient(180deg,#fff,#f1f7ff);border-bottom:1px solid #e0e9f6;color:#07162d}.design-v7 .page-hero::before{background:radial-gradient(circle at 20% 10%,rgba(32,199,232,.18),transparent 28%),radial-gradient(circle at 82% 0,rgba(91,74,240,.14),transparent 30%)}.design-v7 .page-hero h1{font-size:clamp(36px,4.2vw,64px);line-height:1.04}.design-v7 .page-hero__card{background:#fff;border:1px solid #e0e9f6;box-shadow:0 18px 52px rgba(8,24,52,.08)}.design-v7 .assurance-panel{box-shadow:0 16px 44px rgba(8,24,52,.08);border:1px solid #e0e9f6;border-radius:22px}.design-v7 .assurance-panel div{background:#fff;border:1px solid #e0e9f6}

@media(max-width:1180px){
  .design-v7 .hero-v6__layout{grid-template-columns:1fr;gap:34px}.design-v7 .hero-v6__copy{max-width:860px}.design-v7 .repair-console{width:100%;max-width:760px}.design-v7 .repair-console__grid{grid-template-columns:repeat(3,1fr)}.design-v7 .command-panel{grid-template-columns:1fr 1fr}.design-v7 .command-panel__intro{grid-column:1/-1}.design-v7 .menu{display:none}.design-v7 .burger{display:grid}.design-v7 .nav__phone{display:none}
}
@media(max-width:760px){
  .design-v7 .topbar .container{min-height:30px}.design-v7 .topbar__left .topbar__item:nth-child(2),.design-v7 .topbar__right{display:none}.design-v7 .nav{min-height:66px}.design-v7 .logo__sub,.design-v7 .nav__actions{display:none}.design-v7 .burger{display:grid}.design-v7 .hero-v6{padding:32px 0 38px}.design-v7 .hero-v6::before{inset:0;border-radius:0;height:100%;max-height:none}.design-v7 .hero-v6 h1{font-size:clamp(34px,10vw,48px);letter-spacing:-.055em}.design-v7 .hero-v6__lead{font-size:16.5px;margin-bottom:20px}.design-v7 .hero-v6__actions .btn{width:100%;justify-content:center}.design-v7 .hero-v6__phone-card{display:block}.design-v7 .hero-v6__phone-card a{display:block;margin:5px 0;font-size:20px}.design-v7 .hero-v6__proofs{grid-template-columns:1fr 1fr}.design-v7 .repair-console{border-radius:24px;padding:14px}.design-v7 .repair-console__top b{font-size:22px}.design-v7 .repair-console__grid{grid-template-columns:1fr 1fr;gap:9px}.design-v7 .repair-console__grid button{padding:13px;border-radius:16px}.design-v7 .repair-console__grid i{width:38px;height:38px;margin-bottom:9px}.design-v7 .repair-console__bottom{display:none}.design-v7 .premium-command{background:#f5f7fb}.design-v7 .command-panel{grid-template-columns:1fr;padding:16px 0}.design-v7 .command-action{min-height:auto}.design-v7 .section{padding:54px 0}.design-v7 .section-title{font-size:clamp(30px,8.5vw,42px)}.design-v7 .trust-proof,.design-v7 .usp-strip,.design-v7 .lab-grid{padding:22px;border-radius:24px}.design-v7 .advisor-grid,.design-v7 .lab-timeline{grid-template-columns:1fr}.design-v7 .advisor-card{min-height:auto}.design-v7 .m-sticky-bar .btn{box-shadow:none}
}
@media(max-width:430px){
  .design-v7 .container{padding:0 16px}.design-v7 .logo__mark{width:42px;height:42px}.design-v7 .logo__name{font-size:18px}.design-v7 .hero-v6__proofs{grid-template-columns:1fr}.design-v7 .repair-console__grid{grid-template-columns:1fr}.design-v7 .hero-v6__kicker{font-size:10.5px;letter-spacing:.08em}.design-v7 .command-panel__intro b{font-size:16px}.design-v7 .btn--lg{min-height:54px}
}


/* =========================================================
   Синга Сервис — v8 top visual polish
   Цель: меньше «шаблонности», больше премиального сервиса,
   компактные первые экраны, чистые карточки, единая сетка.
   ========================================================= */
.design-v8{
  --bg:#f7faff;
  --ink:#07162d;
  --ink-soft:#4a5a72;
  --line:#dfe8f5;
  --brand:#5b4af0;
  --brand-2:#23c7ec;
  --green:#1fbd67;
  --navy:#061832;
  background:
    radial-gradient(circle at 15% 5%,rgba(35,199,236,.10),transparent 28%),
    radial-gradient(circle at 88% 8%,rgba(91,74,240,.10),transparent 30%),
    #f7faff;
}
.design-v8 .container{max-width:1320px;padding-left:28px;padding-right:28px}
.design-v8 .topbar{background:#061832;color:#d9e6f7}
.design-v8 .topbar .container{min-height:36px}
.design-v8 .header{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(223,232,245,.84);box-shadow:0 10px 36px rgba(7,22,45,.04)}
.design-v8 .nav{min-height:74px}
.design-v8 .logo__mark{border-radius:17px;background:linear-gradient(135deg,#5b4af0 0%,#26c6eb 100%);box-shadow:0 18px 44px rgba(91,74,240,.22)}
.design-v8 .menu a{font-size:14px;padding:9px 11px;color:#162740}
.design-v8 .nav__phone b{font-size:18px}
.design-v8 .btn{font-weight:900;box-shadow:none}
.design-v8 .btn--primary{background:linear-gradient(135deg,#5b4af0,#24c6eb);box-shadow:0 18px 38px rgba(91,74,240,.22)}
.design-v8 .btn--call{background:linear-gradient(135deg,#17a757,#2edb7c);box-shadow:0 18px 38px rgba(31,189,103,.22)}
.design-v8 .btn--tg{background:linear-gradient(135deg,#229fe0,#36c7ef);box-shadow:0 18px 38px rgba(34,159,224,.18)}
.design-v8 .btn--ghost{background:rgba(255,255,255,.85);border-color:#d9e4f2}

/* HERO: цельный премиальный первый экран, без лишней высоты и пустоты */
.design-v8 .hero-v6{
  padding:42px 0 58px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(235,247,255,.96) 45%,rgba(227,245,255,.92) 100%);
  border-bottom:1px solid #dbe8f5;
  position:relative;
}
.design-v8 .hero-v6:before{
  inset:20px auto auto 50%;transform:translateX(-50%);width:min(1320px,calc(100% - 56px));height:calc(100% - 40px);
  border-radius:34px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.38)),
    radial-gradient(circle at 75% 20%,rgba(35,199,236,.20),transparent 35%),
    radial-gradient(circle at 12% 82%,rgba(91,74,240,.10),transparent 32%);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.design-v8 .hero-v6:after{display:none}
.design-v8 .hero-v6__layout{grid-template-columns:minmax(0,1fr) minmax(430px,520px);gap:54px;align-items:center;min-height:540px}
.design-v8 .hero-v6__copy{max-width:760px}
.design-v8 .hero-v6__kicker{padding:8px 14px;margin-bottom:20px;background:rgba(255,255,255,.86);border-color:#d8e6f7;color:#12335f;box-shadow:0 10px 30px rgba(91,74,240,.08)}
.design-v8 .hero-v6 h1{font-size:clamp(48px,5vw,82px);line-height:.96;letter-spacing:-.07em;margin-bottom:18px;max-width:760px}
.design-v8 .hero-v6 h1 span{background:linear-gradient(90deg,#5b4af0 0%,#19b7dc 48%,#061832 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.design-v8 .hero-v6__lead{font-size:19px;line-height:1.55;color:#3d4e67;max-width:720px;margin-bottom:24px;font-weight:650}
.design-v8 .hero-v6__actions{gap:12px;margin-bottom:16px}
.design-v8 .hero-v6__actions .btn{min-height:58px;padding:17px 28px}
.design-v8 .hero-v6__phone-card{max-width:640px;background:rgba(255,255,255,.72);border:1px solid rgba(216,230,247,.95);box-shadow:0 18px 44px rgba(7,22,45,.06);border-radius:20px;padding:13px 15px;backdrop-filter:blur(14px);margin:0 0 18px}
.design-v8 .hero-v6__phone-card span{font-size:11px;color:#6a7890}.design-v8 .hero-v6__phone-card a{font-size:24px}.design-v8 .hero-v6__phone-card small{font-size:13px;color:#536278}
.design-v8 .hero-v6__proofs{grid-template-columns:repeat(4,1fr);gap:10px;max-width:680px}
.design-v8 .hero-v6__proofs div{position:relative;padding:15px 14px 14px 17px;border-radius:18px;background:rgba(255,255,255,.80);border:1px solid #dbe8f5;box-shadow:0 14px 36px rgba(7,22,45,.055);overflow:hidden}
.design-v8 .hero-v6__proofs div:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(#5b4af0,#23c7ec)}
.design-v8 .hero-v6__proofs b{font-size:22px;color:#061832}.design-v8 .hero-v6__proofs span{font-size:12px;color:#526179}

/* Правая карточка — как рабочая панель сервиса, не пустой шаблон */
.design-v8 .hero-v6__visual{min-height:500px;align-items:center}
.design-v8 .repair-console{width:100%;max-width:520px;border-radius:30px;padding:0;background:#fff;border:1px solid #d9e6f6;box-shadow:0 32px 90px rgba(7,22,45,.15);overflow:hidden}
.design-v8 .repair-console:before{display:none}
.design-v8 .repair-console__top{margin:0;padding:22px 24px 20px;background:linear-gradient(135deg,#071a36,#0d3e78 58%,#116ca4);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.design-v8 .repair-console__top span{color:#93d7ff;font-size:11px}.design-v8 .repair-console__top b{color:#fff;font-size:27px}.design-v8 .repair-console__top em{background:rgba(42,214,126,.16);border-color:rgba(42,214,126,.32);color:#bfffe0}
.design-v8 .repair-console__grid{padding:16px;gap:10px;background:linear-gradient(180deg,#fff,#f7fbff)}
.design-v8 .repair-console__grid button{position:relative;min-height:116px;padding:16px;border-radius:20px;background:#fff;border:1px solid #dfe8f5;box-shadow:0 12px 26px rgba(7,22,45,.045)}
.design-v8 .repair-console__grid button:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#5b4af0,#23c7ec);opacity:0;transition:.22s var(--t)}
.design-v8 .repair-console__grid button:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(7,22,45,.10);border-color:#bad4fa}
.design-v8 .repair-console__grid button:hover:after{opacity:1}
.design-v8 .repair-console__grid i{width:42px;height:42px;border-radius:15px;background:#eef6ff;color:#5b4af0;margin-bottom:12px}.design-v8 .repair-console__grid b{font-size:15.5px}.design-v8 .repair-console__grid small{font-size:11.7px;color:#66758c}
.design-v8 .repair-console__bottom{margin:0;padding:0 16px 16px;background:#f7fbff}.design-v8 .repair-console__bottom span{background:#fff;border:1px solid #dfe8f5;color:#32445e}
.design-v8 .hero-v6__mini{display:none!important}

/* Быстрый маршрут клиента */
.design-v8 .premium-command{margin:-28px 0 26px;background:transparent;border:0;position:relative;z-index:6}
.design-v8 .command-panel{background:rgba(255,255,255,.92);border:1px solid #dce8f6;border-radius:26px;box-shadow:0 24px 66px rgba(7,22,45,.09);padding:12px;gap:10px;grid-template-columns:1.25fr repeat(4,1fr)}
.design-v8 .command-panel__intro{padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,#061832,#103f7a);box-shadow:none}
.design-v8 .command-panel__intro span{font-size:11px;color:#8edfff}.design-v8 .command-panel__intro b{font-size:18px;line-height:1.25}
.design-v8 .command-action{min-height:88px;background:#fff;border:1px solid #dfe8f5;border-radius:20px;padding:16px;box-shadow:none}
.design-v8 .command-action i{width:44px;height:44px;border-radius:15px;background:#eef6ff;color:#5b4af0}.design-v8 .command-action b{font-size:15px}.design-v8 .command-action small{font-size:12px}
.design-v8 .command-action--primary{background:linear-gradient(135deg,#5b4af0,#23c7ec);border:0;color:#fff}.design-v8 .command-action--primary i{background:rgba(255,255,255,.20);color:#fff}
.design-v8 .command-action--call i{color:#18a957;background:#effaf4}

/* Общая сетка — меньше пустых голубых зон, больше цельных белых блоков */
.design-v8 .section{padding:64px 0}.design-v8 .section--soft{background:linear-gradient(180deg,#f5f9fd,#eef6fd)}
.design-v8 .section-title{font-size:clamp(32px,3.25vw,54px);letter-spacing:-.055em}.design-v8 .section-lead{font-size:17px;line-height:1.65;color:#4f5f76}
.design-v8 .eyebrow{padding:8px 14px;border-radius:999px;background:#eef6ff;color:#5b4af0;border:1px solid #dce8f6;font-size:12px}

/* Блок доверия */
.design-v8 .section--trust-proof{padding:44px 0 38px;background:#fff}
.design-v8 .trust-proof{display:grid;grid-template-columns:1.25fr .95fr;gap:28px;align-items:center;padding:32px;border-radius:30px;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #dfe8f5;box-shadow:0 20px 60px rgba(7,22,45,.075)}
.design-v8 .trust-proof__head h2{font-size:clamp(30px,3vw,46px);line-height:1.07;letter-spacing:-.055em;max-width:720px}.design-v8 .trust-proof__head p{font-size:16px;color:#526179;max-width:680px}
.design-v8 .proof-card{min-height:142px;border-radius:22px;background:#fff;border:1px solid #dfe8f5;box-shadow:0 12px 32px rgba(7,22,45,.05);padding:18px}
.design-v8 .proof-card__num{font-size:32px;letter-spacing:-.05em;color:#5b4af0}.design-v8 .proof-card b{font-size:16px}.design-v8 .proof-card small{font-size:13px;color:#56667d}

/* Один сервис вместо пяти мастерских */
.design-v8 .usp-strip{display:grid;grid-template-columns:1fr .94fr;gap:34px;align-items:center;padding:34px;border-radius:30px;background:#fff;border:1px solid #dfe8f5;box-shadow:0 20px 58px rgba(7,22,45,.065)}
.design-v8 .usp-strip h2{font-size:clamp(30px,3vw,48px);letter-spacing:-.055em;line-height:1.08;margin-bottom:14px}.design-v8 .usp-strip p{font-size:17px;color:#4f5f76;line-height:1.66;max-width:720px}
.design-v8 .usp-strip__chips{gap:9px;margin-top:20px}.design-v8 .usp-strip__chips span{background:#eff6ff;color:#5b4af0;border:1px solid #dce8f6;padding:8px 13px;border-radius:999px;font-weight:850}
.design-v8 .usp-strip__visual{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.design-v8 .device-chip{min-height:112px;align-items:flex-start;text-align:left;padding:18px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dfe8f5;border-radius:22px;box-shadow:0 12px 32px rgba(7,22,45,.045)}
.design-v8 .device-chip__ico{width:46px;height:46px;margin-bottom:13px;border-radius:15px;background:#eef6ff;color:#5b4af0}.design-v8 .device-chip span:last-child{font-size:15px;color:#10213a}

/* Карточки услуг и проблем */
.design-v8 .service-finder{border-radius:24px;border:1px solid #dfe8f5;box-shadow:0 18px 50px rgba(7,22,45,.06);background:#fff;padding:22px}.design-v8 .service-finder__box{background:#f6f9fd;border-color:#dbe6f4}
.design-v8 .grid--4{gap:18px}.design-v8 .svc-card{border-radius:24px;padding:24px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #dfe8f5;box-shadow:0 12px 32px rgba(7,22,45,.045)}
.design-v8 .svc-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(7,22,45,.10);border-color:#bfd6fb}.design-v8 .svc-card__ico{width:54px;height:54px;border-radius:16px;background:#eef6ff}.design-v8 .svc-card h3{font-size:19px}.design-v8 .svc-card p{color:#526179}.design-v8 .svc-card__tags span{background:#f0f6ff;color:#526179;border:1px solid #e2ecf8}
.design-v8 .prob-card{border-radius:18px;border:1px solid #dfe8f5;box-shadow:0 10px 28px rgba(7,22,45,.035);background:#fff}.design-v8 .prob-card:hover{border-color:#bad4fa;box-shadow:0 20px 48px rgba(7,22,45,.09)}

/* Лабораторный подход — компактная понятная карточка */
.design-v8 .premium-lab{background:#fff}.design-v8 .lab-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;padding:34px;border-radius:30px;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dfe8f5;box-shadow:0 20px 60px rgba(7,22,45,.07);overflow:hidden}.design-v8 .lab-grid:before{opacity:.28}.design-v8 .lab-copy .section-title{font-size:clamp(30px,3vw,48px);line-height:1.08}.design-v8 .lab-copy p{font-size:17px;line-height:1.65;color:#536278}.design-v8 .lab-timeline{gap:14px}.design-v8 .lab-timeline article{padding:22px;border-radius:22px;background:#fff;border:1px solid #dfe8f5;box-shadow:0 10px 30px rgba(7,22,45,.04)}.design-v8 .lab-timeline article h3{font-size:18px}.design-v8 .lab-timeline article p{font-size:14.5px;color:#526179}.design-v8 .lab-timeline span{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#5b4af0,#23c7ec);box-shadow:0 14px 30px rgba(91,74,240,.18)}

/* Цены, квиз, адреса — более собранный вид */
.design-v8 .calc{border-radius:30px;background:linear-gradient(135deg,#061832,#0e3f7b);box-shadow:0 28px 76px rgba(7,22,45,.16)}.design-v8 .calc__form{border-radius:26px;box-shadow:0 24px 54px rgba(0,0,0,.16)}
.design-v8 .addr-card,.design-v8 .price-list,.design-v8 .master-card,.design-v8 .doc-card,.design-v8 .review-proof__main,.design-v8 .photo-card{border-color:#dfe8f5;box-shadow:0 12px 34px rgba(7,22,45,.045);border-radius:24px}.design-v8 .addr-card:hover,.design-v8 .master-card:hover,.design-v8 .doc-card:hover{box-shadow:0 22px 58px rgba(7,22,45,.09)}
.design-v8 .map-frame{border-radius:28px;border-color:#dfe8f5;box-shadow:0 22px 58px rgba(7,22,45,.09)}
.design-v8 .cta-final{border-radius:30px;background:linear-gradient(135deg,#061832,#0b3972 58%,#0a9fba);box-shadow:0 28px 76px rgba(7,22,45,.16)}

/* Страницы услуг */
.design-v8 .page-hero{background:linear-gradient(180deg,#fff,#eef7ff);border-bottom:1px solid #dfe8f5}.design-v8 .page-hero h1{font-size:clamp(38px,4vw,62px);letter-spacing:-.055em}.design-v8 .page-hero__card,.design-v8 .assurance-panel{border-color:#dfe8f5;box-shadow:0 20px 56px rgba(7,22,45,.075)}

@media(max-width:1180px){
  .design-v8 .hero-v6__layout{grid-template-columns:1fr;min-height:auto}.design-v8 .hero-v6__copy{max-width:920px}.design-v8 .hero-v6__visual{min-height:auto}.design-v8 .repair-console{max-width:760px}.design-v8 .command-panel{grid-template-columns:1fr 1fr}.design-v8 .command-panel__intro{grid-column:1/-1}.design-v8 .trust-proof,.design-v8 .usp-strip,.design-v8 .lab-grid{grid-template-columns:1fr}.design-v8 .menu{display:none}.design-v8 .burger{display:grid}.design-v8 .nav__phone{display:none}
}
@media(max-width:760px){
  .design-v8 .container{padding-left:18px;padding-right:18px}.design-v8 .nav{min-height:66px}.design-v8 .hero-v6{padding:30px 0 44px}.design-v8 .hero-v6:before{inset:0;width:100%;height:100%;border-radius:0}.design-v8 .hero-v6__layout{gap:26px}.design-v8 .hero-v6 h1{font-size:clamp(34px,10vw,48px);line-height:1.02}.design-v8 .hero-v6__lead{font-size:16.5px}.design-v8 .hero-v6__actions{display:grid;grid-template-columns:1fr;gap:10px}.design-v8 .hero-v6__actions .btn{width:100%;min-height:54px}.design-v8 .hero-v6__phone-card{display:block}.design-v8 .hero-v6__phone-card a{display:block;margin:4px 0;font-size:21px}.design-v8 .hero-v6__proofs{grid-template-columns:1fr 1fr}.design-v8 .repair-console{border-radius:24px}.design-v8 .repair-console__top{padding:18px}.design-v8 .repair-console__top b{font-size:23px}.design-v8 .repair-console__grid{grid-template-columns:1fr 1fr;padding:12px}.design-v8 .repair-console__grid button{min-height:108px;padding:13px}.design-v8 .repair-console__bottom{display:none}.design-v8 .premium-command{margin:0;background:#f7faff}.design-v8 .command-panel{grid-template-columns:1fr;padding:14px;border-radius:24px}.design-v8 .command-action{min-height:auto}.design-v8 .section{padding:52px 0}.design-v8 .section-title{font-size:clamp(30px,8.8vw,42px)}.design-v8 .trust-proof,.design-v8 .usp-strip,.design-v8 .lab-grid{padding:22px;border-radius:24px}.design-v8 .trust-proof__grid,.design-v8 .usp-strip__visual,.design-v8 .lab-timeline{grid-template-columns:1fr}.design-v8 .proof-card{min-height:auto}.design-v8 .device-chip{min-height:94px}.design-v8 .calc{padding:24px}.design-v8 .calc__inner{grid-template-columns:1fr;gap:22px}.design-v8 .m-sticky-bar{background:rgba(255,255,255,.97);box-shadow:0 -12px 34px rgba(7,22,45,.10)}
}
@media(max-width:430px){
  .design-v8 .hero-v6__proofs{grid-template-columns:1fr}.design-v8 .repair-console__grid{grid-template-columns:1fr}.design-v8 .topbar__left{gap:8px}.design-v8 .logo__mark{width:42px;height:42px}.design-v8 .logo__name{font-size:18px}.design-v8 .logo__sub{display:none}
}


/* =========================================================
   v9 top polish — более компактный, чистый и дорогой вид
   Цель: убрать лишнюю высоту, пустоту и «шаблонность» блоков.
   ========================================================= */
body.design-v9{
  --bg:#f7faff;
  --bg-soft:#f3f8fd;
  --ink:#07172d;
  --ink-soft:#465a73;
  --brand:#5b4af0;
  --brand-dark:#4632c4;
  --brand-soft:#eeebfe;
  --green:#16ad5f;
  background:
    radial-gradient(circle at 0 0, rgba(44,189,255,.16), transparent 28%),
    radial-gradient(circle at 92% 0, rgba(22,115,255,.13), transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#f4f8fd 48%,#fff 100%);
  color:#07172d;
}
.design-v9 .container{max-width:1260px}
.design-v9 .topbar .container{min-height:30px}.design-v9 .topbar{font-size:12px}
.design-v9 .nav{min-height:68px}.design-v9 .logo__mark{width:44px;height:44px;border-radius:14px}.design-v9 .logo__name{font-size:19px}.design-v9 .logo__sub{font-size:11px}.design-v9 .menu a{font-size:13.5px;padding:8px 10px}.design-v9 .nav__phone b{font-size:16px}.design-v9 .nav__actions .btn{padding:13px 22px;border-radius:15px;min-height:48px}

/* HERO: вместо гигантского голубого полотна — собранная продающая карточка */
.design-v9 .hero-v6{
  padding:30px 0 34px;
  background:linear-gradient(180deg,#eef8ff 0%,#f8fbff 78%,#fff 100%);
}
.design-v9 .hero-v6:before,.design-v9 .hero-v6:after{display:none!important}
.design-v9 .hero-v6__layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,470px);
  gap:34px;
  align-items:center;
  min-height:auto;
  padding:34px;
  border:1px solid rgba(207,224,243,.92);
  border-radius:34px;
  background:
    radial-gradient(circle at 10% 15%,rgba(255,255,255,.95),rgba(255,255,255,.65) 34%,transparent 62%),
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(246,251,255,.78));
  box-shadow:0 26px 80px rgba(7,23,45,.10);
  overflow:hidden;
}
.design-v9 .hero-v6__layout:before{
  content:"";position:absolute;inset:auto -90px -170px auto;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(41,205,235,.20),transparent 64%);pointer-events:none;
}
.design-v9 .hero-v6__copy,.design-v9 .hero-v6__visual{position:relative;z-index:1}
.design-v9 .hero-v6__copy{max-width:700px}
.design-v9 .hero-v6__kicker{margin-bottom:16px;padding:8px 13px;background:#fff;border:1px solid #d7e8f6;box-shadow:0 10px 26px rgba(7,23,45,.05);font-size:11px;letter-spacing:.13em;color:#173a63}
.design-v9 .hero-v6 h1{font-size:clamp(44px,4.15vw,66px);line-height:.98;letter-spacing:-.065em;max-width:680px;margin-bottom:16px;text-wrap:balance}
.design-v9 .hero-v6 h1 span{display:block;background:linear-gradient(90deg,#5b4af0 0%,#19bdd9 54%,#07172d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.design-v9 .hero-v6__lead{font-size:18px;line-height:1.58;color:#40536c;max-width:660px;margin-bottom:20px;font-weight:650}
.design-v9 .hero-v6__actions{gap:10px;margin-bottom:14px}.design-v9 .hero-v6__actions .btn{min-height:54px;padding:15px 24px;border-radius:16px;font-size:15.5px}
.design-v9 .hero-v6__phone-card{display:flex;align-items:center;gap:12px;max-width:560px;margin:0 0 14px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.84);border:1px solid #dbe8f5;box-shadow:0 12px 30px rgba(7,23,45,.045)}
.design-v9 .hero-v6__phone-card span{font-size:10.5px;letter-spacing:.12em;color:#687992}.design-v9 .hero-v6__phone-card a{font-size:22px;letter-spacing:-.03em}.design-v9 .hero-v6__phone-card small{font-size:12.5px;line-height:1.25;color:#506179}
.design-v9 .hero-v6__proofs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:650px}
.design-v9 .hero-v6__proofs div{padding:12px 12px 11px 14px;border-radius:16px;background:#fff;border:1px solid #dfeaf6;box-shadow:0 10px 24px rgba(7,23,45,.04)}
.design-v9 .hero-v6__proofs b{font-size:20px}.design-v9 .hero-v6__proofs span{font-size:11.5px;line-height:1.2}
.design-v9 .hero-v6__visual{min-height:0;display:flex;justify-content:flex-end}
.design-v9 .repair-console{width:100%;max-width:455px;padding:0;border-radius:26px;background:#fff;border:1px solid #d7e6f4;box-shadow:0 24px 70px rgba(7,23,45,.13);overflow:hidden}
.design-v9 .repair-console__top{padding:18px 20px 16px;background:linear-gradient(135deg,#071b38,#0e4b86);color:#fff;align-items:center}
.design-v9 .repair-console__top span{font-size:10.5px;color:#90dfff}.design-v9 .repair-console__top b{font-size:24px;color:#fff;letter-spacing:-.04em}.design-v9 .repair-console__top em{font-size:10.5px;padding:7px 11px;background:rgba(45,211,124,.14);border-color:rgba(101,255,171,.28);color:#b5ffd0}
.design-v9 .repair-console__grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:14px;background:#fbfdff}.design-v9 .repair-console__grid button{min-height:112px;padding:14px;border-radius:18px;background:#fff;border:1px solid #e0eaf6;box-shadow:0 8px 22px rgba(7,23,45,.035)}
.design-v9 .repair-console__grid button:hover{transform:translateY(-3px);border-color:#aed0fb;box-shadow:0 16px 36px rgba(22,115,255,.10)}
.design-v9 .repair-console__grid i{width:38px;height:38px;border-radius:13px;margin-bottom:12px}.design-v9 .repair-console__grid b{font-size:15px}.design-v9 .repair-console__grid small{font-size:11.5px;color:#607189}.design-v9 .repair-console__bottom{padding:0 14px 14px;background:#fbfdff}.design-v9 .repair-console__bottom span{font-size:11px;padding:8px 9px}

/* Быстрые действия — меньше «баннера», больше аккуратной панели */
.design-v9 .premium-command{margin:-16px 0 20px;background:transparent;position:relative;z-index:5}
.design-v9 .command-panel{grid-template-columns:1.05fr repeat(4,1fr);gap:8px;padding:10px;border-radius:24px;background:rgba(255,255,255,.92);border:1px solid #dbe7f4;box-shadow:0 18px 54px rgba(7,23,45,.075)}
.design-v9 .command-panel__intro{min-height:78px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#07172d,#0f4385);box-shadow:none}.design-v9 .command-panel__intro span{font-size:10px;color:#8edfff}.design-v9 .command-panel__intro b{font-size:17px;line-height:1.22}
.design-v9 .command-action{min-height:78px;padding:14px;border-radius:18px;border-color:#dfe8f4;background:#fff;box-shadow:none}.design-v9 .command-action i{width:40px;height:40px;border-radius:14px}.design-v9 .command-action b{font-size:14.5px}.design-v9 .command-action small{font-size:11.5px;line-height:1.2}.design-v9 .command-action:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(7,23,45,.075)}

/* Главные секции: меньше высоты, лучше ритм */
.design-v9 .section{padding:54px 0}.design-v9 .section--soft{background:linear-gradient(180deg,#f5faff,#eef7fd)}.design-v9 .section-head{margin-bottom:32px}.design-v9 .section-title{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.055em}.design-v9 .section-lead{font-size:16.5px;line-height:1.62}.design-v9 .eyebrow{font-size:11px;padding:8px 13px;margin-bottom:15px}

.design-v9 .section--trust-proof{padding:34px 0;background:#fff}.design-v9 .trust-proof{grid-template-columns:1.15fr .95fr;gap:24px;padding:28px;border-radius:28px;background:#fff;border:1px solid #dfe8f4;box-shadow:0 18px 54px rgba(7,23,45,.06)}.design-v9 .trust-proof__head h2{font-size:clamp(30px,3vw,44px);line-height:1.08}.design-v9 .trust-proof__head p{font-size:15.5px}.design-v9 .proof-card{min-height:122px;padding:16px;border-radius:20px;box-shadow:0 10px 28px rgba(7,23,45,.035)}.design-v9 .proof-card__num{font-size:30px}

.design-v9 .marquee{display:none!important}
.design-v9 .usp-strip{grid-template-columns:1fr .82fr;gap:28px;padding:30px;border-radius:28px;background:#fff;border:1px solid #dfe8f4;box-shadow:0 18px 54px rgba(7,23,45,.06)}.design-v9 .usp-strip h2{font-size:clamp(30px,3vw,46px);line-height:1.08}.design-v9 .usp-strip p{font-size:16.5px;line-height:1.62}.design-v9 .usp-strip__chips span{font-size:13px;padding:7px 12px}.design-v9 .usp-strip__visual{gap:10px}.design-v9 .device-chip{min-height:96px;padding:15px;border-radius:20px}.design-v9 .device-chip__ico{width:40px;height:40px;border-radius:13px;margin-bottom:10px}.design-v9 .device-chip span:last-child{font-size:14px}

.design-v9 .premium-lab{background:#fff}.design-v9 .lab-grid{grid-template-columns:.82fr 1.18fr;gap:30px;padding:30px;border-radius:28px;background:#fff;border:1px solid #dfe8f4;box-shadow:0 18px 54px rgba(7,23,45,.06)}.design-v9 .lab-copy .section-title{font-size:clamp(30px,3vw,46px)}.design-v9 .lab-copy p{font-size:16.5px}.design-v9 .lab-timeline{gap:12px}.design-v9 .lab-timeline article{padding:20px;border-radius:20px}.design-v9 .lab-timeline span{width:42px;height:42px;border-radius:14px}.design-v9 .lab-timeline article h3{font-size:17px}.design-v9 .lab-timeline article p{font-size:14px}

/* Карточки ниже — менее массивные */
.design-v9 .svc-card,.design-v9 .addr-card,.design-v9 .price-list,.design-v9 .master-card,.design-v9 .doc-card,.design-v9 .review-proof__main,.design-v9 .photo-card{border-radius:22px;box-shadow:0 10px 30px rgba(7,23,45,.04)}.design-v9 .svc-card{padding:22px}.design-v9 .svc-card h3{font-size:18px}.design-v9 .svc-card p{font-size:14.5px}.design-v9 .grid--4{gap:16px}
.design-v9 .calc{border-radius:28px}.design-v9 .cta-final{border-radius:28px}

/* Убираем плавающую правую панель на ПК: она мешала смотреть дизайн */
.design-v9 .desktop-floating{display:none!important}

/* Страницы услуг — тот же компактный премиум */
.design-v9 .page-hero{padding:54px 0;background:linear-gradient(180deg,#f8fbff,#eef8ff);border-bottom:1px solid #dfe8f4}.design-v9 .page-hero h1{font-size:clamp(34px,3.8vw,56px)}.design-v9 .page-hero__card,.design-v9 .assurance-panel{border-radius:24px;box-shadow:0 16px 46px rgba(7,23,45,.06)}

@media(max-width:1180px){
  .design-v9 .hero-v6__layout{grid-template-columns:1fr;gap:28px}.design-v9 .hero-v6__visual{justify-content:flex-start}.design-v9 .repair-console{max-width:760px}.design-v9 .repair-console__grid{grid-template-columns:repeat(3,1fr)}.design-v9 .command-panel{grid-template-columns:1fr 1fr}.design-v9 .command-panel__intro{grid-column:1/-1}.design-v9 .trust-proof,.design-v9 .usp-strip,.design-v9 .lab-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .design-v9 .container{padding-left:16px;padding-right:16px}.design-v9 .topbar{display:none}.design-v9 .nav{min-height:64px}.design-v9 .hero-v6{padding:18px 0 28px}.design-v9 .hero-v6__layout{padding:22px;border-radius:26px}.design-v9 .hero-v6 h1{font-size:clamp(34px,10vw,48px);line-height:1.02}.design-v9 .hero-v6__lead{font-size:15.8px}.design-v9 .hero-v6__actions{display:grid;grid-template-columns:1fr;gap:9px}.design-v9 .hero-v6__actions .btn{width:100%;min-height:52px}.design-v9 .hero-v6__phone-card{display:block}.design-v9 .hero-v6__phone-card a{display:block;margin:4px 0;font-size:20px}.design-v9 .hero-v6__proofs{grid-template-columns:1fr 1fr}.design-v9 .repair-console__grid{grid-template-columns:1fr 1fr}.design-v9 .premium-command{margin:0;background:#f7fbff}.design-v9 .command-panel{grid-template-columns:1fr}.design-v9 .section{padding:46px 0}.design-v9 .section-title{font-size:clamp(28px,8.6vw,40px)}.design-v9 .trust-proof,.design-v9 .usp-strip,.design-v9 .lab-grid{padding:22px;border-radius:24px}.design-v9 .usp-strip__visual,.design-v9 .lab-timeline{grid-template-columns:1fr}.design-v9 .proof-card{min-height:auto}.design-v9 .calc{padding:22px}
}
@media(max-width:430px){
  .design-v9 .hero-v6__layout{padding:18px}.design-v9 .repair-console__grid{grid-template-columns:1fr}.design-v9 .hero-v6__proofs{grid-template-columns:1fr}.design-v9 .logo__sub{display:none}.design-v9 .hero-v6 h1{font-size:34px}.design-v9 .hero-v6__kicker{font-size:9.8px;letter-spacing:.1em}.design-v9 .command-panel{border-radius:20px}
}

/* =========================================================
   v3 — добавления: сравнение, примеры работ, мета мастеров,
   двухкнопочные .svc-card
   ========================================================= */

/* --- .svc-card теперь <article> с двумя кнопками внизу --- */
.svc-card__main{
  display:flex;flex-direction:column;color:inherit;flex:1;
}
.svc-card__main:hover{color:inherit}
.svc-card__actions{
  margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;
}
.svc-card__actions .btn{flex:1;min-width:120px;justify-content:center;font-size:13.5px;padding:11px 14px}

/* --- master card: метаблок --- */
.master-card__meta{
  margin-top:18px;border-top:1px dashed var(--line);padding-top:14px;
  display:grid;grid-template-columns:1fr;gap:8px;
}
.master-card__meta > div{
  display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:baseline;
}
.master-card__meta dt{
  font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-soft);margin:0;
}
.master-card__meta dd{
  margin:0;font-size:13.5px;font-weight:700;color:var(--ink);
}

/* --- Сравнение "обычный сервис vs Синга" --- */
.compare{
  display:grid;grid-template-columns:1fr 56px 1fr;gap:0;align-items:stretch;
  max-width:1180px;margin:0 auto;
}
.compare__col{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);
  padding:30px 28px;display:flex;flex-direction:column;
}
.compare__col--bad{background:linear-gradient(180deg,#fff,#fff7f5);border-color:#f5d5cd}
.compare__col--good{background:linear-gradient(180deg,#fff,#f1f9ff);border-color:#d2e6fb;box-shadow:0 22px 50px -22px rgba(91,74,240,.25)}
.compare__head{margin-bottom:18px}
.compare__tag{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#a83a23;background:#fde2dc;padding:6px 12px;border-radius:999px;margin-bottom:12px;
}
.compare__tag--brand{color:var(--brand);background:var(--brand-soft)}
.compare__head h3{font-size:22px;margin-bottom:6px;letter-spacing:-.01em}
.compare__head p{color:var(--ink-soft);font-size:14.5px;line-height:1.55}
.compare__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;flex:1}
.compare__list li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:14.5px;color:var(--ink);font-weight:600;line-height:1.45;
}
.compare__list li svg{width:18px;height:18px;flex:none;margin-top:1.5px}
.compare__col--bad  .compare__list li svg{color:#cf4a35}
.compare__col--good .compare__list li svg{color:var(--green)}
.compare__note{
  margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);
  font-size:13.5px;color:var(--ink-soft);line-height:1.55;
}
.compare__cta{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}
.compare__cta .btn{flex:1;min-width:130px;justify-content:center}
.compare__vs{
  align-self:center;justify-self:center;
  width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;
  display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:.05em;
  box-shadow:0 14px 32px -10px rgba(11,24,48,.45);
}
.compare__vs span{transform:translateY(-1px)}

/* --- Примеры работ --- */
.examples-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.example-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .3s var(--t),box-shadow .3s var(--t),border-color .3s;
}
.example-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#cdd9ee}
.example-card__media{
  aspect-ratio:16/10;background:linear-gradient(150deg,#eaf1fb,#ddd7fb);
  display:grid;place-items:center;position:relative;
}
.example-card__media::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 70% 30%,rgba(91,74,240,.18),transparent 55%),
             radial-gradient(circle at 30% 80%,rgba(24,169,87,.10),transparent 60%);
}
.example-card__media svg{position:relative;z-index:1;width:52px;height:52px;color:var(--brand);opacity:.55}
.example-card.has-img .example-card__media{background:none}
.example-card.has-img .example-card__media svg{display:none}
.example-card.has-img .example-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.example-card__body{padding:22px;display:flex;flex-direction:column;flex:1}
.example-card__tag{
  display:inline-flex;align-self:flex-start;
  font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--brand);background:var(--brand-soft);padding:5px 11px;border-radius:999px;margin-bottom:10px;
}
.example-card__body b{display:block;font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.25;margin-bottom:8px}
.example-card__body p{font-size:14px;color:var(--ink-soft);line-height:1.55;flex:1}
.example-card__path{
  display:block;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);
  font-size:11.5px;color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  opacity:.75;
}
.example-card.has-img .example-card__path{display:none}

@media(max-width:960px){
  .examples-grid{grid-template-columns:repeat(2,1fr)}
  .compare{grid-template-columns:1fr;gap:18px}
  .compare__vs{transform:rotate(90deg);justify-self:center}
}
@media(max-width:560px){
  .examples-grid{grid-template-columns:1fr}
  .svc-card__actions{flex-direction:column}
  .svc-card__actions .btn{width:100%}
}

/* =========================================================
   v10 — лайтбокс для фото и примеров работ
   Активируется при <a class="lightbox-link" data-lightbox-group="…" href="full.jpg">
   ========================================================= */
.lightbox{
  position:fixed;inset:0;z-index:1000;
  background:rgba(11,24,48,.92);
  display:none;align-items:center;justify-content:center;
  padding:24px;
}
.lightbox.is-open{display:flex}
.lightbox__figure{
  position:relative;max-width:min(96vw,1200px);max-height:90vh;
  margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;
  cursor:zoom-out;
}
.lightbox__img{
  max-width:100%;max-height:80vh;width:auto;height:auto;
  border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5);
  background:#0b1830;
}
.lightbox__caption{
  color:#cfdaee;font-size:14.5px;text-align:center;line-height:1.4;
  max-width:80ch;
}
.lightbox__close,.lightbox__prev,.lightbox__next{
  position:absolute;background:rgba(255,255,255,.12);color:#fff;
  border:0;cursor:pointer;border-radius:50%;
  width:48px;height:48px;display:grid;place-items:center;
  font-size:24px;font-weight:300;line-height:1;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:.2s var(--t);
}
.lightbox__close:hover,
.lightbox__prev:hover,
.lightbox__next:hover{background:rgba(255,255,255,.22);transform:scale(1.06)}
.lightbox__close{top:18px;right:18px;font-size:20px}
.lightbox__prev{top:50%;left:18px;transform:translateY(-50%)}
.lightbox__next{top:50%;right:18px;transform:translateY(-50%)}
.lightbox__prev:hover{transform:translateY(-50%) scale(1.06)}
.lightbox__next:hover{transform:translateY(-50%) scale(1.06)}
.lightbox__counter{
  position:absolute;bottom:24px;left:50%;transform:translateX(-50%);
  background:rgba(255,255,255,.12);color:#fff;
  font-size:13px;font-weight:700;letter-spacing:.05em;
  padding:6px 14px;border-radius:999px;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
@media(max-width:560px){
  .lightbox{padding:12px}
  .lightbox__close{top:10px;right:10px;width:40px;height:40px}
  .lightbox__prev{left:6px;width:40px;height:40px;font-size:22px}
  .lightbox__next{right:6px;width:40px;height:40px;font-size:22px}
  .lightbox__img{max-height:70vh}
  .lightbox__counter{bottom:14px;font-size:12px}
}


/* =========================================================
   v11 — PREMIUM DESIGN UPGRADE
   Тёмный hero с радиальным glow, мягкие тинтированные нейтралы,
   гласморфные карточки, кинетический текст, грейн-текстуры,
   тонкие микро-анимации. Все правила скоупом .design-v11.
   ========================================================= */

.design-v11{
  /* Тинтированные нейтралы вместо чистого белого */
  --bg:           #f7f8fb;
  --bg-soft:      #eef1f7;
  --bg-soft-2:    #e3e8f1;
  --ink:          #0c1428;
  --ink-soft:     #4f5a72;
  --line:         #dde3ee;
  --brand:        #5b4af0;
  --brand-2:      #8a7bff;
  --brand-3:      #00d2ff;
  --brand-dark:   #4632c4;
  --brand-glow:   rgba(91,74,240,.28);
  --navy:         #0a1428;
  --navy-2:       #15233f;
  --navy-3:       #1b2d4f;
  --green:        #16a85b;
  --shadow-s:  0 2px 8px rgba(12,20,40,.04), 0 1px 3px rgba(12,20,40,.05);
  --shadow:    0 12px 36px -8px rgba(12,20,40,.10), 0 4px 12px rgba(12,20,40,.05);
  --shadow-l:  0 28px 70px -14px rgba(12,20,40,.18);
  --shadow-brand: 0 18px 44px -10px rgba(91,74,240,.45);
}

.design-v11 body, body.design-v11{
  background:
    radial-gradient(1100px 600px at 80% -10%, rgba(91,74,240,.06), transparent 60%),
    radial-gradient(900px 500px at -10% 30%, rgba(0,210,255,.04), transparent 60%),
    var(--bg);
}

/* Грейн-текстура */
body.design-v11::before{display:none !important;
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/></svg>");
  opacity:.025;mix-blend-mode:overlay;
}

/* ---------- HERO: тёмная премиальная версия ---------- */
.design-v11 .hero-v6{
  position:relative;overflow:hidden;
  background:
    radial-gradient(1200px 700px at 80% 20%, rgba(91,74,240,.32), transparent 55%),
    radial-gradient(900px 500px at 15% 80%, rgba(0,210,255,.20), transparent 55%),
    linear-gradient(180deg, #0a1428 0%, #0e1c3a 60%, #122448 100%);
  padding:60px 0 90px;
  border-radius:0;
}
.design-v11 .hero-v6::before, .design-v11 .hero-v6::after{display:block !important}
.design-v11 .hero-v6::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/></svg>");
  opacity:.045;mix-blend-mode:overlay;z-index:0;
}
.design-v11 .hero-v6::after{
  content:"";position:absolute;top:10%;right:-5%;width:560px;height:560px;
  background:radial-gradient(circle, rgba(91,74,240,.40), transparent 70%);
  filter:blur(60px);pointer-events:none;z-index:0;
}
.design-v11 .hero-v6 .container{position:relative;z-index:2}

/* Убрать белую "стеклянную" карточку, оставив тёмный фон */
.design-v11 .hero-v6__layout{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.design-v11 .hero-v6__layout::before{display:none !important}

/* Hero текст */
.design-v11 .hero-v6 h1{
  color:#fff;
  font-size:clamp(36px, 5vw, 64px);
  line-height:1.04;letter-spacing:-.025em;font-weight:800;
  text-shadow:0 2px 30px rgba(0,0,0,.15);
}
.design-v11 .hero-v6 h1 span{
  display:inline;
  background:linear-gradient(135deg, #6fa1ff 0%, #00d2ff 50%, #6fa1ff 100%);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  animation:gradientShift 8s ease infinite;
}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.design-v11 .hero-v6__lead{
  color:rgba(255,255,255,.78) !important;
  font-size:18px;line-height:1.55;font-weight:500;
}
.design-v11 .hero-v6__kicker{
  background:rgba(255,255,255,.08) !important;
  color:#cfdaee !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.design-v11 .hero-v6__kicker::before,
.design-v11 .hero-v6__kicker i{background:#4ade80 !important;box-shadow:0 0 10px #4ade80 !important}

/* Hero CTA кнопки — премиум градиенты */
.design-v11 .hero-v6 .btn--primary{
  background:linear-gradient(135deg, #5b4af0 0%, #8a7bff 100%) !important;
  box-shadow:0 14px 36px -8px rgba(91,74,240,.55), inset 0 1px 0 rgba(255,255,255,.2);
  color:#fff;
}
.design-v11 .hero-v6 .btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 48px -8px rgba(91,74,240,.7), inset 0 1px 0 rgba(255,255,255,.3);
}
.design-v11 .hero-v6 .btn--call{
  box-shadow:0 14px 36px -8px rgba(22,168,91,.5), inset 0 1px 0 rgba(255,255,255,.2);
}
.design-v11 .hero-v6 .btn--tg{
  background:linear-gradient(135deg, #229ed9 0%, #36b3e8 100%) !important;
  box-shadow:0 14px 36px -8px rgba(34,158,217,.4), inset 0 1px 0 rgba(255,255,255,.2);
}

/* Phone card в hero — стеклянная на тёмном */
.design-v11 .hero-v6__phone-card{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:none !important;
}
.design-v11 .hero-v6__phone-card span{color:rgba(255,255,255,.55) !important}
.design-v11 .hero-v6__phone-card a{color:#fff !important}
.design-v11 .hero-v6__phone-card a:hover{
  background:linear-gradient(135deg, #6fa1ff, #00d2ff);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent !important;
}
.design-v11 .hero-v6__phone-card small{color:rgba(255,255,255,.6) !important}

/* Hero 4 факта-плитки внизу */
.design-v11 .hero-v6__proofs div{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:none !important;
}
.design-v11 .hero-v6__proofs b{color:#fff !important}
.design-v11 .hero-v6__proofs span{color:rgba(255,255,255,.65) !important}

/* Repair console (правая часть hero) — гласморф */
.design-v11 .repair-console{
  background:rgba(10,20,40,.5) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  box-shadow:0 30px 70px -20px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.design-v11 .repair-console__top{
  background:linear-gradient(135deg, rgba(91,74,240,.20), rgba(0,210,255,.10)) !important;
}
.design-v11 .repair-console__grid{
  background:transparent !important;
}
.design-v11 .repair-console__grid button{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:none !important;
  transition:.25s var(--t);
}
.design-v11 .repair-console__grid button:hover{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(91,74,240,.4) !important;
  transform:translateY(-3px);
  box-shadow:0 18px 40px -10px rgba(91,74,240,.4) !important;
}
.design-v11 .repair-console__grid b{color:#fff}
.design-v11 .repair-console__grid small{color:rgba(255,255,255,.6) !important}
.design-v11 .repair-console__grid i{color:#6fa1ff}
.design-v11 .repair-console__bottom{background:transparent !important}
.design-v11 .repair-console__bottom span{
  background:rgba(74,222,128,.10) !important;
  border:1px solid rgba(74,222,128,.20) !important;
  color:#4ade80 !important;
}

/* Топбар */
.design-v11 .topbar{background:#08111f}

/* Header sticky */
.design-v11 .header{
  background:rgba(247,248,251,.85);
  backdrop-filter:blur(20px) saturate(1.2);
  -webkit-backdrop-filter:blur(20px) saturate(1.2);
  border-bottom:1px solid rgba(0,0,0,.04);
}
.design-v11 .header.is-stuck{
  background:rgba(247,248,251,.95);
  box-shadow:0 1px 0 rgba(12,20,40,.04), 0 8px 32px -8px rgba(12,20,40,.08);
}

/* Premium command — quickstart panel under hero */
.design-v11 .premium-command{
  background:transparent;
  margin-top:-30px;position:relative;z-index:5;
}
.design-v11 .command-panel{
  background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(221,227,238,.6) !important;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 20px 60px -10px rgba(12,20,40,.18) !important;
}
.design-v11 .command-panel__intro{
  background:linear-gradient(135deg, var(--navy), var(--navy-2)) !important;
}
.design-v11 .command-action{
  background:#fff !important;
  border:1px solid var(--line) !important;
  transition:.25s var(--t);
}
.design-v11 .command-action:hover{
  transform:translateY(-3px);
  border-color:var(--brand) !important;
  box-shadow:0 14px 32px -8px var(--brand-glow) !important;
}

/* ---------- Секции: больше воздуха ---------- */
.design-v11 .section{padding:88px 0;position:relative}
.design-v11 .section--soft{
  background:linear-gradient(180deg, #f5faff 0%, #eef7fd 50%, #f5faff 100%);
}

.design-v11 .section-title{
  font-size:clamp(30px, 3.6vw, 46px);
  line-height:1.08;letter-spacing:-.025em;font-weight:800;
  margin-bottom:14px;
}
.design-v11 .section-lead{
  color:var(--ink-soft);
  font-size:17px;line-height:1.6;
  max-width:64ch;margin:0 auto;
}

/* Eyebrow */
.design-v11 .eyebrow{
  background:linear-gradient(135deg, rgba(91,74,240,.08), rgba(91,74,240,.04));
  border:1px solid rgba(91,74,240,.15);
  color:var(--brand);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  padding:8px 16px;border-radius:999px;
}
.design-v11 .eyebrow::before{
  width:7px;height:7px;
  background:var(--brand);box-shadow:0 0 8px var(--brand);
}

/* ---------- Кнопки ---------- */
.design-v11 .btn{
  border-radius:14px;
  font-weight:700;letter-spacing:-.005em;
  transition:transform .2s var(--t), box-shadow .25s var(--t), background .2s;
  position:relative;
}
.design-v11 .btn--primary{
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow:0 8px 24px -6px var(--brand-glow), inset 0 1px 0 rgba(255,255,255,.15);
}
.design-v11 .btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px -6px var(--brand-glow), inset 0 1px 0 rgba(255,255,255,.25);
  background:linear-gradient(135deg, var(--brand-dark), var(--brand));
}
.design-v11 .btn--call{
  background:linear-gradient(135deg, var(--green), #1cc66e);
  box-shadow:0 8px 24px -6px rgba(22,168,91,.4), inset 0 1px 0 rgba(255,255,255,.15);
}
.design-v11 .btn--call:hover{transform:translateY(-2px);box-shadow:0 14px 32px -6px rgba(22,168,91,.55)}
.design-v11 .btn--tg{
  background:linear-gradient(135deg, #229ed9, #36b3e8);
  box-shadow:0 8px 24px -6px rgba(34,158,217,.4), inset 0 1px 0 rgba(255,255,255,.15);
}

/* ---------- КАРТОЧКИ — премиум гласморф ---------- */
.design-v11 .svc-card,
.design-v11 .feat-card,
.design-v11 .prob-card,
.design-v11 .doc-card,
.design-v11 .example-card,
.design-v11 .photo-card,
.design-v11 .master-card,
.design-v11 .addr-card,
.design-v11 .step,
.design-v11 .proof-card,
.design-v11 .review{
  background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.80) 100%);
  border:1px solid rgba(221,227,238,.6);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:var(--shadow-s);
  transition:transform .3s var(--t), box-shadow .3s var(--t), border-color .3s;
}
.design-v11 .svc-card:hover,
.design-v11 .feat-card:hover,
.design-v11 .prob-card:hover,
.design-v11 .doc-card:hover,
.design-v11 .example-card:hover,
.design-v11 .photo-card:hover,
.design-v11 .master-card:hover,
.design-v11 .addr-card:hover,
.design-v11 .proof-card:hover,
.design-v11 .review:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow);
  border-color:rgba(91,74,240,.3);
}

/* Иконки карточек */
.design-v11 .svc-card__ico,
.design-v11 .feat-card__ico,
.design-v11 .prob-card__ico,
.design-v11 .doc-card__ico,
.design-v11 .photo-card__ico,
.design-v11 .info-card__ico,
.design-v11 .fault-item__ico{
  background:linear-gradient(135deg, rgba(91,74,240,.10), rgba(91,74,240,.04));
  border:1px solid rgba(91,74,240,.10);
  position:relative;
}

/* Compare block */
.design-v11 .compare__col--good{
  background:linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
  border-color:rgba(91,74,240,.25);
  box-shadow:0 28px 60px -20px rgba(91,74,240,.30), 0 0 0 1px rgba(91,74,240,.05);
  position:relative;
}
.design-v11 .compare__vs{
  background:linear-gradient(135deg, var(--navy), var(--navy-2));
  box-shadow:0 14px 32px -8px rgba(10,20,40,.5), inset 0 1px 0 rgba(255,255,255,.15);
}

/* Курьер */
.design-v11 .courier{
  background:
    radial-gradient(800px 400px at 80% 20%, rgba(91,74,240,.30), transparent 55%),
    radial-gradient(600px 400px at 15% 80%, rgba(0,210,255,.16), transparent 55%),
    linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
  position:relative;overflow:hidden;
}

/* CTA-final */
.design-v11 .cta-final, .design-v11 .cta-final__in{
  background:
    radial-gradient(800px 400px at 50% 0%, rgba(91,74,240,.35), transparent 60%),
    linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 60%, var(--navy-3) 100%);
}

/* Цены */
.design-v11 .price-list{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.85));
  border:1px solid rgba(221,227,238,.6);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:var(--shadow);
}
.design-v11 .price-row:hover{background:rgba(91,74,240,.02)}
.design-v11 .price-tab.is-active{
  background:linear-gradient(135deg, var(--navy), var(--navy-2)) !important;
  color:#fff;
  box-shadow:0 8px 24px -6px rgba(10,20,40,.4);
}

/* Калькулятор */
.design-v11 .calc{
  background:
    radial-gradient(700px 400px at 80% 20%, rgba(91,74,240,.30), transparent 55%),
    linear-gradient(135deg, var(--navy), var(--navy-2));
}
.design-v11 .opt{
  background:#fff;
  border:1.6px solid var(--line);
  color:var(--ink);
  transition:.2s var(--t);
}
.design-v11 .opt:hover{
  background:linear-gradient(135deg, rgba(91,74,240,.06), rgba(91,74,240,.02));
  border-color:rgba(91,74,240,.4);
  transform:translateY(-2px);
  box-shadow:0 8px 20px -6px rgba(91,74,240,.2);
}
.design-v11 .opt.is-sel{
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  border-color:transparent;
  color:#fff;
  box-shadow:0 10px 24px -6px var(--brand-glow);
}
.design-v11 .opt.is-sel svg{color:#fff}

/* Cookie / sticky bar / modal */
.design-v11 .cookie-bar{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.85));
  backdrop-filter:blur(20px) saturate(1.3);
  -webkit-backdrop-filter:blur(20px) saturate(1.3);
  box-shadow:var(--shadow-l);
}
.design-v11 .m-sticky-bar{
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(20px) saturate(1.4);
  -webkit-backdrop-filter:blur(20px) saturate(1.4);
}
.design-v11 .modal__overlay{
  background:rgba(10,20,40,.55);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}

/* Поэтапная анимация карточек */
.design-v11 .reveal.is-visible{animation:fadeUp .6s var(--t) backwards}
.design-v11 .grid > .reveal:nth-child(1){animation-delay:0s}
.design-v11 .grid > .reveal:nth-child(2){animation-delay:.06s}
.design-v11 .grid > .reveal:nth-child(3){animation-delay:.12s}
.design-v11 .grid > .reveal:nth-child(4){animation-delay:.18s}
.design-v11 .grid > .reveal:nth-child(5){animation-delay:.24s}
.design-v11 .grid > .reveal:nth-child(6){animation-delay:.30s}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* Шаги ремонта — премиум номер */
.design-v11 .step__num{
  background:linear-gradient(135deg, var(--navy), var(--navy-2));
  color:#fff;border-radius:14px;
  box-shadow:0 10px 24px -6px rgba(10,20,40,.3);
}

/* Marquee — fade по краям */
.design-v11 .marquee{
  background:linear-gradient(135deg, var(--navy), var(--navy-2));
  position:relative;display:block !important;
}
.design-v11 .marquee::before, .design-v11 .marquee::after{
  content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;
}
.design-v11 .marquee::before{left:0;background:linear-gradient(90deg, var(--navy), transparent)}
.design-v11 .marquee::after{right:0;background:linear-gradient(270deg, var(--navy), transparent)}

/* Микро-подсветка пунктов меню */
.design-v11 .menu a{position:relative}
.design-v11 .menu a::after{
  content:"";position:absolute;bottom:-4px;left:14px;right:14px;
  height:2px;background:linear-gradient(90deg, var(--brand), var(--brand-3));
  border-radius:2px;transform:scaleX(0);transform-origin:left;
  transition:transform .25s var(--t);
}
.design-v11 .menu a:hover::after{transform:scaleX(1)}

/* Поля форм */
.design-v11 .field input,
.design-v11 .field select,
.design-v11 .field textarea{
  background:#fff;
  border:1.5px solid var(--line);
  border-radius:12px;
  transition:.2s var(--t);
}
.design-v11 .field input:focus,
.design-v11 .field select:focus,
.design-v11 .field textarea:focus{
  border-color:var(--brand);
  box-shadow:0 0 0 4px rgba(91,74,240,.10);
  outline:none;
}

/* Бейджи и чипы */
.design-v11 .svc-card__tags span,
.design-v11 .usp-strip__chips span,
.design-v11 .master-card__skills span,
.design-v11 .example-card__tag{
  background:linear-gradient(135deg, rgba(91,74,240,.08), rgba(91,74,240,.03));
  border:1px solid rgba(91,74,240,.10);
  color:var(--brand-dark);
}

/* Адресные карточки */
.design-v11 .addr-card__pin{
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  color:#fff;
  box-shadow:0 8px 18px -4px var(--brand-glow);
}
.design-v11 .addr-card__pick{
  background:linear-gradient(90deg, rgba(91,74,240,.06), rgba(91,74,240,.02));
  border:1px dashed rgba(91,74,240,.25);
  border-radius:12px;
  padding:10px 14px;
}
.design-v11 .addr-card__pick:hover{
  background:linear-gradient(90deg, rgba(91,74,240,.10), rgba(91,74,240,.05));
  border-style:solid;text-decoration:none;
}

/* ---------- Адаптив ---------- */
@media(max-width:1180px){
  .design-v11 .hero-v6 h1{font-size:clamp(34px, 6vw, 48px)}
}
@media(max-width:960px){
  .design-v11 .section{padding:60px 0}
  .design-v11 .hero-v6{padding:50px 0 70px}
}
@media(max-width:560px){
  .design-v11 .section{padding:44px 0}
  .design-v11 .hero-v6 h1{font-size:clamp(28px,8vw,40px)}
  .design-v11 .hero-v6__lead{font-size:15.5px}
  .design-v11 .hero-v6{padding:30px 0 50px}
}

/* Reduce motion accessibility */
@media (prefers-reduced-motion: reduce){
  .design-v11 .hero-v6 h1 span{animation:none}
  .design-v11 .reveal.is-visible{animation:none}
}

/* =========================================================
   v11 — точечные фиксы после визуальной проверки
   ========================================================= */

/* Иконки в proof-card / review-proof вместо фейковых цифр */
.design-v11 .proof-card__ico,
.design-v11 .review-proof__ico{
  display:inline-grid;place-items:center;
  width:56px;height:56px;border-radius:16px;
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  color:#fff;
  box-shadow:0 12px 28px -8px var(--brand-glow), inset 0 1px 0 rgba(255,255,255,.2);
  margin-bottom:10px;
}
.design-v11 .proof-card__ico svg,
.design-v11 .review-proof__ico svg{
  width:28px;height:28px;color:#fff;stroke-width:2.2;
}

/* Trust-proof — лучше типографика и контраст */
.design-v11 .section--trust-proof{
  background:#fff;
  padding:80px 0;
}
.design-v11 .trust-proof{
  background:#fff !important;
  border:1px solid var(--line) !important;
  box-shadow:0 20px 60px -16px rgba(12,20,40,.10) !important;
}
.design-v11 .trust-proof__head h2{
  color:var(--ink);
  font-size:clamp(28px, 2.6vw, 38px);
  letter-spacing:-.02em;line-height:1.15;
  font-weight:800;
}
.design-v11 .trust-proof__head p{
  color:var(--ink-soft);
  font-size:16px;line-height:1.55;
}
.design-v11 .proof-card{
  background:linear-gradient(180deg, #ffffff, #f7faff) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow-s) !important;
  color:var(--ink) !important;
  padding:24px !important;
}
.design-v11 .proof-card:hover{
  border-color:var(--brand) !important;
  transform:translateY(-4px);
  box-shadow:var(--shadow) !important;
}
.design-v11 .proof-card b{color:var(--ink) !important;font-weight:800;font-size:17px}
.design-v11 .proof-card small{color:var(--ink-soft) !important;font-size:13.5px;line-height:1.45}
.design-v11 .proof-card__num{
  background:linear-gradient(135deg, var(--brand), var(--brand-3));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1;display:inline-block;
}

/* Review-proof links */
.design-v11 .review-proof{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:880px;margin:0 auto 40px;
}
.design-v11 .review-proof__main{
  display:flex;align-items:center;gap:18px;
  background:#fff;border:1px solid var(--line);
  border-radius:20px;padding:20px 22px;
  box-shadow:var(--shadow-s);
  transition:.3s var(--t);text-decoration:none;color:inherit;
}
.design-v11 .review-proof__main:hover{
  border-color:var(--brand);
  transform:translateY(-3px);
  box-shadow:var(--shadow);
}
.design-v11 .review-proof__main > span:not(.review-proof__ico):not(.review-proof__score){
  display:flex;flex-direction:column;flex:1;gap:3px;
}
.design-v11 .review-proof__main b{color:var(--ink);font-size:17px;font-weight:800}
.design-v11 .review-proof__main small{color:var(--ink-soft);font-size:13.5px}
.design-v11 .review-proof__main > svg:last-child{
  width:20px;height:20px;color:var(--brand);
}

@media(max-width:720px){
  .design-v11 .review-proof{grid-template-columns:1fr}
  .design-v11 .review-proof__main{padding:18px}
}

/* Шапка нав/топбар — убрать смешение тёмное+светлое */
.design-v11 .topbar{
  background:#08111f;
  color:rgba(255,255,255,.85);
}
.design-v11 .topbar a, .design-v11 .topbar__item{color:rgba(255,255,255,.85)}
.design-v11 .topbar a:hover{color:#fff}

/* v11.2 custom: MAX button and generated visual cards */
.btn--max{background:linear-gradient(135deg,#5b4af0,#7c3cff);color:#fff;box-shadow:0 14px 34px rgba(91,74,240,.22)}
.btn--max:hover{transform:translateY(-2px);filter:saturate(1.05)}
.master-card__avatar{overflow:hidden;background:#eef6ff}
.master-card__avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.example-card.has-img .example-card__media{height:210px}
.example-card.has-img .example-card__media img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){.example-card.has-img .example-card__media{height:180px}}

/* ===== DEVICE SELECTOR (Педант-style) ===== */
@media(max-width:900px){
  #devices .reveal[style*="grid-template-columns:repeat(3"]{
    grid-template-columns:repeat(2,1fr)!important
  }
}
@media(max-width:560px){
  #devices .reveal[style*="grid-template-columns"]{
    grid-template-columns:1fr!important
  }
}
/* Stats counters row */
@media(max-width:700px){
  .section--soft .reveal[style*="grid-template-columns:repeat(4"]{
    grid-template-columns:repeat(2,1fr)!important
  }
}

/* ============================================================
   v14 UPGRADE LAYER — агрессивный апгрейд дизайна
   Перебивает все предыдущие design-v* классы там где нужно
   ============================================================ */

/* ---------- Усиленный hero: тёмный фон с градиентной сеткой ---------- */
.hero-v6 {
  background: linear-gradient(135deg, #060f1e 0%, #0c1e3c 50%, #0a1628 100%);
  position: relative;
  overflow: hidden;
}
.hero-v6::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 80% at 80% 30%, rgba(91,74,240,.18) 0%, transparent 60%),
    radial-gradient(ellipse 40% 50% at 20% 80%, rgba(0,180,120,.10) 0%, transparent 55%);
  pointer-events: none;
}
.hero-v6::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}

/* ---------- Улучшенный eyebrow ---------- */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--brand);
  background: var(--brand-soft);
  padding: 5px 13px;
  border-radius: 99px;
  border: 1px solid rgba(91,74,240,.2);
}

/* ---------- Секция-акция (промо-баннер) ---------- */
.promo-banner {
  background: linear-gradient(135deg, #5b4af0 0%, #4632c4 50%, #2d1f7a 100%);
  border-radius: 28px;
  padding: 44px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  position: relative;
  overflow: hidden;
}
.promo-banner::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 260px; height: 260px;
  border-radius: 50%;
  background: rgba(255,255,255,.07);
  pointer-events: none;
}
.promo-banner::after {
  content: '';
  position: absolute;
  bottom: -80px; left: 30%;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: rgba(255,255,255,.05);
  pointer-events: none;
}
.promo-banner__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 5px 13px;
  border-radius: 99px;
  margin-bottom: 14px;
}
.promo-banner h2 {
  font-size: 30px;
  font-weight: 900;
  color: #fff;
  line-height: 1.18;
  margin-bottom: 10px;
}
.promo-banner p {
  color: rgba(255,255,255,.75);
  font-size: 15.5px;
  max-width: 500px;
}
.promo-banner__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}
.promo-banner__cta {
  background: #fff;
  color: #4632c4;
  font-size: 15px;
  font-weight: 800;
  padding: 14px 28px;
  border-radius: 14px;
  border: none;
  cursor: pointer;
  transition: transform .18s, box-shadow .18s;
  white-space: nowrap;
}
.promo-banner__cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
}
.promo-banner__ghost {
  color: rgba(255,255,255,.85);
  font-size: 15px;
  font-weight: 700;
  padding: 14px 24px;
  border: 1.5px solid rgba(255,255,255,.35);
  border-radius: 14px;
  cursor: pointer;
  transition: border-color .18s, background .18s;
  white-space: nowrap;
}
.promo-banner__ghost:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.6);
}
.promo-banner__num {
  flex-shrink: 0;
  text-align: center;
  color: #fff;
}
.promo-banner__num b {
  display: block;
  font-size: 72px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.04em;
  background: linear-gradient(135deg,#fff 30%,rgba(255,255,255,.5));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promo-banner__num span {
  font-size: 16px;
  font-weight: 700;
  color: rgba(255,255,255,.7);
}
@media(max-width:780px) {
  .promo-banner { flex-direction: column; padding: 32px 24px; text-align: center; }
  .promo-banner h2 { font-size: 22px; }
  .promo-banner__num b { font-size: 52px; }
  .promo-banner__actions { justify-content: center; }
}

/* ---------- FAQ секция ---------- */
.faq-list { display: flex; flex-direction: column; gap: 0; max-width: 820px; margin: 0 auto; }
.faq-item {
  border-bottom: 1.5px solid var(--line);
}
.faq-item:first-child { border-top: 1.5px solid var(--line); }
.faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 4px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 17px;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.4;
  transition: color .15s;
}
.faq-q:hover { color: var(--brand); }
.faq-q__ico {
  flex-shrink: 0;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: var(--bg-soft);
  display: flex; align-items: center; justify-content: center;
  transition: background .18s, transform .25s;
}
.faq-item.is-open .faq-q__ico {
  background: var(--brand);
  transform: rotate(45deg);
}
.faq-q__ico svg { width: 16px; height: 16px; color: var(--ink); transition: color .18s; }
.faq-item.is-open .faq-q__ico svg { color: #fff; }
.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height .32s cubic-bezier(.4,0,.2,1), padding .25s;
  padding: 0 4px;
}
.faq-item.is-open .faq-a {
  max-height: 400px;
  padding-bottom: 20px;
}
.faq-a p { color: var(--ink-soft); line-height: 1.7; font-size: 15.5px; }

/* ---------- Реальные отзывы (карточки-цитаты) ---------- */
.reviews-v2 {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}
.review-v2 {
  background: var(--bg);
  border: 1.5px solid var(--line);
  border-radius: 22px;
  padding: 26px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: box-shadow .18s;
}
.review-v2:hover { box-shadow: 0 12px 36px rgba(16,32,59,.09); }
.review-v2__src {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}
.review-v2__src-dot {
  width: 32px; height: 32px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 900;
  display: flex; align-items: center; justify-content: center;
}
.review-v2__src-dot--ya { background: #fc3f1d; color: #fff; }
.review-v2__src-dot--2g { background: #179652; color: #fff; }
.review-v2__stars { color: #f5a623; font-size: 16px; letter-spacing: 1px; }
.review-v2__text { font-size: 15px; color: var(--ink); line-height: 1.65; flex: 1; }
.review-v2__quote { font-size: 36px; color: var(--brand-soft); line-height: 1; font-weight: 900; display: block; margin-bottom: -10px; }
.review-v2__person {
  display: flex; align-items: center; gap: 11px;
  padding-top: 12px;
  border-top: 1px solid var(--line-soft);
}
.review-v2__ava {
  width: 38px; height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--brand), #7ba8ff);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.review-v2__name { font-weight: 700; font-size: 14.5px; display: block; }
.review-v2__meta { font-size: 12.5px; color: var(--ink-soft); }
@media(max-width:860px) { .reviews-v2 { grid-template-columns: repeat(2,1fr); } }
@media(max-width:540px) { .reviews-v2 { grid-template-columns: 1fr; } }

/* ---------- Плавающая кнопка Telegram (sticky) ---------- */
.tg-float {
  position: fixed;
  bottom: 28px;
  right: 24px;
  z-index: 999;
  display: flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #29b6f6, #0288d1);
  color: #fff;
  font-size: 14.5px;
  font-weight: 800;
  padding: 13px 20px 13px 16px;
  border-radius: 99px;
  box-shadow: 0 8px 28px rgba(2,136,209,.40);
  text-decoration: none;
  transition: transform .18s, box-shadow .18s;
  animation: float-in .5s .8s both;
}
.tg-float:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 38px rgba(2,136,209,.5);
}
.tg-float svg { width: 22px; height: 22px; stroke: #fff; }
@keyframes float-in {
  from { opacity:0; transform: translateY(20px); }
  to   { opacity:1; transform: translateY(0); }
}
@media(max-width:480px) { .tg-float span { display: none; } .tg-float { padding: 14px; } }

/* ---------- Улучшенный топбар ---------- */
.topbar {
  background: var(--navy);
}

/* ---------- Секция-рейтинг (как у Педант) ---------- */
.rating-strip {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.rating-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--bg);
  border: 1.5px solid var(--line);
  border-radius: 16px;
  padding: 16px 20px;
  flex: 1;
  min-width: 200px;
}
.rating-card__logo {
  width: 40px; height: 40px;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 900; color: #fff;
  flex-shrink: 0;
}
.rating-card__logo--ya { background: #fc3f1d; }
.rating-card__logo--2g { background: #179652; }
.rating-card__logo--go { background: #4285f4; }
.rating-card__score { font-size: 26px; font-weight: 900; color: var(--ink); line-height: 1; }
.rating-card__stars { color: #f5a623; font-size: 13px; }
.rating-card__count { font-size: 12.5px; color: var(--ink-soft); }

/* ---------- Hover-эффект на device-selector-card ---------- */
.device-selector-card:hover {
  box-shadow: 0 10px 34px rgba(91,74,240,.14);
  border-color: #5b4af0 !important;
  transform: translateY(-2px);
}
.device-selector-card { transition: all .18s cubic-bezier(.21,.6,.35,1) !important; }

/* ---------- Пульс на кнопке CTA ---------- */
@keyframes pulse-cta {
  0%, 100% { box-shadow: 0 0 0 0 rgba(91,74,240,.4); }
  60% { box-shadow: 0 0 0 12px rgba(91,74,240,0); }
}
.btn--primary { animation: pulse-cta 2.8s infinite; }
.btn--primary:hover { animation: none; }

/* ---------- Секция: Гарантия (баннер-виджет) ---------- */
.guarantee-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.guarantee-card {
  background: var(--bg);
  border: 1.5px solid var(--line);
  border-radius: 22px;
  padding: 28px 22px;
  text-align: center;
}
.guarantee-card__ico {
  width: 56px; height: 56px;
  border-radius: 16px;
  background: var(--brand-soft);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 14px;
}
.guarantee-card__ico svg { width: 26px; height: 26px; color: var(--brand); }
.guarantee-card h3 { font-size: 17px; font-weight: 800; margin-bottom: 8px; }
.guarantee-card p { font-size: 14.5px; color: var(--ink-soft); line-height: 1.6; }
@media(max-width:700px) { .guarantee-grid { grid-template-columns: 1fr; } }


/* ============================================================

/* ============================================================
   v15 LIGHT PRO — чистый белый, профессиональный топ-уровень
   ============================================================ */

/* --- Шрифты --- */
h1, h2, h3, h4, .section-title, .logo__name {
  font-family: 'Onest', 'Plus Jakarta Sans', sans-serif !important;
}

/* --- Переменные --- */
:root {
  --brand: #5b4af0;
  --brand-dark: #4632c4;
  --brand-soft: #eeebfe;
  --accent: #00b894;
  --accent-soft: #e0faf4;
}

/* ====== HERO — чистый светлый premium ====== */
.hero.hero-v6,
.design-v6 .hero-v6,
.design-v7 .hero-v6,
.design-v8 .hero-v6,
.design-v9 .hero-v6,
.design-v11 .hero-v6,
.premium-v5 .hero-v6 {
  background: linear-gradient(160deg, #f0f5ff 0%, #ffffff 45%, #f5fbff 100%) !important;
  padding: 72px 0 80px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Декоративные акценты */
.hero.hero-v6::before,
.design-v6 .hero-v6::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(ellipse 65% 80% at 80% 15%, rgba(91,74,240,.09) 0%, transparent 55%),
    radial-gradient(ellipse 40% 50% at 15% 85%, rgba(0,184,148,.07) 0%, transparent 50%) !important;
  pointer-events: none !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Тонкая сетка */
.hero.hero-v6::after,
.design-v6 .hero-v6::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(91,74,240,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(91,74,240,.028) 1px, transparent 1px) !important;
  background-size: 52px 52px !important;
  pointer-events: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  right: auto !important; top: auto !important;
  filter: none !important;
  background-color: transparent !important;
}

/* H1 */
.design-v6 .hero-v6 h1,
.design-v7 .hero-v6 h1 {
  font-size: clamp(46px, 5.8vw, 88px) !important;
  font-weight: 900 !important;
  line-height: .93 !important;
  letter-spacing: -.06em !important;
  color: #07152e !important;
  margin: 0 0 22px !important;
  text-wrap: balance !important;
}
.design-v6 .hero-v6 h1 span,
.design-v7 .hero-v6 h1 span {
  display: block !important;
  background: linear-gradient(100deg, #5b4af0 0%, #00b894 55%, #5b4af0 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  background-size: 200% auto !important;
  animation: gradShift 4s linear infinite !important;
}
@keyframes gradShift {
  0%   { background-position: 0% center; }
  100% { background-position: 200% center; }
}

/* Kicker — лёгкий тег */
.design-v6 .hero-v6__kicker,
.design-v7 .hero-v6__kicker {
  background: #fff !important;
  border: 1.5px solid rgba(91,74,240,.18) !important;
  color: #1a3a7a !important;
  box-shadow: 0 4px 16px rgba(91,74,240,.10) !important;
  font-size: 11px !important;
  margin-bottom: 24px !important;
}
.design-v6 .hero-v6__kicker i {
  background: #00b894 !important;
  box-shadow: 0 0 0 5px rgba(0,184,148,.18) !important;
  animation: greenPulse2 2.2s infinite !important;
}
@keyframes greenPulse2 {
  0%,100% { box-shadow: 0 0 0 4px rgba(0,184,148,.2); }
  50%      { box-shadow: 0 0 0 9px rgba(0,184,148,.06); }
}

/* Lead */
.design-v6 .hero-v6__lead,
.design-v7 .hero-v6__lead {
  color: #445573 !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

/* Phone card */
.design-v6 .hero-v6__phone-card,
.design-v7 .hero-v6__phone-card {
  background: #fff !important;
  border: 1.5px solid rgba(91,74,240,.13) !important;
  box-shadow: 0 8px 28px rgba(91,74,240,.08) !important;
}
.design-v6 .hero-v6__phone-card span { color: #8a99b0 !important; }
.design-v6 .hero-v6__phone-card a { color: #07152e !important; }
.design-v6 .hero-v6__phone-card small { color: #7a8ca3 !important; }

/* Proofs bar */
.design-v6 .hero-v6__proofs div,
.design-v7 .hero-v6__proofs div {
  background: #fff !important;
  border: 1.5px solid rgba(91,74,240,.12) !important;
  box-shadow: 0 6px 20px rgba(91,74,240,.07) !important;
}
.design-v6 .hero-v6__proofs b { color: #07152e !important; font-family: 'Onest', sans-serif !important; }
.design-v6 .hero-v6__proofs span { color: #7a8ca3 !important; }

/* Repair console — белая с тенью */
.design-v6 .repair-console,
.design-v7 .repair-console {
  background: #ffffff !important;
  border: 1.5px solid #dde8f8 !important;
  box-shadow:
    0 2px 0 rgba(91,74,240,.05),
    0 24px 80px rgba(13,30,70,.10) !important;
}
.design-v6 .repair-console::before { display: none !important; }
.design-v6 .repair-console__top span { color: #8a9bb5 !important; }
.design-v6 .repair-console__top b { color: #07152e !important; }
.design-v6 .repair-console__top em {
  background: #e6faf5 !important;
  border-color: rgba(0,184,148,.30) !important;
  color: #009e7e !important;
}
.design-v6 .repair-console__grid button {
  background: #f7f9ff !important;
  border-color: #e4edf8 !important;
  box-shadow: 0 4px 14px rgba(13,30,70,.05) !important;
}
.design-v6 .repair-console__grid button:hover {
  background: #fff !important;
  border-color: rgba(91,74,240,.4) !important;
  box-shadow: 0 12px 36px rgba(91,74,240,.16) !important;
}
.design-v6 .repair-console__grid i {
  background: linear-gradient(135deg, #eeebfe, #e2f0ff) !important;
  color: #5b4af0 !important;
}
.design-v6 .repair-console__grid b { color: #07152e !important; }
.design-v6 .repair-console__grid small { color: #7a8ca3 !important; }
.design-v6 .repair-console__bottom span { background: #f2f6fd !important; color: #556070 !important; }
.design-v6 .repair-console__bottom svg { color: #00b894 !important; }

/* Mini float cards */
.design-v6 .hero-v6__mini {
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(91,74,240,.12) !important;
  box-shadow: 0 12px 40px rgba(13,30,70,.12) !important;
}
.design-v6 .hero-v6__mini b { color: #07152e !important; }
.design-v6 .hero-v6__mini span { color: #6b7c96 !important; }

/* ====== HEADER — белый с тенью ====== */
.header {
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1.5px solid #e8eef8 !important;
  box-shadow: 0 4px 24px rgba(13,30,70,.06) !important;
  backdrop-filter: none !important;
}
.logo__name { color: #07152e !important; }
.logo__name b { color: var(--brand) !important; }
.logo__sub { color: #8a9bb5 !important; }
.menu a { color: #334261 !important; font-weight: 600 !important; }
.menu a:hover { color: var(--brand) !important; }
.nav__phone span { color: #8a9bb5 !important; }
.nav__phone b { color: #07152e !important; }

/* ====== TOPBAR — лёгкий синеватый ====== */
.topbar {
  background: #f0f5ff !important;
  border-bottom: 1px solid #dde8f8 !important;
}
.topbar__item, .topbar__right a {
  color: #556070 !important;
  font-size: 12.5px !important;
}
.topbar__item svg { color: var(--brand) !important; }

/* ====== SECTION TITLE ====== */
.section-title {
  font-size: clamp(28px, 4vw, 50px) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  line-height: 1.06 !important;
  color: #07152e !important;
}

/* ====== EYEBROW ====== */
.eyebrow {
  color: var(--brand) !important;
  background: var(--brand-soft) !important;
  border: 1px solid rgba(91,74,240,.2) !important;
  font-family: 'Onest', sans-serif !important;
  letter-spacing: .1em !important;
}

/* ====== SECTION SOFT ====== */
.section--soft { background: #f5f8ff !important; }

/* ====== BUTTONS ====== */
.btn--primary {
  background: linear-gradient(135deg, #5b4af0, #4632c4) !important;
  box-shadow: 0 8px 28px rgba(91,74,240,.35) !important;
  font-weight: 800 !important;
  border-radius: 14px !important;
}
.btn--primary:hover {
  box-shadow: 0 14px 40px rgba(91,74,240,.50) !important;
  transform: translateY(-2px) !important;
}
.btn--call {
  font-weight: 800 !important;
  border-radius: 14px !important;
}
.btn--tg { font-weight: 800 !important; border-radius: 14px !important; }
.btn--ghost { border-radius: 14px !important; font-weight: 700 !important; }

/* CTA pulse — тихий */
@keyframes pulseCTA {
  0%,100% { box-shadow: 0 8px 28px rgba(91,74,240,.35); }
  50%      { box-shadow: 0 8px 40px rgba(91,74,240,.55); }
}
.btn--primary { animation: pulseCTA 3s infinite !important; }
.btn--primary:hover { animation: none !important; }

/* ====== DEVICE SELECTOR ====== */
.device-selector-card {
  border-radius: 24px !important;
  transition: all .2s cubic-bezier(.21,.6,.35,1) !important;
}
.device-selector-card:hover {
  box-shadow: 0 16px 48px rgba(91,74,240,.16) !important;
  border-color: rgba(91,74,240,.45) !important;
  transform: translateY(-4px) !important;
}

/* ====== SERVICE CARDS ====== */
.svc-card { border-radius: 26px !important; transition: transform .2s, box-shadow .2s !important; }
.svc-card:hover { transform: translateY(-6px) !important; box-shadow: 0 20px 52px rgba(91,74,240,.12) !important; }
.svc-card__ico { background: linear-gradient(135deg, #eeebfe, #e0ecff) !important; border-radius: 18px !important; }
.svc-card__ico svg { color: var(--brand) !important; }
.svc-card h3 { font-family: 'Onest', sans-serif !important; font-weight: 800 !important; }

/* ====== GUARANTEE CARDS ====== */
.guarantee-card {
  border-radius: 26px !important;
  transition: transform .18s, box-shadow .18s !important;
  background: #fff !important;
}
.guarantee-card:hover { transform: translateY(-4px) !important; box-shadow: 0 16px 48px rgba(91,74,240,.10) !important; }
.guarantee-card__ico { background: linear-gradient(135deg, #eeebfe, #e2f0ff) !important; }
.guarantee-card__ico svg { color: var(--brand) !important; }
.guarantee-card h3 { font-family: 'Onest', sans-serif !important; }

/* ====== PROMO BANNER ====== */
.promo-banner {
  background: linear-gradient(135deg, #1040c8 0%, #5b4af0 45%, #0c2ea0 100%) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: 0 24px 70px rgba(91,74,240,.30) !important;
}
.promo-banner__num b {
  background: linear-gradient(135deg, #ffffff, rgba(255,255,255,.6)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ====== RATING CARDS ====== */
.rating-card { border-radius: 22px !important; transition: transform .18s, box-shadow .18s !important; }
.rating-card:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 36px rgba(13,30,70,.10) !important; }
.rating-card__score { font-family: 'Onest', sans-serif !important; font-weight: 900 !important; }

/* ====== REVIEWS ====== */
.review-v2 { border-radius: 26px !important; background: #fff !important; }
.review-v2:hover { box-shadow: 0 14px 42px rgba(13,30,70,.09) !important; }
.review-v2__ava { background: linear-gradient(135deg, #5b4af0, #5b9fff) !important; }
.review-v2__quote { color: #dce8ff !important; font-family: 'Onest', sans-serif !important; }

/* ====== FAQ ====== */
.faq-q { font-family: 'Onest', sans-serif !important; font-weight: 700 !important; }
.faq-q:hover { color: var(--brand) !important; }
.faq-item.is-open .faq-q { color: var(--brand) !important; }
.faq-item.is-open .faq-q__ico { background: var(--brand) !important; }

/* ====== STEPS ====== */
.step__num {
  background: linear-gradient(135deg, #5b4af0, #00b894) !important;
  box-shadow: 0 8px 24px rgba(91,74,240,.28) !important;
  font-family: 'Onest', sans-serif !important;
}

/* ====== MASTER CARDS ====== */
.master-card { border-radius: 28px !important; transition: transform .2s, box-shadow .2s !important; }
.master-card:hover { transform: translateY(-6px) !important; box-shadow: 0 24px 64px rgba(91,74,240,.12) !important; }

/* ====== ADDRESS CARDS ====== */
.addr-card { border-radius: 24px !important; transition: transform .18s, box-shadow .18s !important; }
.addr-card:hover { transform: translateY(-4px) !important; }

/* ====== PRICE TABS ====== */
.price-tab.is-active { background: var(--brand) !important; box-shadow: 0 6px 20px rgba(91,74,240,.32) !important; }
.price-tab { font-weight: 700 !important; border-radius: 12px !important; }

/* ====== COMPARE ====== */
.compare__col--good { border-color: rgba(91,74,240,.28) !important; box-shadow: 0 0 0 2px rgba(91,74,240,.10), 0 24px 60px rgba(91,74,240,.07) !important; }
.compare__tag--brand { background: var(--brand) !important; }

/* ====== FOOTER — тёмно-синий, не чёрный ====== */
.footer {
  background: #07152e !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}
.footer h4 { color: rgba(255,255,255,.9) !important; }
.footer b { color: rgba(255,255,255,.9) !important; }
.footer p { color: rgba(255,255,255,.45) !important; }
.footer li a { color: rgba(255,255,255,.5) !important; }
.footer li a:hover { color: rgba(255,255,255,.9) !important; }
.footer__bottom { border-top-color: rgba(255,255,255,.07) !important; }
.footer__bottom span { color: rgba(255,255,255,.3) !important; }
.footer__legal a { color: rgba(255,255,255,.35) !important; }
.footer__name b { color: #fff !important; }
.footer__phone { color: #fff !important; font-size: 22px !important; }

/* ====== TG FLOAT BTN ====== */
.tg-float {
  background: linear-gradient(135deg, #5b4af0, #4632c4) !important;
  box-shadow: 0 8px 32px rgba(91,74,240,.40) !important;
}
.tg-float:hover { box-shadow: 0 16px 48px rgba(91,74,240,.55) !important; transform: translateY(-4px) !important; }

/* ====== MARQUEE ====== */
.marquee { background: #f0f5ff !important; border-color: #dde8f8 !important; }
.marquee__track span { color: #7a8ca3 !important; }
.marquee__track i { background: var(--brand) !important; opacity: .4 !important; }

/* ====== CTA FINAL ====== */
.cta-final__in {
  background: linear-gradient(135deg, #07152e 0%, #102260 50%, #07152e 100%) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  position: relative; overflow: hidden;
}
.cta-final__in::before {
  content: '';
  position: absolute; top: -80px; right: -80px;
  width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle, rgba(0,184,148,.12), transparent 60%);
  pointer-events: none;
}

/* ====== MOBILE MENU ====== */
.mobile-menu { background: #fff !important; border-right: 1px solid #e8eef8 !important; }
.mobile-menu a { color: #334261 !important; }
.mobile-menu a:hover { color: var(--brand) !important; }


/* ===== EXAMPLE CARDS — full image v15 ===== */
.example-card {
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 1.5px solid #e4edf8 !important;
  background: #fff !important;
  transition: transform .2s, box-shadow .2s !important;
  display: flex !important;
  flex-direction: column !important;
}
.example-card:hover { transform: translateY(-6px) !important; box-shadow: 0 20px 56px rgba(91,74,240,.12) !important; }
.example-card__media { position: relative !important; }
.example-card__media img { width: 100% !important; height: auto !important; display: block !important; }
.example-card__media > svg { display: none !important; }
.example-card__body { padding: 20px 20px 22px !important; flex: 1 !important; }
.example-card__tag {
  display: inline-block !important;
  background: var(--brand-soft) !important;
  color: var(--brand) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 99px !important;
  margin-bottom: 8px !important;
}
.example-card__body b { font-size: 16px !important; font-weight: 800 !important; display: block !important; margin-bottom: 6px !important; font-family: 'Onest', sans-serif !important; }
.example-card__body p { font-size: 14px !important; color: #556070 !important; line-height: 1.6 !important; }
.example-card__path { display: none !important; }

/* ===== MASTER CARD AVATARS ===== */
.master-card__avatar {
  background: none !important;
  border-radius: 20px 20px 0 0 !important;
  overflow: hidden !important;
  height: 200px !important;
}
.master-card__avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
}
.master-card {
  background: #fff !important;
  border: 1.5px solid #e4edf8 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.master-card h3,
.master-card .master-card__role,
.master-card p,
.master-card .master-card__skills,
.master-card .master-card__meta {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.master-card h3 { padding-top: 18px !important; font-family: 'Onest', sans-serif !important; }


/* ================================================================
   v17 — Новые компоненты: калькулятор, слайдер, трекер,
          попап, таймер, акции, сертификат, видео
   ================================================================ */

/* ---- КАЛЬКУЛЯТОР ---- */
.calc-widget {
  max-width: 820px; margin: 0 auto;
  background: #fff; border: 1.5px solid #dde8f8;
  border-radius: 28px; padding: 36px;
  box-shadow: 0 12px 48px rgba(91,74,240,.08);
}
.calc-widget__label {
  font-size: 12px; font-weight: 800; letter-spacing: .1em;
  text-transform: uppercase; color: var(--brand);
  margin-bottom: 18px;
}
.calc-widget__grid {
  display: grid; grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); gap: 12px;
}
.cw-btn {
  background: #f5f8ff; border: 1.5px solid #dde8f8;
  border-radius: 16px; padding: 16px 12px;
  font-size: 15px; font-weight: 700; color: var(--ink);
  cursor: pointer; transition: all .18s; text-align: center;
  display: flex; flex-direction: column; gap: 4px;
}
.cw-btn:hover { background: #fff; border-color: var(--brand); color: var(--brand); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(91,74,240,.14); }
.cw-back {
  margin-top: 16px; background: none; border: none;
  color: var(--ink-soft); font-size: 14px; font-weight: 600;
  cursor: pointer; padding: 6px 0;
}
.cw-back:hover { color: var(--brand); }
.calc-widget__result {
  display: grid; grid-template-columns: auto 1fr auto;
  gap: 28px; align-items: start;
  background: linear-gradient(135deg,#f0f5ff,#e8f0ff);
  border-radius: 20px; padding: 28px;
}
.calc-widget__result-icon { font-size: 56px; line-height: 1; }
.calc-widget__result-label { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; color: var(--ink-soft); margin-bottom: 6px; }
.calc-widget__result-price { font-size: 36px; font-weight: 900; color: var(--brand); letter-spacing: -.03em; font-family: 'Onest',sans-serif; }
.calc-widget__result-note { font-size: 14px; color: var(--ink-soft); margin: 6px 0; }
.calc-widget__result-time { font-size: 14px; font-weight: 700; color: var(--ink); }
.calc-widget__result-actions { display: flex; flex-direction: column; gap: 10px; min-width: 220px; }
@media(max-width:700px) {
  .calc-widget { padding: 20px; }
  .calc-widget__result { grid-template-columns: 1fr; text-align: center; }
  .calc-widget__result-actions { align-items: center; }
}

/* ---- СЛАЙДЕР ДО/ПОСЛЕ ---- */
.ba-tabs .ba-tab {
  background: #f5f8ff; border: 1.5px solid #dde8f8;
  border-radius: 12px; padding: 10px 20px;
  font-size: 14px; font-weight: 700; color: var(--ink);
  cursor: pointer; transition: all .18s;
}
.ba-tabs .ba-tab.is-active { background: var(--brand); border-color: var(--brand); color: #fff; }
.ba-slider {
  position: relative; width: 100%; height: 380px;
  border-radius: 24px; overflow: hidden;
  cursor: ew-resize; user-select: none;
  box-shadow: 0 12px 48px rgba(91,74,240,.12);
}
.ba-before, .ba-after {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 16px;
  transition: background .3s;
}
.ba-before span:first-child, .ba-after span:first-child { font-size: 64px; }
.ba-before b, .ba-after b { color: #fff; font-size: 18px; font-weight: 800; }
.ba-before span:last-child, .ba-after span:last-child { color: rgba(255,255,255,.65); font-size: 14px; }
.ba-handle {
  position: absolute; top: 0; bottom: 0; left: 50%;
  transform: translateX(-50%);
  display: flex; flex-direction: column; align-items: center; z-index: 10;
  cursor: ew-resize;
}
.ba-handle__line { flex: 1; width: 2px; background: rgba(255,255,255,.7); }
.ba-handle__btn {
  width: 44px; height: 44px; border-radius: 50%;
  background: #fff; color: var(--brand);
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 900; box-shadow: 0 4px 16px rgba(0,0,0,.2);
  flex-shrink: 0;
}
.ba-label {
  position: absolute; bottom: 16px;
  background: rgba(0,0,0,.5); color: #fff;
  font-size: 12px; font-weight: 800; letter-spacing: .1em;
  padding: 4px 10px; border-radius: 99px;
}
.ba-label--left { left: 16px; }
.ba-label--right { right: 16px; }
@media(max-width:600px){ .ba-slider { height: 260px; } }

/* ---- ВИДЕОСЕКЦИЯ ---- */
.video-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 18px; }
.video-card { border-radius: 20px; overflow: hidden; }
.video-card__thumb {
  width: 100%; height: 260px; position: relative;
  border-radius: 16px; overflow: hidden;
  cursor: pointer; display: flex;
  align-items: flex-end; padding: 0;
}
.video-card__thumb--sm { height: 90px; }
.video-card__play {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 64px; height: 64px; border-radius: 50%;
  background: rgba(255,255,255,.2); backdrop-filter: blur(8px);
  display: flex; align-items: center; justify-content: center;
  transition: background .18s, transform .18s;
}
.video-card__thumb:hover .video-card__play { background: rgba(255,255,255,.35); transform: translate(-50%,-50%) scale(1.08); }
.video-card__play--sm { width: 36px; height: 36px; }
.video-card__overlay {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,.7));
  padding: 24px 16px 16px; color: #fff;
}
.video-card__overlay b { display: block; font-size: 15px; font-weight: 800; }
.video-card__overlay span { font-size: 12px; color: rgba(255,255,255,.7); }
.video-card__overlay--sm { padding: 12px 12px 10px; }
.video-card__overlay--sm b { font-size: 13px; }
.video-card__badge {
  position: absolute; top: 12px; left: 12px;
  background: var(--brand); color: #fff;
  font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 99px;
}
@media(max-width:700px) { .video-grid { grid-template-columns: 1fr; } }

/* ---- ТРЕКЕР ---- */
.tracker-widget {
  max-width: 680px; margin: 0 auto;
  background: #fff; border: 1.5px solid #dde8f8;
  border-radius: 28px; padding: 32px;
  box-shadow: 0 12px 48px rgba(91,74,240,.08);
}
.tracker-widget__search { display: flex; gap: 12px; flex-wrap: wrap; }
.tracker-input {
  flex: 1; min-width: 220px; padding: 14px 18px;
  border: 1.5px solid #dde8f8; border-radius: 14px;
  font-size: 15px; font-weight: 600;
  outline: none; transition: border-color .18s;
}
.tracker-input:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(91,74,240,.12); }
.tracker-widget__hint { margin-top: 16px; font-size: 13px; color: var(--ink-soft); }
.tracker-widget__hint a { color: var(--brand); }
.tracker-result-card { margin-top: 20px; padding: 20px; background: #f5f8ff; border-radius: 18px; }
.tracker-result-status { font-size: 20px; font-weight: 800; margin-bottom: 12px; }
.tracker-result-info { display: flex; flex-direction: column; gap: 4px; font-size: 14px; margin-bottom: 16px; }
.tracker-result-info span { color: var(--ink); }
.tracker-steps { display: flex; align-items: center; gap: 0; flex-wrap: wrap; margin: 16px 0; }
.tracker-step { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 1; }
.tracker-step__dot {
  width: 36px; height: 36px; border-radius: 50%;
  background: #e4edf8; color: var(--ink-soft);
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 800;
}
.tracker-step.is-done .tracker-step__dot { background: var(--brand); color: #fff; }
.tracker-step__label { font-size: 11px; font-weight: 700; color: var(--ink-soft); text-align: center; }
.tracker-step.is-done .tracker-step__label { color: var(--brand); }
.tracker-step__line { flex: 1; height: 2px; background: #e4edf8; min-width: 20px; }
.tracker-ready-banner {
  background: linear-gradient(135deg,#e6faf5,#d0f5e8);
  border: 1.5px solid rgba(0,184,148,.3);
  border-radius: 12px; padding: 14px 18px;
  font-size: 15px; font-weight: 700; color: #008060;
}
.tracker-not-found { text-align: center; padding: 24px; }
.tracker-not-found span { font-size: 36px; display: block; margin-bottom: 10px; }
.tracker-not-found b { font-size: 18px; font-weight: 800; display: block; margin-bottom: 6px; }
.tracker-not-found p { color: var(--ink-soft); font-size: 14px; }
.tracker-not-found a { color: var(--brand); }

/* ---- АКЦИИ ---- */
.offers-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.offer-card {
  background: #fff; border: 1.5px solid #dde8f8;
  border-radius: 24px; padding: 26px 24px;
  display: flex; flex-direction: column; gap: 12px;
  transition: transform .18s, box-shadow .18s;
}
.offer-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(91,74,240,.10); }
.offer-card--hot { border-color: #ffd4b8; background: linear-gradient(135deg,#fff8f5,#fff3ee); }
.offer-card h3 { font-size: 20px; font-weight: 900; font-family: 'Onest',sans-serif; }
.offer-card p { font-size: 14.5px; color: var(--ink-soft); line-height: 1.6; flex: 1; }
.offer-card__badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 800; letter-spacing: .08em;
  padding: 4px 12px; border-radius: 99px;
  background: #ffe8e0; color: #c0400a;
}
.offer-card__badge--blue   { background: #e8f0ff; color: #1040c8; }
.offer-card__badge--green  { background: #e6faf5; color: #008060; }
.offer-card__badge--purple { background: #f0ebff; color: #5b21b6; }
.offer-card__cond { font-size: 12px; color: var(--ink-soft); font-weight: 600; }
.offer-card__timer-wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.offer-card__price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
@media(max-width:640px) { .offers-grid { grid-template-columns: 1fr; } }

/* ---- ГАРАНТИЙНЫЙ СЕРТИФИКАТ ---- */
.cert-wrap { display: grid; grid-template-columns: 1.2fr 1fr; gap: 36px; align-items: start; }
.cert-card {
  border: 2px solid #dde8f8; border-radius: 24px;
  overflow: hidden; box-shadow: 0 12px 48px rgba(91,74,240,.10);
  background: #fff;
}
.cert-card__header {
  background: linear-gradient(135deg,#07152e,#102260);
  padding: 22px 24px;
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.cert-card__logo { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 18px; font-weight: 900; }
.cert-card__title-block { flex: 1; }
.cert-card__eyebrow { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.cert-card__num { font-size: 15px; font-weight: 800; color: #fff; }
.cert-card__stamp {
  background: rgba(0,184,148,.2); border: 1.5px solid rgba(0,184,148,.5);
  color: #00d4a0; font-size: 11px; font-weight: 900;
  letter-spacing: .08em; padding: 6px 12px; border-radius: 8px;
}
.cert-card__body { padding: 20px 24px; display: flex; flex-direction: column; gap: 10px; }
.cert-card__row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f4fb; font-size: 14px; }
.cert-card__row span:first-child { color: var(--ink-soft); font-weight: 600; }
.cert-card__highlight { color: var(--brand); font-weight: 800; }
.cert-card__footer { padding: 16px 24px; background: #f5f8ff; font-size: 13px; color: var(--ink); }
.cert-info { display: flex; flex-direction: column; gap: 20px; }
.cert-info__item { display: flex; gap: 14px; align-items: flex-start; }
.cert-info__item svg { width: 22px; height: 22px; color: var(--brand); flex-shrink: 0; margin-top: 2px; }
.cert-info__item b { font-size: 15px; font-weight: 800; display: block; margin-bottom: 4px; }
.cert-info__item p { font-size: 13.5px; color: var(--ink-soft); line-height: 1.6; }
@media(max-width:720px) { .cert-wrap { grid-template-columns: 1fr; } }

/* ---- EXIT-INTENT POPUP ---- */
.exit-popup {
  position: fixed; inset: 0; z-index: 10000;
  display: none; align-items: center; justify-content: center;
}
.exit-popup.is-visible { display: flex; }
.exit-popup__overlay {
  position: absolute; inset: 0;
  background: rgba(7,21,46,.55); backdrop-filter: blur(4px);
}
.exit-popup__box {
  position: relative; z-index: 1;
  background: #fff; border-radius: 28px;
  padding: 40px 36px; max-width: 480px; width: 90%;
  box-shadow: 0 32px 80px rgba(7,21,46,.25);
  text-align: center;
}
.exit-popup__close {
  position: absolute; top: 16px; right: 16px;
  width: 32px; height: 32px; border-radius: 50%;
  background: #f5f8ff; border: none; cursor: pointer;
  font-size: 14px; color: var(--ink-soft);
  display: flex; align-items: center; justify-content: center;
  transition: background .15s;
}
.exit-popup__close:hover { background: #e4edf8; }
.exit-popup__emoji { font-size: 48px; margin-bottom: 12px; display: block; }
.exit-popup__box h3 { font-size: 22px; font-weight: 900; margin-bottom: 10px; font-family: 'Onest',sans-serif; }
.exit-popup__box p { font-size: 15px; color: var(--ink-soft); line-height: 1.6; margin-bottom: 16px; }
.exit-popup__offer {
  background: linear-gradient(135deg,#f0f8ff,#e8f4ff);
  border: 1.5px solid rgba(91,74,240,.2);
  border-radius: 14px; padding: 14px 18px; margin-bottom: 20px;
  text-align: left;
}
.exit-popup__offer span { font-size: 12px; color: var(--brand); font-weight: 800; display: block; margin-bottom: 4px; }
.exit-popup__offer b { font-size: 15px; font-weight: 800; }
.exit-popup__btns { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 14px; }
.exit-popup__skip { background: none; border: none; color: var(--ink-soft); font-size: 13px; cursor: pointer; text-decoration: underline; }
.exit-popup__skip:hover { color: var(--ink); }

/* ---- STICKY TIMER BAR ---- */
.timer-bar {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 900;
  background: #07152e; padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,.1);
  transform: translateY(100%); transition: transform .4s .5s;
}
.timer-bar.is-visible { transform: translateY(0); }
.timer-bar__label { color: rgba(255,255,255,.85); font-size: 14px; font-weight: 600; }
.timer-bar__clock { display: flex; align-items: center; gap: 4px; }
.timer-unit { display: flex; align-items: baseline; gap: 2px; }
.timer-unit b { font-size: 22px; font-weight: 900; color: #fff; font-family: 'Onest',sans-serif; min-width: 28px; text-align: center; }
.timer-unit small { font-size: 11px; color: rgba(255,255,255,.5); }
.timer-sep { color: rgba(255,255,255,.5); font-size: 20px; font-weight: 900; line-height: 1; }
.timer-bar__close { background: none; border: none; color: rgba(255,255,255,.4); font-size: 16px; cursor: pointer; margin-left: 8px; }
.timer-bar__close:hover { color: rgba(255,255,255,.8); }
/* Push content above timer bar when visible */
body.timer-active { padding-bottom: 58px; }

/* Adjust tg-float to not overlap timer */
.timer-bar.is-visible ~ * .tg-float,
.tg-float { bottom: 28px; }
.timer-bar.is-visible + * .tg-float { bottom: 86px; }

@media(max-width:600px) {
  .timer-bar .container { flex-direction: column; gap: 8px; }
  .timer-bar__label { text-align: center; font-size: 13px; }
}


/* ================================================================
   v18 — Хлебные крошки, кнопка наверх, поиск по районам,
          живые счётчики, виджет «ремонт vs новое», чат
   ================================================================ */

/* ---- ХЛЕБНЫЕ КРОШКИ ---- */
.breadcrumb-nav {
  background: #f5f8ff;
  border-bottom: 1px solid #dde8f8;
  padding: 10px 0;
}
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  flex-wrap: wrap;
  font-size: 13px;
  color: var(--ink-soft);
}
.breadcrumb li:not(:last-child)::after {
  content: '›';
  margin-left: 6px;
  opacity: .4;
}
.breadcrumb a { color: var(--brand); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb [aria-current="page"] { color: var(--ink); font-weight: 700; }

/* ---- КНОПКА НАВЕРХ ---- */
.back-to-top {
  position: fixed;
  bottom: 88px;
  right: 24px;
  z-index: 800;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff;
  border: 1.5px solid #dde8f8;
  box-shadow: 0 4px 16px rgba(91,74,240,.12);
  font-size: 18px;
  color: var(--brand);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .2s, transform .2s, box-shadow .18s;
  pointer-events: none;
}
.back-to-top.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.back-to-top:hover {
  box-shadow: 0 8px 28px rgba(91,74,240,.20);
  background: var(--brand);
  color: #fff;
  border-color: var(--brand);
}
@media(max-width:600px) {
  .back-to-top { bottom: 76px; right: 12px; }
}

/* ---- ЖИВЫЕ СЧЁТЧИКИ ---- */
.live-counter-strip {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, #f0f8ff, #e8f4ff);
  border: 1px solid #c8dff8;
  border-radius: 16px;
  padding: 14px 20px;
  flex-wrap: wrap;
}
.live-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #00b894;
  animation: livePulse 2s infinite;
  flex-shrink: 0;
}
@keyframes livePulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(0,184,148,.4); }
  50% { box-shadow: 0 0 0 6px rgba(0,184,148,0); }
}
.live-counter-strip span { font-size: 14px; font-weight: 600; color: var(--ink); }
.live-counter-strip b { color: var(--brand); }

/* ---- ПОИСК ТОЧКИ ПО РАЙОНАМ ---- */
.district-finder {
  background: #fff;
  border: 1.5px solid #dde8f8;
  border-radius: 24px;
  padding: 32px;
  max-width: 680px;
  margin: 0 auto;
}
.district-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
}
.district-btn {
  background: #f5f8ff;
  border: 1.5px solid #dde8f8;
  border-radius: 14px;
  padding: 14px 10px;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  cursor: pointer;
  text-align: center;
  transition: all .18s;
}
.district-btn:hover { border-color: var(--brand); color: var(--brand); background: #fff; }
.district-result {
  margin-top: 20px;
  display: none;
  flex-direction: column;
  gap: 10px;
}
.district-result.is-visible { display: flex; }
.district-point {
  background: linear-gradient(135deg, #f0f5ff, #e8f0ff);
  border: 1.5px solid #c8d8f8;
  border-radius: 16px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.district-point__name { font-weight: 800; font-size: 15px; }
.district-point__info { font-size: 13px; color: var(--ink-soft); }
.district-point__actions { display: flex; gap: 8px; }
.district-point__actions a { font-size: 13px; font-weight: 700; color: var(--brand); text-decoration: none; }

/* ---- РЕМОНТ vs НОВОЕ ---- */
.repair-vs {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 20px;
  align-items: center;
  max-width: 780px;
  margin: 0 auto;
}
.repair-vs__card {
  background: #fff;
  border: 1.5px solid #dde8f8;
  border-radius: 24px;
  padding: 28px 22px;
  text-align: center;
}
.repair-vs__card--win {
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(91,74,240,.10);
}
.repair-vs__icon { font-size: 48px; display: block; margin-bottom: 10px; }
.repair-vs__label { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 6px; }
.repair-vs__price { font-size: 36px; font-weight: 900; font-family:'Onest',sans-serif; color: var(--ink); }
.repair-vs__price--win { color: var(--brand); }
.repair-vs__save { font-size: 13px; color: #00b894; font-weight: 700; margin-top: 6px; }
.repair-vs__sep { font-size: 22px; font-weight: 900; color: var(--ink-soft); text-align: center; }
@media(max-width:600px) {
  .repair-vs { grid-template-columns: 1fr; }
  .repair-vs__sep { transform: rotate(90deg); }
}

/* ---- ВСТРОЕННЫЙ ЧАТ ---- */
.chat-bubble {
  position: fixed;
  bottom: 90px;
  left: 24px;
  z-index: 950;
}
.chat-bubble__btn {
  width: 54px; height: 54px;
  border-radius: 50%;
  background: var(--brand);
  border: none;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 24px rgba(91,74,240,.35);
  transition: transform .18s, box-shadow .18s;
  position: relative;
}
.chat-bubble__btn:hover { transform: scale(1.08); box-shadow: 0 10px 32px rgba(91,74,240,.45); }
.chat-bubble__btn svg { width: 24px; height: 24px; color: #fff; }
.chat-bubble__unread {
  position: absolute; top: -4px; right: -4px;
  width: 18px; height: 18px;
  background: #ef4444; color: #fff;
  border-radius: 50%; font-size: 10px; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  border: 2px solid #fff;
}
.chat-window {
  position: absolute;
  bottom: 66px; left: 0;
  width: 310px;
  background: #fff;
  border: 1.5px solid #dde8f8;
  border-radius: 20px;
  box-shadow: 0 16px 48px rgba(13,30,70,.15);
  overflow: hidden;
  display: none;
}
.chat-window.is-open { display: block; }
.chat-window__header {
  background: linear-gradient(135deg, #07152e, #102260);
  padding: 14px 16px;
  display: flex; align-items: center; gap: 10px;
}
.chat-window__ava {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--brand);
  display: flex; align-items: center; justify-content: center;
  font-size: 16px; color: #fff; font-weight: 800; flex-shrink: 0;
}
.chat-window__info b { color: #fff; font-size: 14px; display: block; }
.chat-window__info span { color: rgba(255,255,255,.55); font-size: 12px; }
.chat-window__close { margin-left: auto; background: none; border: none; color: rgba(255,255,255,.5); cursor: pointer; font-size: 18px; }
.chat-window__body { padding: 16px; display: flex; flex-direction: column; gap: 10px; max-height: 260px; overflow-y: auto; }
.chat-msg { max-width: 85%; font-size: 14px; line-height: 1.5; }
.chat-msg--in { background: #f5f8ff; border-radius: 14px 14px 14px 4px; padding: 10px 14px; align-self: flex-start; }
.chat-msg--out { background: var(--brand); color: #fff; border-radius: 14px 14px 4px 14px; padding: 10px 14px; align-self: flex-end; }
.chat-msg__time { font-size: 11px; color: var(--ink-soft); margin-top: 3px; text-align: right; }
.chat-msg--out .chat-msg__time { color: rgba(255,255,255,.6); }
.chat-window__footer { padding: 12px; border-top: 1px solid #f0f4fb; }
.chat-tg-btn {
  width: 100%; background: #2aabee; border: none; border-radius: 12px;
  padding: 12px; color: #fff; font-size: 14px; font-weight: 800;
  cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px;
  text-decoration: none;
}
.chat-tg-btn:hover { background: #1a8ec8; }
@media(max-width:480px) {
  .chat-bubble { left: 12px; bottom: 80px; }
  .chat-window { width: 280px; }
}

/* ---- БЛОГ СЕКЦИЯ ---- */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.blog-card {
  background: #fff;
  border: 1.5px solid #dde8f8;
  border-radius: 22px;
  overflow: hidden;
  transition: transform .18s, box-shadow .18s;
  text-decoration: none;
  color: inherit;
  display: flex; flex-direction: column;
}
.blog-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(91,74,240,.10); }
.blog-card__thumb {
  height: 140px;
  display: flex; align-items: center; justify-content: center;
  font-size: 56px;
}
.blog-card__body { padding: 18px 18px 20px; flex: 1; display: flex; flex-direction: column; }
.blog-card__tag { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--brand); margin-bottom: 8px; }
.blog-card__title { font-size: 16px; font-weight: 800; font-family:'Onest',sans-serif; margin-bottom: 8px; line-height: 1.3; }
.blog-card__excerpt { font-size: 13.5px; color: var(--ink-soft); line-height: 1.6; flex: 1; }
.blog-card__meta { font-size: 12px; color: var(--ink-soft); margin-top: 12px; }
@media(max-width:760px) { .blog-grid { grid-template-columns: 1fr; } }


/* ================================================================
   v19 — Timeslot picker, callback widget, WA, phone mask, blog links
   ================================================================ */

/* ---- TIMESLOT PICKER ---- */
.timeslot-picker { margin-top: 6px; }
.timeslot-days {
  display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px;
}
.ts-day {
  padding: 8px 14px; border-radius: 10px;
  border: 1.5px solid #dde8f8; background: #f5f8ff;
  font-size: 13px; font-weight: 700; cursor: pointer;
  transition: all .15s; white-space: nowrap;
}
.ts-day:hover, .ts-day.is-sel {
  border-color: var(--brand); background: var(--brand); color: #fff;
}
.timeslot-slots {
  display: flex; gap: 6px; flex-wrap: wrap;
}
.ts-slot {
  padding: 7px 12px; border-radius: 10px;
  border: 1.5px solid #dde8f8; background: #fff;
  font-size: 13px; font-weight: 700; cursor: pointer;
  transition: all .15s;
}
.ts-slot:hover { border-color: var(--brand); color: var(--brand); }
.ts-slot.is-sel { background: var(--brand); border-color: var(--brand); color: #fff; }
.ts-slot.is-busy { opacity: .4; cursor: not-allowed; }
.ts-chosen {
  display: inline-flex; align-items: center; gap: 6px;
  background: #e6faf5; border: 1.5px solid rgba(0,184,148,.3);
  color: #008060; padding: 8px 14px; border-radius: 10px;
  font-size: 13px; font-weight: 700; margin-top: 8px;
}

/* ---- WA BUTTON ---- */
.btn--wa {
  background: #25d366 !important;
  color: #fff !important;
  border-color: #25d366 !important;
  font-weight: 800 !important;
  border-radius: 14px !important;
}
.btn--wa:hover { background: #1da851 !important; box-shadow: 0 8px 24px rgba(37,211,102,.3) !important; }

/* ---- CALLBACK WIDGET ---- */
.callback-widget {
  position: fixed; bottom: 90px; right: 24px; z-index: 940;
  width: 320px;
}
.callback-widget__box {
  background: #fff; border: 1.5px solid #dde8f8;
  border-radius: 20px; padding: 22px 20px;
  box-shadow: 0 16px 48px rgba(13,30,70,.15);
  position: relative; text-align: center;
}
.callback-widget__close {
  position: absolute; top: 12px; right: 12px;
  width: 28px; height: 28px; border-radius: 50%;
  background: #f5f8ff; border: none; cursor: pointer;
  font-size: 13px; color: var(--ink-soft);
  display: flex; align-items: center; justify-content: center;
}
.callback-widget__ico { font-size: 36px; margin-bottom: 10px; display: block; }
.callback-widget__box h3 { font-size: 17px; font-weight: 900; margin-bottom: 6px; font-family: 'Onest', sans-serif; }
.callback-widget__box p { font-size: 13.5px; color: var(--ink-soft); line-height: 1.5; margin-bottom: 12px; }
@media(max-width:480px) { .callback-widget { right: 12px; width: calc(100vw - 24px); } }

/* ---- BLOG POST TYPOGRAPHY ---- */
.blog-post h2 { font-family: 'Onest', sans-serif; font-weight: 800; }
.blog-post p { line-height: 1.75; color: var(--ink-soft); }

/* ---- PHONE MASK VISUAL ---- */
#mPhone:focus, #cbPhone:focus {
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 3px rgba(91,74,240,.12) !important;
  outline: none;
}


/* ================================================================
   v20 — Count-up, progress bar, sticky sidebar, WHY US page
   ================================================================ */

/* ---- ПРОГРЕСС-БАР ЧТЕНИЯ ---- */
.read-progress {
  position: fixed; top: 0; left: 0; z-index: 9999;
  height: 3px; width: 0%;
  background: linear-gradient(90deg, #5b4af0, #00b894);
  transition: width .1s linear;
  pointer-events: none;
}

/* ---- STICKY SIDEBAR (десктоп) ---- */
.page-with-sidebar {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 40px;
  align-items: start;
  max-width: 1100px;
  margin: 0 auto;
}
.sticky-cta-sidebar {
  position: sticky;
  top: 88px;
  background: #fff;
  border: 1.5px solid #dde8f8;
  border-radius: 24px;
  padding: 24px 20px;
  box-shadow: 0 8px 32px rgba(91,74,240,.08);
}
.sticky-cta-sidebar h4 {
  font-family: 'Onest', sans-serif;
  font-size: 17px; font-weight: 900;
  margin-bottom: 6px;
}
.sticky-cta-sidebar p {
  font-size: 13px; color: var(--ink-soft);
  line-height: 1.6; margin-bottom: 16px;
}
.sticky-cta-sidebar .btn { width: 100%; justify-content: center; margin-bottom: 8px; }
.sticky-cta-sidebar__price {
  text-align: center; font-size: 22px;
  font-weight: 900; color: var(--brand);
  font-family: 'Onest', sans-serif;
  margin: 12px 0 4px;
}
.sticky-cta-sidebar__note { text-align: center; font-size: 12px; color: var(--ink-soft); }
.sticky-cta-sidebar__divider {
  border: none; border-top: 1px solid var(--line);
  margin: 14px 0;
}
.sticky-cta-sidebar__contacts a {
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 700; color: var(--ink);
  text-decoration: none; padding: 7px 0;
}
.sticky-cta-sidebar__contacts a:hover { color: var(--brand); }
.sticky-cta-sidebar__contacts svg { width: 16px; height: 16px; flex-shrink: 0; }
@media(max-width: 900px) {
  .page-with-sidebar { grid-template-columns: 1fr; }
  .sticky-cta-sidebar { position: static; }
}

/* ---- COUNT-UP ЦИФРЫ ---- */
.count-num {
  display: inline-block;
  transition: transform .1s;
}

/* ---- GIFT CERTIFICATE ---- */
.gift-cert {
  max-width: 640px; margin: 0 auto;
  border: 2px dashed #c8d8f8; border-radius: 24px;
  overflow: hidden; background: #fff;
  box-shadow: 0 12px 48px rgba(91,74,240,.10);
}
.gift-cert__head {
  background: linear-gradient(135deg, #07152e, #5b4af0);
  padding: 28px 32px; color: #fff;
  display: flex; align-items: center; justify-content: space-between;
}
.gift-cert__body { padding: 28px 32px; }
.gift-cert__amount {
  font-size: 56px; font-weight: 900;
  font-family: 'Onest', sans-serif;
  background: linear-gradient(135deg, #5b4af0, #00b894);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; display: block; margin: 8px 0;
}
.gift-cert__footer {
  padding: 16px 32px;
  background: #f5f8ff;
  font-size: 12px; color: var(--ink-soft);
  border-top: 1px solid #dde8f8;
}
.gift-cert__row {
  display: flex; justify-content: space-between;
  padding: 10px 0; border-bottom: 1px solid #f0f4fb;
  font-size: 14px;
}
.gift-cert__row:last-child { border-bottom: none; }

/* ---- WHY US (сравнение) ---- */
.compare-v2 {
  overflow-x: auto;
}
.compare-v2 table {
  width: 100%; border-collapse: collapse;
  font-size: 14px;
}
.compare-v2 th {
  background: #f5f8ff; padding: 14px 18px;
  font-weight: 800; font-family: 'Onest', sans-serif;
  text-align: left; border-bottom: 2px solid #dde8f8;
}
.compare-v2 th.ours {
  background: var(--brand); color: #fff;
  border-bottom-color: var(--brand-dark);
}
.compare-v2 td {
  padding: 12px 18px; border-bottom: 1px solid #f0f4fb;
  vertical-align: middle;
}
.compare-v2 tr:last-child td { border-bottom: none; }
.compare-v2 td.ours {
  background: #f0f5ff; font-weight: 700; color: var(--brand);
}
.compare-v2 .check { color: #00b894; font-size: 17px; }
.compare-v2 .cross { color: #ef4444; font-size: 17px; }
.compare-v2 .partial { color: #f59e0b; font-size: 17px; }

/* ---- BRAND PAGE TABLE ---- */
.model-prices {
  background: #fff; border: 1.5px solid #dde8f8;
  border-radius: 20px; overflow: hidden;
}
.model-prices__head {
  background: linear-gradient(135deg,#f0f5ff,#e8f0ff);
  padding: 14px 20px; font-weight: 800;
  font-family: 'Onest', sans-serif;
  font-size: 15px;
  display: flex; align-items: center; justify-content: space-between;
}
.model-prices__row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 20px; border-top: 1px solid #f0f4fb;
  font-size: 14px; gap: 12px;
}
.model-prices__row:hover { background: #fafbff; }
.model-prices__name { font-weight: 700; flex: 1; }
.model-prices__price {
  font-weight: 900; color: var(--brand);
  font-family: 'Onest', sans-serif;
  white-space: nowrap;
}
.model-prices__time { font-size: 12px; color: var(--ink-soft); white-space: nowrap; }


/* ================================================================
   v21 — Brand links, logos strip, social block
   ================================================================ */

/* ---- ССЫЛКИ НА БРЕНДЫ (сетка) ---- */
.brand-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: #fff;
  border: 1.5px solid #dde8f8;
  border-radius: 16px;
  padding: 14px 16px;
  text-decoration: none;
  color: var(--ink);
  font-weight: 700;
  font-size: 14px;
  transition: all .18s;
}
.brand-link:hover {
  border-color: var(--brand);
  color: var(--brand);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(91,74,240,.12);
}
.brand-link__ico { font-size: 20px; flex-shrink: 0; }
.brand-link__name { flex: 1; }
.brand-link__arrow { color: var(--ink-soft); font-size: 16px; transition: transform .15s; }
.brand-link:hover .brand-link__arrow { transform: translateX(3px); color: var(--brand); }

/* ---- ЛОГОТИПЫ БРЕНДОВ ---- */
.brands-logos {
  margin-top: 32px;
  text-align: center;
}
.brands-logos__label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: 16px;
}
.brands-logos__row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.brand-logo {
  background: #fff;
  border: 1.5px solid #dde8f8;
  border-radius: 10px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 800;
  color: #445573;
  letter-spacing: -.01em;
  transition: all .15s;
}
.brand-logo:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-soft);
}

/* ---- СОЦСЕТИ БЛОК ---- */
.social-block {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px;
}
.social-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fff;
  border: 1.5px solid #dde8f8;
  border-radius: 20px;
  padding: 18px 20px;
  text-decoration: none;
  color: var(--ink);
  transition: all .18s;
}
.social-card:hover { transform: translateY(-3px); box-shadow: 0 10px 32px rgba(91,74,240,.10); }
.social-card__ico {
  width: 48px; height: 48px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; flex-shrink: 0;
}
.social-card__ico--vk { background: #4c6fff; }
.social-card__ico--tg { background: #2aabee; }
.social-card__ico--wa { background: #25d366; }
.social-card b { display: block; font-size: 15px; font-weight: 800; }
.social-card span { font-size: 12.5px; color: var(--ink-soft); }


/* ================================================================
   v23 — Тёмная тема, оценка ремонта, ASUS/Huawei/PS, карта
   ================================================================ */

/* ---- Кнопка переключения темы ---- */
.theme-toggle {
  background: none; border: 1.5px solid #dde8f8; border-radius: 10px;
  padding: 7px 11px; font-size: 16px; cursor: pointer;
  transition: all .18s; margin-right: 4px; line-height: 1;
}
.theme-toggle:hover { background: #f5f8ff; border-color: var(--brand); }
[data-theme="dark"] .theme-toggle { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.06); }

/* ---- ТЁМНАЯ ТЕМА ---- */
[data-theme="dark"] {
  --bg: #0f1828;
  --bg-soft: #161f2e;
  --ink: #e8eef8;
  --ink-soft: #8a9bb5;
  --line: rgba(255,255,255,.1);
  --line-soft: rgba(255,255,255,.06);
  --brand-soft: rgba(91,74,240,.15);
  color-scheme: dark;
}
[data-theme="dark"] body { background: #0a1120; }
[data-theme="dark"] .header { background: rgba(10,17,32,.95) !important; border-bottom-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .logo__name { color: #e8eef8 !important; }
[data-theme="dark"] .menu a { color: rgba(255,255,255,.7) !important; }
[data-theme="dark"] .menu a:hover { color: #fff !important; }
[data-theme="dark"] .topbar { background: #060d1a !important; border-bottom-color: rgba(255,255,255,.06) !important; }
[data-theme="dark"] .hero.hero-v6,
[data-theme="dark"] .design-v6 .hero-v6 { background: linear-gradient(160deg,#060d1a,#0a1828,#071420) !important; }
[data-theme="dark"] .design-v6 .hero-v6 h1 { color: #e8eef8 !important; }
[data-theme="dark"] .design-v6 .hero-v6__lead { color: rgba(255,255,255,.65) !important; }
[data-theme="dark"] .section--soft { background: #0d1826 !important; }
[data-theme="dark"] .section-title { color: #e8eef8 !important; }
[data-theme="dark"] .section-lead { color: #8a9bb5 !important; }
[data-theme="dark"] .svc-card,
[data-theme="dark"] .guarantee-card,
[data-theme="dark"] .addr-card,
[data-theme="dark"] .review-v2,
[data-theme="dark"] .offer-card,
[data-theme="dark"] .blog-card,
[data-theme="dark"] .model-prices { background: #111d2e !important; border-color: rgba(255,255,255,.1) !important; }
[data-theme="dark"] .svc-card h3,
[data-theme="dark"] .guarantee-card h3 { color: #e8eef8 !important; }
[data-theme="dark"] .svc-card p,
[data-theme="dark"] .guarantee-card p { color: #8a9bb5 !important; }
[data-theme="dark"] .promo-banner { background: linear-gradient(135deg,#0a1f60,#1040d0,#091840) !important; }
[data-theme="dark"] .footer { background: #060d1a !important; }
[data-theme="dark"] .faq-item { border-bottom-color: rgba(255,255,255,.1) !important; }
[data-theme="dark"] .faq-item:first-child { border-top-color: rgba(255,255,255,.1) !important; }
[data-theme="dark"] .faq-q { color: #e8eef8 !important; }
[data-theme="dark"] .modal__box { background: #111d2e !important; border-color: rgba(255,255,255,.1) !important; }
[data-theme="dark"] .field input, [data-theme="dark"] .field select, [data-theme="dark"] .field textarea { background: #0d1826; border-color: rgba(255,255,255,.12); color: #e8eef8; }
[data-theme="dark"] .rating-card { background: #111d2e !important; border-color: rgba(255,255,255,.1) !important; }
[data-theme="dark"] .breadcrumb-nav { background: #0d1826 !important; border-bottom-color: rgba(255,255,255,.08) !important; }
[data-theme="dark"] .breadcrumb a { color: #5b9fff !important; }
[data-theme="dark"] .calc-widget,
[data-theme="dark"] .tracker-widget,
[data-theme="dark"] .district-finder { background: #111d2e !important; border-color: rgba(255,255,255,.1) !important; }
[data-theme="dark"] .cw-btn { background: #0d1826 !important; border-color: rgba(255,255,255,.1) !important; color: #e8eef8 !important; }
[data-theme="dark"] .cw-btn:hover { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }
[data-theme="dark"] .brand-link { background: #111d2e !important; border-color: rgba(255,255,255,.1) !important; color: #e8eef8 !important; }
[data-theme="dark"] .brand-logo { background: #111d2e !important; border-color: rgba(255,255,255,.1) !important; color: #8a9bb5 !important; }
[data-theme="dark"] .back-to-top { background: #111d2e !important; border-color: rgba(255,255,255,.15) !important; }
[data-theme="dark"] .chat-window { background: #111d2e !important; border-color: rgba(255,255,255,.1) !important; }
[data-theme="dark"] .social-card { background: #111d2e !important; border-color: rgba(255,255,255,.1) !important; color: #e8eef8 !important; }
[data-theme="dark"] .model-prices__row:hover { background: #0d1826 !important; }
[data-theme="dark"] .model-prices__head { background: #0d1826 !important; }

/* Плавный переход темы */
body, .header, .section, .section--soft, .svc-card, .guarantee-card, .addr-card,
.modal__box, .faq-item, .rating-card, .review-v2 {
  transition: background .25s, border-color .25s, color .2s;
}

/* prefers-color-scheme автоматически */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1828;
    --bg-soft: #161f2e;
    --ink: #e8eef8;
    --ink-soft: #8a9bb5;
    --line: rgba(255,255,255,.1);
  }
}


/* ================================================================
   v26 — Промо-бар, лента активности, поиск прайса, таймлайн
   ================================================================ */

/* ---- ПРОМО-БАР СВЕРХУ ---- */
.top-promo-bar {
  background: linear-gradient(90deg, #07152e, #102260, #07152e);
  background-size: 200% 100%;
  animation: promoBg 6s ease infinite;
  padding: 9px 0;
  position: relative;
  z-index: 600;
  font-size: 13.5px;
}
@keyframes promoBg { 0%,100%{background-position:0%} 50%{background-position:100%} }
.top-promo-bar__text { color: rgba(255,255,255,.9); font-weight: 700; }
.top-promo-bar__sep { color: rgba(255,255,255,.3); }
.top-promo-bar__countdown { color: rgba(255,255,255,.7); font-size: 13px; }
.top-promo-bar__countdown b { color: #fff; font-weight: 900; font-family: 'Onest', sans-serif; }
.top-promo-bar__cta {
  background: var(--brand); color: #fff;
  padding: 4px 14px; border-radius: 99px;
  font-size: 12px; font-weight: 800; text-decoration: none;
  transition: background .15s;
}
.top-promo-bar__cta:hover { background: #4632c4; }
.top-promo-bar__close {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  background: none; border: none; color: rgba(255,255,255,.4);
  font-size: 14px; cursor: pointer; padding: 4px;
}
.top-promo-bar__close:hover { color: rgba(255,255,255,.8); }
@media(max-width:600px) {
  .top-promo-bar__sep { display: none; }
  .top-promo-bar__countdown { display: none; }
}

/* ---- ЖИВАЯ ЛЕНТА АКТИВНОСТИ ---- */
.activity-feed {
  max-width: 680px; margin: 0 auto;
  display: flex; flex-direction: column; gap: 8px;
  max-height: 320px; overflow: hidden;
  position: relative;
}
.activity-feed::after {
  content: '';
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 60px;
  background: linear-gradient(transparent, var(--bg-soft, #f5f8ff));
  pointer-events: none;
}
[data-theme="dark"] .activity-feed::after {
  background: linear-gradient(transparent, #0d1826);
}
.activity-item {
  display: flex; align-items: center; gap: 12px;
  background: #fff; border: 1.5px solid #dde8f8;
  border-radius: 14px; padding: 10px 14px;
  font-size: 14px; animation: slideIn .4s ease;
}
[data-theme="dark"] .activity-item { background: #111d2e; border-color: rgba(255,255,255,.1); }
@keyframes slideIn {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.activity-item__ico { font-size: 20px; flex-shrink: 0; }
.activity-item__text { flex: 1; color: var(--ink); }
.activity-item__text b { font-weight: 800; }
.activity-item__time { font-size: 12px; color: var(--ink-soft); white-space: nowrap; }
.activity-item--new { border-color: rgba(0,184,148,.4); background: #e6faf5; }
[data-theme="dark"] .activity-item--new { background: rgba(0,184,148,.1); }

.activity-stat {
  text-align: center;
  background: #fff; border: 1.5px solid #dde8f8;
  border-radius: 16px; padding: 14px 24px;
}
[data-theme="dark"] .activity-stat { background: #111d2e; border-color: rgba(255,255,255,.1); }
.activity-stat__num {
  display: block; font-size: 28px; font-weight: 900;
  font-family: 'Onest', sans-serif; color: var(--brand);
  line-height: 1;
}
.activity-stat__label { font-size: 12px; color: var(--ink-soft); margin-top: 4px; display: block; }

/* ---- ПРАЙС С ПОИСКОМ ---- */
.price-search-wrap { max-width: 720px; margin: 0 auto; }
.price-search-input {
  width: 100%; padding: 16px 20px 16px 52px;
  border: 2px solid #dde8f8; border-radius: 18px;
  font-size: 16px; font-family: inherit;
  outline: none; transition: border-color .18s, box-shadow .18s;
  background: #fff;
}
[data-theme="dark"] .price-search-input { background: #111d2e; border-color: rgba(255,255,255,.1); color: #e8eef8; }
.price-search-input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(91,74,240,.12);
}
.price-search-icon {
  position: absolute; left: 18px; top: 50%; transform: translateY(-50%);
  font-size: 20px; color: var(--ink-soft); pointer-events: none;
}
.price-results { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; }
.price-result-item {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; background: #fff; border: 1.5px solid #dde8f8;
  border-radius: 14px; padding: 12px 18px; font-size: 14px;
  transition: border-color .15s;
}
[data-theme="dark"] .price-result-item { background: #111d2e; border-color: rgba(255,255,255,.1); }
.price-result-item:hover { border-color: var(--brand); }
.price-result-item__name { font-weight: 700; flex: 1; }
.price-result-item__price { font-weight: 900; color: var(--brand); font-family: 'Onest',sans-serif; white-space: nowrap; }
.price-result-item__time { font-size: 12px; color: var(--ink-soft); white-space: nowrap; }
.price-no-results { text-align: center; padding: 24px; color: var(--ink-soft); font-size: 15px; }

/* ---- АНИМИРОВАННЫЙ ТАЙМЛАЙН ---- */
.repair-timeline {
  max-width: 720px; margin: 0 auto;
  display: flex; align-items: flex-start; gap: 0;
  position: relative;
}
.repair-timeline::before {
  content: ''; position: absolute;
  top: 24px; left: 28px; right: 28px; height: 2px;
  background: #dde8f8; z-index: 0;
}
.timeline-step {
  flex: 1; text-align: center; position: relative; z-index: 1;
  cursor: pointer;
}
.timeline-step__dot {
  width: 48px; height: 48px; border-radius: 50%;
  background: #f5f8ff; border: 2px solid #dde8f8;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 10px; font-size: 20px;
  transition: all .3s; position: relative; z-index: 1;
}
.timeline-step.is-active .timeline-step__dot,
.timeline-step.is-done .timeline-step__dot {
  background: var(--brand); border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(91,74,240,.2);
}
.timeline-step.is-done .timeline-step__dot { background: #00b894; border-color: #00b894; box-shadow: 0 0 0 4px rgba(0,184,148,.2); }
.timeline-step__label { font-size: 12px; font-weight: 700; color: var(--ink-soft); line-height: 1.4; }
.timeline-step.is-active .timeline-step__label { color: var(--brand); }
.timeline-step.is-done .timeline-step__label { color: #00b894; }
.timeline-step__time { font-size: 11px; color: var(--ink-soft); margin-top: 4px; }
.timeline-progress {
  position: absolute; top: 24px; left: 28px; height: 2px;
  background: linear-gradient(90deg, #00b894, var(--brand));
  z-index: 0; transition: width .8s ease;
}
.timeline-detail {
  background: linear-gradient(135deg, #f0f5ff, #e8f0ff);
  border: 1.5px solid #c8d8f8; border-radius: 16px;
  padding: 16px 20px; margin-top: 20px;
  font-size: 14px; color: var(--ink); line-height: 1.65;
  min-height: 56px; transition: all .3s;
}
[data-theme="dark"] .timeline-detail { background: rgba(91,74,240,.08); border-color: rgba(91,74,240,.2); }
@media(max-width:600px) {
  .repair-timeline { flex-direction: column; align-items: stretch; }
  .repair-timeline::before { display: none; }
  .timeline-progress { display: none; }
  .timeline-step { display: flex; align-items: center; gap: 14px; text-align: left; padding: 8px 0; }
  .timeline-step__dot { margin: 0; flex-shrink: 0; }
}


/* ================================================================
   HERO v2 — стиль Педанта, но под «чиним всё»
   ================================================================ */

.hero-v2 {
  position: relative;
  min-height: 100vh;
  background: linear-gradient(135deg, #f0f5ff 0%, #ffffff 50%, #f5fbff 100%);
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 80px 0 60px;
}

/* --- Фоновые элементы --- */
.hero-v2__bg { position: absolute; inset: 0; pointer-events: none; }

.hero-v2__bg-shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
}
.hero-v2__bg-shape--1 {
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(91,74,240,.08) 0%, transparent 70%);
  right: -100px; top: -100px;
}
.hero-v2__bg-shape--2 {
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(0,184,148,.06) 0%, transparent 70%);
  left: 10%; bottom: -50px;
}
.hero-v2__bg-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(91,74,240,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(91,74,240,.04) 1px, transparent 1px);
  background-size: 48px 48px;
}
.hero-v2__master {
  position: absolute;
  right: 0; bottom: 0;
  width: 55%;
  max-width: 680px;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  opacity: .55;
  pointer-events: none;
}
.hero-v2__master svg { width: 100%; height: auto; max-height: 90vh; }

/* --- Внутренний layout --- */
.hero-v2__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 480px;
  gap: 48px;
  align-items: center;
}

/* --- Левая часть --- */
.hero-v2__left { display: flex; flex-direction: column; gap: 0; }

.hero-v2__kicker {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 800; text-transform: uppercase;
  letter-spacing: .1em; color: #5b4af0;
  background: rgba(91,74,240,.08);
  border: 1px solid rgba(91,74,240,.15);
  padding: 6px 14px; border-radius: 99px;
  margin-bottom: 20px; width: fit-content;
}
.hero-v2__kicker-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #00b894;
  box-shadow: 0 0 0 3px rgba(0,184,148,.25);
  animation: kicker-pulse 2s infinite;
}
@keyframes kicker-pulse {
  0%,100%{ box-shadow:0 0 0 0 rgba(0,184,148,.4) }
  50%{ box-shadow:0 0 0 6px rgba(0,184,148,0) }
}

.hero-v2__title {
  font-family: 'Onest', 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(44px, 5.8vw, 86px);
  font-weight: 900;
  line-height: .93;
  letter-spacing: -.055em;
  color: #07152e;
  margin: 0 0 24px;
}
.hero-v2__title-accent {
  background: linear-gradient(135deg, #5b4af0 0%, #0ea5e9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero-v2__perks {
  list-style: none; padding: 0; margin: 0 0 28px;
  display: flex; flex-direction: column; gap: 10px;
}
.hero-v2__perks li {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 16px; color: #334261; line-height: 1.5;
}
.hero-v2__perk-ico { font-size: 18px; flex-shrink: 0; margin-top: 1px; }

/* CTA box */
.hero-v2__cta-box {
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(12px);
  border: 1.5px solid rgba(91,74,240,.12);
  border-radius: 22px;
  padding: 20px 22px;
  margin-bottom: 24px;
  box-shadow: 0 8px 32px rgba(91,74,240,.08);
}
.hero-v2__cta-label {
  font-size: 13px; font-weight: 800; color: #5b4af0;
  text-transform: uppercase; letter-spacing: .06em;
  margin-bottom: 12px;
}
.hero-v2__cta-row {
  display: flex; gap: 10px; flex-wrap: wrap;
}
.hero-v2__cta-btn { flex: 1; justify-content: center; min-width: 200px; }

.hero-v2__tg-btn, .hero-v2__wa-btn {
  flex: 1;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px 16px; border-radius: 12px;
  font-size: 14px; font-weight: 700;
  text-decoration: none; transition: all .18s;
  min-width: 140px;
}
.hero-v2__tg-btn {
  background: #2aabee; color: #fff;
}
.hero-v2__tg-btn:hover { background: #1a8ec8; }
.hero-v2__wa-btn {
  background: #25d366; color: #fff;
}
.hero-v2__wa-btn:hover { background: #1da84e; }
.hero-v2__tg-btn svg, .hero-v2__wa-btn svg {
  width: 18px; height: 18px;
  stroke: currentColor; fill: none; stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
}

.hero-v2__phone-hint {
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; color: #8a9bb5; margin-top: 10px;
  flex-wrap: wrap;
}
.hero-v2__phone-hint a {
  font-size: 14px; font-weight: 800; color: #07152e;
  text-decoration: none;
}
.hero-v2__phone-hint a:hover { color: #5b4af0; }

/* Статы */
.hero-v2__stats {
  display: flex; align-items: center; gap: 0; flex-wrap: wrap;
}
.hero-v2__stat { padding: 0 20px; text-align: center; }
.hero-v2__stat:first-child { padding-left: 0; }
.hero-v2__stat b {
  display: block;
  font-size: 28px; font-weight: 900;
  font-family: 'Onest', sans-serif;
  color: #5b4af0; line-height: 1;
  margin-bottom: 4px;
}
.hero-v2__stat span { font-size: 11px; color: #8a9bb5; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.hero-v2__stat-div { width: 1px; height: 36px; background: #dde8f8; flex-shrink: 0; }

/* --- Правая часть --- */
.hero-v2__right {
  display: flex; flex-direction: column; gap: 12px;
}

/* Рейтинг-плашка */
.hero-v2__rating-badge {
  display: flex; align-items: center; gap: 12px;
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(8px);
  border: 1.5px solid rgba(245,166,35,.25);
  border-radius: 14px; padding: 12px 16px;
}
.hero-v2__rating-stars {
  font-size: 18px; color: #f5a623; letter-spacing: 2px;
}
.hero-v2__rating-badge b {
  display: block; font-size: 14px; font-weight: 800; color: #07152e;
}
.hero-v2__rating-badge span { font-size: 11px; color: #8a9bb5; }
.hero-v2__rating-dot {
  width: 5px; height: 5px; border-radius: 50%;
  background: #dde8f8; flex-shrink: 0;
}

/* Карточка устройств */
.hero-v2__device-card {
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(16px);
  border: 1.5px solid rgba(91,74,240,.10);
  border-radius: 22px;
  padding: 20px;
  box-shadow: 0 16px 56px rgba(91,74,240,.10);
}
.hero-v2__device-card-top {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 16px;
}
.hero-v2__device-card-top span {
  font-size: 13px; font-weight: 800; color: #07152e;
  text-transform: uppercase; letter-spacing: .07em;
}
.hero-v2__online {
  font-size: 12px; font-weight: 700; color: #00b894;
  background: rgba(0,184,148,.1);
  border-radius: 99px; padding: 3px 10px;
  animation: kicker-pulse 2s infinite;
  font-style: normal;
}

/* Сетка устройств 3×3 */
.hero-v2__devices {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}
.hero-v2__device {
  display: flex; flex-direction: column; align-items: center;
  gap: 6px; padding: 14px 8px;
  background: #f5f8ff; border: 1.5px solid #dde8f8;
  border-radius: 14px; cursor: pointer;
  transition: all .18s; font-size: 12px; font-weight: 700;
  color: #334261;
}
.hero-v2__device:hover, .hero-v2__device.is-active {
  background: #5b4af0; border-color: #5b4af0; color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(91,74,240,.25);
}
.hero-v2__device-ico {
  width: 24px; height: 24px;
  stroke: currentColor; fill: none;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}

/* Поле ввода */
.hero-v2__problem-row { margin-bottom: 12px; }
.hero-v2__problem-label {
  font-size: 12px; font-weight: 700; color: #556070;
  margin-bottom: 6px;
}
.hero-v2__problem-input {
  flex: 1; padding: 12px 14px;
  border: 1.5px solid #dde8f8; border-radius: 12px;
  font-size: 14px; font-family: inherit; outline: none;
  transition: border-color .18s;
}
.hero-v2__problem-input:focus { border-color: #5b4af0; }

.hero-v2__card-footer {
  display: flex; align-items: center; gap: 6px;
  font-size: 11px; color: #8a9bb5; font-weight: 600;
  border-top: 1px solid #f0f4fb; padding-top: 12px; flex-wrap: wrap;
}
.hero-v2__card-footer svg {
  width: 13px; height: 13px;
  stroke: #00b894; fill: none;
  stroke-width: 2; stroke-linecap: round;
}

/* Живая лента */
.hero-v2__live-strip {
  display: flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.8);
  border: 1px solid #dde8f8; border-radius: 10px;
  padding: 8px 14px; font-size: 13px; color: #556070;
}
.hero-v2__live-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #00b894; flex-shrink: 0;
  animation: kicker-pulse 2s infinite;
}
.hero-v2__live-strip b { color: #07152e; font-weight: 800; }

/* --- Тёмная тема --- */
[data-theme="dark"] .hero-v2 {
  background: linear-gradient(135deg,#060d1a 0%,#0a1828 50%,#071420 100%) !important;
}
[data-theme="dark"] .hero-v2__title { color: #e8eef8; }
[data-theme="dark"] .hero-v2__perks li { color: #8a9bb5; }
[data-theme="dark"] .hero-v2__device-card,
[data-theme="dark"] .hero-v2__cta-box,
[data-theme="dark"] .hero-v2__rating-badge,
[data-theme="dark"] .hero-v2__live-strip {
  background: rgba(17,29,46,.95) !important;
  border-color: rgba(255,255,255,.08) !important;
}
[data-theme="dark"] .hero-v2__device-card-top span,
[data-theme="dark"] .hero-v2__title { color: #e8eef8; }
[data-theme="dark"] .hero-v2__device {
  background: #0d1826; border-color: rgba(255,255,255,.1); color: #8a9bb5;
}
[data-theme="dark"] .hero-v2__device:hover,
[data-theme="dark"] .hero-v2__device.is-active {
  background: #5b4af0; border-color: #5b4af0; color: #fff;
}
[data-theme="dark"] .hero-v2__rating-badge b { color: #e8eef8; }
[data-theme="dark"] .hero-v2__live-strip b { color: #e8eef8; }

/* --- Мобильная адаптация --- */
@media (max-width: 960px) {
  .hero-v2__inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .hero-v2__master { opacity: .15; width: 80%; }
  .hero-v2 { padding: 60px 0 40px; min-height: auto; }
}
@media (max-width: 600px) {
  .hero-v2__title { font-size: 42px; }
  .hero-v2__cta-btn { min-width: 100%; }
  .hero-v2__stats { gap: 8px; }
  .hero-v2__stat { padding: 0 10px; }
  .hero-v2__stat b { font-size: 22px; }
  .hero-v2__master { display: none; }
  .hero-v2__devices { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .hero-v2__device { padding: 10px 4px; font-size: 11px; }
}


/* ================================================================
   HERO v3 — Педант-стиль с иллюстрацией мастера
   ================================================================ */

.hero-v3 {
  background: linear-gradient(135deg, #07152e 0%, #0e2456 50%, #07152e 100%);
  position: relative;
  overflow: hidden;
  padding: 0;
}

.hero-v3__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
  min-height: 620px;
  padding-top: 52px;
  padding-bottom: 32px;
}

/* ---- ЛЕВАЯ ЧАСТЬ ---- */
.hero-v3__left { display: flex; flex-direction: column; gap: 0; }

.hero-v3__kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255,255,255,.5);
  margin-bottom: 18px;
}
.hero-v3__kicker-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #00b894;
  box-shadow: 0 0 0 0 rgba(0,184,148,.4);
  animation: kicker-pulse 2s infinite;
}
@keyframes kicker-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(0,184,148,.4); }
  50%      { box-shadow: 0 0 0 8px rgba(0,184,148,0); }
}

/* ЗАГОЛОВОК — крупный как у Педанта */
.hero-v3__title {
  font-family: 'Onest', 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(42px, 5.5vw, 76px);
  font-weight: 900;
  line-height: .95;
  letter-spacing: -.055em;
  color: #fff;
  margin: 0 0 24px;
}
.hero-v3__title-line2 {
  background: linear-gradient(135deg, #5b4af0, #5b9fff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
.hero-v3__title-line3 {
  color: rgba(255,255,255,.65);
}

/* УТП список */
.hero-v3__perks {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 24px;
}
.hero-v3__perks li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 16px;
  color: rgba(255,255,255,.85);
  line-height: 1.45;
}
.hero-v3__perk-star {
  color: #f5a623;
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 1px;
}

/* CTA кнопки — как у Педанта (Telegram + MAX большие) */
.hero-v3__cta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.hero-v3__cta-tg {
  flex: 1;
  min-width: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 24px;
  background: #2aabee;
  color: #fff;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  transition: all .18s;
}
.hero-v3__cta-tg:hover { background: #1a9bd0; transform: translateY(-2px); }
.hero-v3__cta-tg svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; }

.hero-v3__cta-max {
  flex: 1;
  min-width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 24px;
  background: #6c3fff;
  color: #fff;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  transition: all .18s;
}
.hero-v3__cta-max:hover { background: #5530cc; transform: translateY(-2px); }
.hero-v3__cta-max svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; }

/* Вторичные кнопки */
.hero-v3__secondary {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.hero-v3__call { min-width: 160px; }

/* Телефон хинт */
.hero-v3__phone-hint {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: rgba(255,255,255,.45);
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.hero-v3__phone-hint a {
  color: rgba(255,255,255,.75);
  font-weight: 700;
  text-decoration: none;
}
.hero-v3__online-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #00b894;
  flex-shrink: 0;
}

/* Статы */
.hero-v3__stats {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  background: rgba(255,255,255,.07);
  border-radius: 16px;
  padding: 14px 20px;
  border: 1px solid rgba(255,255,255,.1);
}
.hero-v3__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  min-width: 60px;
  text-align: center;
}
.hero-v3__stat b {
  font-size: 20px;
  font-weight: 900;
  font-family: 'Onest', sans-serif;
  color: #fff;
  line-height: 1;
}
.hero-v3__stat span {
  font-size: 11px;
  color: rgba(255,255,255,.4);
  margin-top: 3px;
}
.hero-v3__stat-sep {
  width: 1px;
  height: 32px;
  background: rgba(255,255,255,.12);
  flex-shrink: 0;
}

/* ---- ПРАВАЯ ЧАСТЬ ---- */
.hero-v3__right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 560px;
}

/* SVG иллюстрация */
.hero-v3__master-svg {
  width: 100%;
  max-width: 460px;
  height: auto;
  filter: drop-shadow(0 40px 80px rgba(91,74,240,.25));
}

/* Плашки поверх иллюстрации */
.hero-v3__badge-rating {
  position: absolute;
  top: 20px;
  right: 0;
  background: rgba(255,255,255,.1);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 14px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 2;
}
.hero-v3__badge-stars { color: #f5a623; font-size: 14px; }
.hero-v3__badge-text b { display: block; font-size: 14px; font-weight: 800; color: #fff; }
.hero-v3__badge-text span { font-size: 11px; color: rgba(255,255,255,.5); }

.hero-v3__badge-fast {
  position: absolute;
  bottom: 80px;
  left: -10px;
  background: linear-gradient(135deg, #00b894, #00966e);
  border-radius: 12px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  z-index: 2;
  box-shadow: 0 8px 24px rgba(0,184,148,.35);
}
.hero-v3__badge-fast-ico { font-size: 18px; }

/* Плавающие тэги */
.hero-v3__floating-tags {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.hero-v3__tag {
  position: absolute;
  background: rgba(255,255,255,.1);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 20px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,.8);
  animation: tag-float 4s ease-in-out infinite;
}
.hero-v3__tag--1 { top: 8%;  left: -5%; animation-delay: 0s; }
.hero-v3__tag--2 { top: 22%; right: 2%; animation-delay: .8s; }
.hero-v3__tag--3 { top: 42%; left: -8%; animation-delay: 1.6s; }
.hero-v3__tag--4 { bottom: 28%; right: 0; animation-delay: 2.4s; }
.hero-v3__tag--5 { bottom: 12%; left: 5%;  animation-delay: 0.4s; }
@keyframes tag-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}

/* Живая лента снизу */
.hero-v3__live-bar {
  background: rgba(0,0,0,.3);
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 12px 0;
  font-size: 13px;
  color: rgba(255,255,255,.55);
}
.hero-v3__live-bar b { color: rgba(255,255,255,.85); }

/* ---- АДАПТИВ ---- */
@media (max-width: 960px) {
  .hero-v3__inner {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 36px;
    padding-bottom: 24px;
    gap: 32px;
  }
  .hero-v3__right {
    height: 380px;
    order: -1;
  }
  .hero-v3__floating-tags { display: none; }
}
@media (max-width: 600px) {
  .hero-v3__title { font-size: 38px; }
  .hero-v3__right { height: 280px; }
  .hero-v3__cta-tg, .hero-v3__cta-max { min-width: 140px; font-size: 14px; padding: 13px 16px; }
  .hero-v3__badge-fast { display: none; }
}


/* ================================================================
   MOBILE OPTIMIZATION v27 — полная мобильная оптимизация
   ================================================================ */

/* ---- БАЗОВЫЕ МОБИЛЬНЫЕ УЛУЧШЕНИЯ ---- */
* { -webkit-tap-highlight-color: transparent; }
html { -webkit-text-size-adjust: 100%; }
body { overscroll-behavior-y: none; }

/* Safe area для iPhone X+ (вырез, нижняя панель) */
.m-sticky-bar {
  padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
  padding-bottom: calc(10px + constant(safe-area-inset-bottom)) !important;
}
.header { padding-top: env(safe-area-inset-top); }

/* Минимальный размер touch-target = 44px */
.btn, .nav a, .menu a, .faq-q, .quiz-opt,
.brand-link, .ai-chip, .pf-btn, .map-tab { min-height: 44px; }

/* Убираем 300ms задержку клика на мобильных */
a, button, [role="button"] { touch-action: manipulation; }

/* ---- HERO v3 МОБИЛЬНЫЙ ---- */
@media (max-width: 960px) {
  .hero-v3__inner {
    grid-template-columns: 1fr;
    padding-top: 32px;
    padding-bottom: 20px;
    gap: 24px;
  }
  .hero-v3__right { order: -1; height: 300px; }
  .hero-v3__master-svg { max-width: 300px; }
  .hero-v3__badge-fast { bottom: 20px; left: 0; font-size: 13px; }
}

@media (max-width: 600px) {
  .hero-v3__title { font-size: clamp(36px, 10vw, 50px); margin-bottom: 16px; }
  .hero-v3__perks { gap: 8px; margin-bottom: 16px; }
  .hero-v3__perks li { font-size: 14px; }
  .hero-v3__cta { flex-direction: column; gap: 8px; }
  .hero-v3__cta-tg, .hero-v3__cta-max { width: 100%; justify-content: center; }
  .hero-v3__secondary { flex-direction: column; gap: 8px; }
  .hero-v3__secondary .btn { width: 100%; justify-content: center; }
  .hero-v3__stats { gap: 0; padding: 10px 12px; }
  .hero-v3__stat b { font-size: 17px; }
  .hero-v3__stat span { font-size: 10px; }
  .hero-v3__stat-sep { height: 24px; }
  .hero-v3__phone-hint { font-size: 12px; }
  .hero-v3__right { height: 240px; }
  .hero-v3__floating-tags { display: none; }
  .hero-v3__badge-rating { top: 8px; right: 8px; padding: 6px 10px; }
  .hero-v3__badge-rating .hero-v3__badge-stars { font-size: 11px; }
  .hero-v3__badge-text b { font-size: 12px; }
}

/* ---- ХЕДЕР МОБИЛЬНЫЙ ---- */
@media (max-width: 900px) {
  .menu { display: none; }
  .nav__phone { display: none; }
  .nav { padding: 10px 0; }
  .logo__sub { display: none; }
  .logo__name { font-size: 16px; }
  .logo__mark { width: 34px; height: 34px; }
}

@media (max-width: 600px) {
  .topbar { display: none; }
  .top-promo-bar { font-size: 12px; padding: 8px 0; }
  .top-promo-bar__cta { display: none; }
  /* Хедер тоньше */
  .nav { padding: 8px 0; }
  /* Кнопки в хедере — только иконка */
  .nav__actions .btn--call span:not(:empty)::after { display: none; }
}

/* ---- ПРОМО-БАР МОБИЛЬНЫЙ ---- */
@media (max-width: 500px) {
  .top-promo-bar__countdown { display: none; }
  .top-promo-bar__sep { display: none; }
  .top-promo-bar .container { justify-content: center; }
}

/* ---- СЕКЦИИ МОБИЛЬНЫЙ ---- */
@media (max-width: 768px) {
  .section { padding: 40px 0; }
  .section-title { font-size: clamp(24px, 6vw, 36px); }
  .section-lead { font-size: 15px; margin-bottom: 24px; }
  .container { padding: 0 16px; }
}

/* ---- КАРТОЧКИ СЕРВИСОВ ---- */
@media (max-width: 600px) {
  .svc-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .svc-card { padding: 16px 12px; }
  .svc-card h3 { font-size: 14px; }
  .svc-card p { font-size: 12px; }
}

/* ---- ГАРАНТИИ ---- */
@media (max-width: 600px) {
  .guarantee-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
  .guarantee-card { padding: 18px 16px; }
}

/* ---- АДРЕСА ---- */
@media (max-width: 768px) {
  .addr-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
  .addr-card { padding: 16px; }
}

/* ---- БЛОГ КАРТОЧКИ ---- */
@media (max-width: 600px) {
  .blog-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .blog-card__thumb { height: 140px; }
}

/* ---- PROMO BANNER МОБИЛЬНЫЙ ---- */
@media (max-width: 700px) {
  .promo-banner { padding: 24px 20px; }
  .promo-banner h2 { font-size: 22px; }
  .promo-banner__num { display: none; }
  .promo-banner__actions { flex-direction: column; gap: 8px; }
  .promo-banner__cta, .promo-banner__ghost {
    display: block; text-align: center; width: 100%;
  }
}

/* ---- PAGE-WITH-SIDEBAR ---- */
@media (max-width: 900px) {
  .page-with-sidebar { grid-template-columns: 1fr !important; }
  .sticky-cta-sidebar { position: static !important; }
}

/* ---- МОДАЛЬНОЕ ОКНО ---- */
@media (max-width: 600px) {
  .modal__box {
    border-radius: 20px 20px 0 0 !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    transform: none !important;
    max-height: 85vh;
    overflow-y: auto;
  }
}

/* ---- КАЛЬКУЛЯТОР МОБИЛЬНЫЙ ---- */
@media (max-width: 600px) {
  .calc-widget { padding: 20px 16px; }
  .calc-steps { flex-direction: column; gap: 8px; }
  .cw-btn { padding: 10px 12px; font-size: 13px; min-height: 48px; }
}

/* ---- КВИЗ МОБИЛЬНЫЙ ---- */
@media (max-width: 500px) {
  .quiz-opts { grid-template-columns: 1fr !important; }
  .quiz-wrap { padding: 24px 16px; }
  .quiz-q { font-size: 20px; }
}

/* ---- ПРАЙС МОБИЛЬНЫЙ ---- */
@media (max-width: 600px) {
  .price-filter { gap: 6px; }
  .pf-btn { padding: 7px 12px; font-size: 13px; }
  .price-table { font-size: 13px; }
  .price-table th, .price-table td { padding: 9px 10px; }
  .model-prices__row { flex-wrap: wrap; gap: 6px; }
  .model-prices__time { display: none; }
}

/* ---- AI СТРАНИЦЫ МОБИЛЬНЫЙ ---- */
@media (max-width: 600px) {
  .ai-chat { border-radius: 18px; }
  .ai-chat__body { min-height: 260px; max-height: 380px; }
  .ai-msg { max-width: 92%; }
  .ai-input { font-size: 16px !important; } /* предотвращает zoom на iOS */
  .search-input-big { font-size: 16px !important; } /* то же */
  .gen-field { font-size: 16px !important; }
  .quiz-field { font-size: 16px !important; }
}

/* ---- ФУТЕР МОБИЛЬНЫЙ ---- */
@media (max-width: 768px) {
  .footer__grid { grid-template-columns: 1fr 1fr !important; gap: 24px !important; }
  .footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 500px) {
  .footer__grid { grid-template-columns: 1fr !important; }
  .footer { padding: 32px 0 80px; } /* доп отступ под sticky bar */
}

/* ---- МОБИЛЬНЫЙ STICKY BAR — улучшенный ---- */
@media (max-width: 768px) {
  .m-sticky-bar {
    display: flex !important;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 900;
    background: rgba(255,255,255,.98);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid rgba(0,0,0,.08);
    padding: 10px 12px;
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
    gap: 8px;
    box-shadow: 0 -4px 24px rgba(0,0,0,.08);
  }
  .m-sticky-bar .btn {
    flex: 1;
    justify-content: center;
    font-size: 13px;
    padding: 11px 8px;
    min-height: 44px;
    border-radius: 12px;
  }
  .m-sticky-bar .btn svg { width: 16px; height: 16px; }
  /* body отступ снизу чтобы sticky bar не перекрывал */
  body { padding-bottom: 70px; }
}

/* ---- БРЕНДЫ СЕТКА МОБИЛЬНЫЙ ---- */
@media (max-width: 600px) {
  #brands .g-brands-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
  .brand-link { padding: 10px 8px; font-size: 12px; }
  .brand-link__arrow { display: none; }
  .brands-logos__row { gap: 6px; }
  .brand-logo { padding: 6px 10px; font-size: 11px; }
}

/* ---- РАЙОНЫ МОБИЛЬНЫЙ ---- */
@media (max-width: 600px) {
  #districts .brand-link { min-height: 52px; font-size: 13px; }
}

/* ---- СЧЁТЧИКИ И LIVE-ЛЕНТА ---- */
@media (max-width: 500px) {
  .live-counter-strip { font-size: 12px; flex-wrap: wrap; justify-content: center; gap: 6px; }
  .activity-feed { display: none; } /* скрываем на маленьких — слишком шумно */
}

/* ---- ТРЕКЕР МОБИЛЬНЫЙ ---- */
@media (max-width: 600px) {
  .tracker-widget { padding: 20px 16px; }
  .tracker-result { flex-direction: column; align-items: flex-start; }
}

/* ---- СРАВНИТЕЛЬНАЯ ТАБЛИЦА ---- */
@media (max-width: 700px) {
  .compare-v2 { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .compare-v2 table { min-width: 500px; }
  .compare-v2 th, .compare-v2 td { padding: 10px 12px; font-size: 13px; }
}

/* ---- VS СРАВНИТЕЛЬ (оригинал/совместимые) ---- */
@media (max-width: 600px) {
  .vs-grid { grid-template-columns: 1fr !important; }
}

/* ---- ОТЗЫВЫ ---- */
@media (max-width: 600px) {
  .reviews-grid { grid-template-columns: 1fr !important; }
  .review-v2 { padding: 16px; }
}

/* ---- ТАЙМ-ЛАЙН ---- */
@media (max-width: 600px) {
  .timeline::before { left: 24px; }
  .tl-icon { width: 48px; height: 48px; font-size: 20px; }
  .tl-body { padding-top: 6px; }
  .tl-title { font-size: 17px; }
  .tl-desc { font-size: 13px; }
}

/* ---- ХЛЕБНЫЕ КРОШКИ ---- */
@media (max-width: 500px) {
  .breadcrumb { font-size: 12px; }
  .breadcrumb li:not(:last-child):not(:nth-last-child(2)) { display: none; }
}

/* ---- ТЕМНАЯ ТЕМА МОБИЛЬНЫЙ ---- */
[data-theme="dark"] .m-sticky-bar {
  background: rgba(10,17,32,.98) !important;
  border-top-color: rgba(255,255,255,.1) !important;
}

/* ---- ФОРМА В МОДАЛКЕ — iOS автозум FIX ---- */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
textarea {
  font-size: 16px !important; /* Предотвращает zoom на iOS при focus */
}

/* ---- ОПТИМИЗАЦИЯ СКРОЛЛА ---- */
.ai-chat__body,
.mobile-menu,
.modal__box {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* ---- УБИРАЕМ HOVER-эффекты на тач-устройствах ---- */
@media (hover: none) {
  .svc-card:hover,
  .guarantee-card:hover,
  .brand-link:hover,
  .blog-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }
  .btn:hover {
    transform: none !important;
  }
}


/* Skip link для доступности */
.skip-link{position:absolute;top:-60px;left:8px;z-index:99999;background:var(--brand);color:#fff;padding:10px 18px;border-radius:0 0 12px 12px;font-weight:700;font-size:14px;text-decoration:none;transition:top .2s}
.skip-link:focus{top:0}

/* Exit-intent попап */
.exit-popup{position:fixed;inset:0;z-index:10000;background:rgba(7,21,46,.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px}
.exit-popup.is-open{display:flex;animation:exitFade .25s}
@keyframes exitFade{from{opacity:0}to{opacity:1}}
.exit-popup__box{background:#fff;border-radius:24px;padding:36px 32px;max-width:420px;width:100%;text-align:center;position:relative;animation:exitSlide .3s}
@keyframes exitSlide{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.exit-popup__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;color:#8a9bb5;cursor:pointer;width:32px;height:32px}
.exit-popup__ico{font-size:48px;margin-bottom:12px}
.exit-popup__title{font-size:24px;font-weight:900;font-family:'Onest',sans-serif;margin-bottom:10px;color:#07152e}
.exit-popup__text{font-size:15px;color:#556070;line-height:1.6;margin-bottom:20px}
.exit-popup__note{font-size:12px;color:#8a9bb5;margin-top:12px}
[data-theme="dark"] .exit-popup__box{background:#111d2e}
[data-theme="dark"] .exit-popup__title{color:#e8eef8}
@media(max-width:600px){.exit-popup__box{padding:28px 20px}.exit-popup__title{font-size:20px}}

/* Соц-уведомления */
.social-proof{position:fixed;bottom:84px;left:20px;z-index:8000;background:#fff;border:1px solid #dde8f8;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 28px rgba(0,0,0,.12);max-width:300px;transform:translateX(-120%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.social-proof.show{transform:translateX(0)}
.social-proof__ico{font-size:20px;flex-shrink:0}
.social-proof__body{font-size:13px;line-height:1.4;flex:1}
.social-proof__body b{font-weight:800}
.social-proof__body span{display:block;font-size:11px;color:#8a9bb5;margin-top:2px}
.social-proof__x{background:none;border:none;color:#c8d2e0;font-size:14px;cursor:pointer;flex-shrink:0;padding:0}
[data-theme="dark"] .social-proof{background:#111d2e;border-color:rgba(255,255,255,.1)}
@media(max-width:600px){.social-proof{left:10px;right:10px;max-width:none;bottom:78px;transform:translateY(140%)}.social-proof.show{transform:translateY(0)}}

/* ================================================================
   DESIGN v31 — премиум визуальные эффекты
   ================================================================ */

/* ---- 1. ЖИВОЙ ГРАДИЕНТ В HERO ---- */
.hero-v3{position:relative;overflow:hidden}
.hero-v3::before{
  content:'';
  position:absolute;
  inset:-50%;
  z-index:0;
  background:
    radial-gradient(circle at 20% 30%, rgba(91,74,240,.35) 0%, transparent 40%),
    radial-gradient(circle at 80% 20%, rgba(0,184,148,.25) 0%, transparent 40%),
    radial-gradient(circle at 60% 80%, rgba(91,159,255,.30) 0%, transparent 45%),
    radial-gradient(circle at 30% 70%, rgba(108,63,255,.20) 0%, transparent 40%);
  animation:heroGradientMove 18s ease-in-out infinite;
  pointer-events:none;
}
@keyframes heroGradientMove{
  0%,100%{transform:translate(0,0) scale(1) rotate(0deg)}
  25%{transform:translate(3%,-2%) scale(1.1) rotate(2deg)}
  50%{transform:translate(-2%,3%) scale(1.05) rotate(-1deg)}
  75%{transform:translate(2%,2%) scale(1.08) rotate(1deg)}
}
/* Световые блики поверх */
.hero-v3::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(ellipse 600px 400px at 70% 40%, rgba(255,255,255,.06) 0%, transparent 60%);
  animation:heroShimmer 8s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes heroShimmer{
  0%{opacity:.4;transform:translateX(-30px)}
  100%{opacity:.8;transform:translateX(30px)}
}
.hero-v3__inner,.hero-v3__live-bar{position:relative;z-index:1}

/* Сетка-паттерн на фоне hero */
.hero-v3__grid-pattern{
  position:absolute;inset:0;z-index:0;opacity:.04;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 0%,transparent 70%);
  mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 0%,transparent 70%);
}

/* ---- 2. GLASSMORPHISM ---- */
.hero-v3__badge-rating,
.hero-v3__tag{
  background:rgba(255,255,255,.12) !important;
  backdrop-filter:blur(14px) saturate(160%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 8px 32px rgba(7,21,46,.2),inset 0 1px 0 rgba(255,255,255,.2);
}

/* ---- 3. 3D-НАКЛОН КАРТОЧЕК ---- */
.tilt-card{
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;
  transform-style:preserve-3d;
  will-change:transform;
}
.tilt-card:hover{
  box-shadow:0 24px 48px rgba(91,74,240,.18);
}
.tilt-card__inner{transform:translateZ(20px)}

/* ---- 4. СВЕЧЕНИЕ КНОПОК CTA ---- */
.btn--primary,.hero-v3__cta-tg,.promo-banner__cta{
  position:relative;
}
.btn--glow{
  position:relative;
  z-index:1;
}
.btn--glow::before{
  content:'';
  position:absolute;
  inset:-3px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(135deg,#5b4af0,#5b9fff,#00b894);
  filter:blur(12px);
  opacity:0;
  transition:opacity .3s;
  animation:btnGlowPulse 3s ease-in-out infinite;
}
.btn--glow:hover::before{opacity:.7}
@keyframes btnGlowPulse{
  0%,100%{opacity:.25}
  50%{opacity:.5}
}

/* ---- 5. ДЕКОРАТИВНЫЕ ПАТТЕРНЫ СЕКЦИЙ ---- */
.section--pattern{position:relative}
.section--pattern::before{
  content:'';
  position:absolute;inset:0;
  opacity:.025;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 25% 25%, currentColor 1.5px, transparent 1.5px),
    radial-gradient(circle at 75% 75%, currentColor 1.5px, transparent 1.5px);
  background-size:40px 40px;
}

/* ---- 6. ПЛАВНОЕ ПОЯВЛЕНИЕ С РАЗНЫХ СТОРОН ---- */
.reveal-left.is-animating{opacity:0;transform:translateX(-40px)}
.reveal-left.is-animating.is-visible{opacity:1;transform:none;transition:opacity .6s,transform .6s}
.reveal-right.is-animating{opacity:0;transform:translateX(40px)}
.reveal-right.is-animating.is-visible{opacity:1;transform:none;transition:opacity .6s,transform .6s}
.reveal-scale.is-animating{opacity:0;transform:scale(.92)}
.reveal-scale.is-animating.is-visible{opacity:1;transform:none;transition:opacity .5s,transform .5s}

/* ---- 7. АКЦЕНТНАЯ ТИПОГРАФИКА ---- */
.big-quote{
  font-family:'Onest',sans-serif;
  font-size:clamp(24px,3.5vw,38px);
  font-weight:900;
  line-height:1.25;
  letter-spacing:-.03em;
  color:#07152e;
  position:relative;
  padding-left:24px;
}
.big-quote::before{
  content:'';
  position:absolute;left:0;top:8px;bottom:8px;
  width:5px;border-radius:99px;
  background:linear-gradient(to bottom,#5b4af0,#00b894);
}
.num-accent{
  color:#5b4af0;
  font-weight:900;
  font-family:'Onest',sans-serif;
}

/* ---- 8. КАСТОМНЫЙ КУРСОР (только десктоп) ---- */
@media (hover:hover) and (pointer:fine){
  .cursor-dot{
    position:fixed;
    width:8px;height:8px;
    background:#5b4af0;
    border-radius:50%;
    pointer-events:none;
    z-index:99998;
    transform:translate(-50%,-50%);
    transition:width .2s,height .2s,background .2s;
    
  }
  .cursor-ring{
    position:fixed;
    width:32px;height:32px;
    border:1.5px solid rgba(91,74,240,.4);
    border-radius:50%;
    pointer-events:none;
    z-index:99998;
    transform:translate(-50%,-50%);
    transition:width .25s,height .25s,border-color .25s;
  }
  .cursor-ring.hover-active{
    width:52px;height:52px;
    border-color:rgba(0,184,148,.6);
  }
  .cursor-dot.hover-active{
    width:12px;height:12px;
    background:#00b894;
  }
}

/* ---- 9. ПОДСВЕТКА СЕКЦИЙ ПРИ НАВЕДЕНИИ ---- */
.glow-on-hover{
  transition:transform .3s,box-shadow .3s;
}
.glow-on-hover:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 40px rgba(91,74,240,.15);
}

/* Уважаем reduced-motion */
@media (prefers-reduced-motion:reduce){
  .hero-v3::before,.hero-v3::after,.btn--glow::before{animation:none}
  .tilt-card{transition:none}
  .cursor-dot,.cursor-ring{display:none}
}


/* ---- 10. СБОРКА ТЕЛЕФОНА ПРИ СКРОЛЛЕ ---- */
.assembly-stage{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;max-width:760px;margin:0 auto}
.assembly-svg{width:240px;height:auto;flex-shrink:0;filter:drop-shadow(0 24px 48px rgba(91,74,240,.2))}
.apart{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}
.apart.shown{opacity:1;transform:none}
.assembly-labels{display:flex;flex-direction:column;gap:12px}
.assembly-label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#8a9bb5;padding:10px 18px;border-radius:14px;background:#f5f8ff;border:1.5px solid transparent;transition:all .4s;opacity:.4}
.assembly-label.active{opacity:1;color:#07152e;border-color:#5b4af0;background:#fff;box-shadow:0 8px 24px rgba(91,74,240,.12);transform:translateX(6px)}
[data-theme="dark"] .assembly-label{background:#111d2e}
[data-theme="dark"] .assembly-label.active{color:#e8eef8;background:#0d1826}
@media(max-width:600px){.assembly-stage{gap:24px}.assembly-svg{width:180px}.assembly-label{font-size:14px;padding:8px 14px}}


/* ============================================================
   FINAL SCROLL FIX — скролл на уровне окна, не body
   ============================================================ */
html {
  overflow-x: clip;
  height: auto;
  scroll-behavior: smooth;
}
body {
  overflow-x: clip;
  overflow-y: visible;
  height: auto;
  min-height: 100vh;
  position: static;
}
/* Все полноэкранные фиксированные оверлеи не должны ловить события когда скрыты */
.lightbox:not(.is-open),
.exit-popup:not(.is-open),
.modal:not(.is-open) {
  pointer-events: none !important;
}
/* Грейн, паттерны, курсор — никогда не блокируют */
body::before, body::after,
.hero-v3::before, .hero-v3::after,
.hero-v3__grid-pattern,
.cursor-dot, .cursor-ring,
[class*="-pattern"]::before {
  pointer-events: none !important;
}