/* ============================================================
   Этапы аренды (rec2140049361): центральное авто (Lamborghini Urus, перед 3/4) — увеличиваем
   ~на 30% через scale от центра (картинка с прозрачными полями → края не торчат, обрезки/искажений нет).
   ============================================================ */
#rec2140049361 .tn-elem[data-elem-id="1775736517094"] .tn-atom{
  transform:translate(45px,-70px) scale(1.3)!important;transform-origin:center center!important;
}

/* ============================================================
   Заголовки центр-блоков: элемент стоит по центру артборда, но text-align:start (лево) →
   многострочные заголовки («Нас рекомендуют», «Забронируйте авто уже сегодня») выглядели рвано
   по левому краю. Центрируем ТЕКСТ внутри (позиция элемента не трогается). Двухколоночные блоки
   (Поездки rec2139438821, FAQ rec2140192551) НЕ трогаем — там заголовок слева по дизайну.
   ============================================================ */
[data-elem-id="1775638685736000263"] .tn-atom,  /* Почему выбирают нас */
[data-elem-id="1775696056158000002"] .tn-atom,  /* Выберите формат аренды */
[data-elem-id="1775735428499000015"] .tn-atom,  /* Нас рекомендуют */
[data-elem-id="1775736112076000046"] .tn-atom,  /* Этапы аренды авто */
[data-elem-id="1775745986817000003"] .tn-atom{  /* Забронируйте авто уже сегодня */
  text-align:center!important;
}

/* ============================================================
   FAQ (rec2140192551) = Tilda uc-accordion: его JS жёстко выставляет высоту артборда
   (#allrecords .uc-accordion .t396__artboard{height:582px!important}) под свёрнутый контент,
   воздуха снизу не остаётся → тёмный CTA «Забронируйте авто уже сегодня» вплотную наезжал на
   последний вопрос. Высоту артборда трогать нельзя (JS пересчитывает при раскрытии). Поэтому
   добавляем воздух паддингом на сам rec — поток сдвигает CTA вниз, аккордеон не ломается.
   ============================================================ */
#rec2140192551{padding-bottom:130px!important}
@media screen and (max-width:639px){#rec2140192551{padding-bottom:80px!important}}

/* ============================================================
   Блок «Выберите формат аренды» (rec2137735851): фото-слоты были повёрнутыми «пластинами»
   (для абстрактных стекляшек) — для реальных фото убираем поворот и растягиваем фото на всю
   рамку карточки (cover), скругление сверху сохраняем.
   ============================================================ */
/* Картинка-фон на ВСЮ карточку (под текст): растягиваем слот-картинку от верха карточки на всю высоту. */
#rec2137735851 .tn-group__21377358511775696668867000017,
#rec2137735851 .tn-group__21377358511775697062511000041{z-index:1!important}
#rec2137735851 .tn-elem[data-elem-id="1775696834295"],
#rec2137735851 .tn-elem[data-elem-id="1775697062511000052"]{
  position:absolute!important;top:0!important;left:0!important;
  width:100%!important;height:100%!important;
  overflow:hidden!important;border-radius:60px 60px 0 0!important;z-index:1!important;
}
#rec2137735851 .tn-elem[data-elem-id="1775696834295"] .tn-atom,
#rec2137735851 .tn-elem[data-elem-id="1775697062511000052"] .tn-atom{
  transform:none!important;inset:0!important;width:100%!important;height:100%!important;border-radius:60px 60px 0 0!important;
}
#rec2137735851 .tn-elem[data-elem-id="1775696834295"] .tn-atom__img,
#rec2137735851 .tn-elem[data-elem-id="1775697062511000052"] .tn-atom__img{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:60px 60px 0 0!important;
}

/* ============================================================
   HERO: поднять заголовок/подзаголовок/кнопку выше, чтобы не наезжали на авто (V3).
   Только desktop; сдвиг через translateY (left/top Tilda не трогаем). По правкам заказчика.
   ============================================================ */
/* Поднимаем H1, подзаголовок и ВСЮ кнопку (Tilda-группа: пилюля+текст+бейдж — двигаем группой,
   иначе фон-пилюля остаётся внизу). translateY не трогает x/left Tilda. */
@media screen and (min-width:961px){
  #rec2127307841 .tn-elem[data-elem-id="1775521225523000004"],  /* H1 */
  #rec2127307841 .tn-elem[data-elem-id="1775521225524000006"],  /* подзаголовок */
  #rec2127307841 .tn-group__21273078411775834532983000001,       /* кнопка «Подобрать авто» (группа A) */
  #rec2127307841 .tn-group__21273078411775522904882000002{       /* кнопка (группа B, дубль) */
    transform:translateY(-170px)!important;
  }
  /* Пилюля была шириной под длинный исходный текст («Рассчитать стоимость») → справа от бейджа
     «3 мин» торчал пустой чёрный кусок. Сужаем под наш текст «Подобрать авто» (бейдж к правому краю). */
  #rec2127307841 #molecule-1775834532983000001,
  #rec2127307841 #molecule-1775522904882000002{width:177px!important}
}

/* ============================================================
   arenda.css — блок «Автопарк» В РОДНОМ стиле дизайна (не отличим от макета).
   Точные токены сняты с макета: карточки #f0f2f3 ПЛОСКИЕ, текст #202020,
   Inter Tight 500/600, кнопки-пилюли (тёмная #202020 / лайм #cefe46, radius 30),
   надзаголовок мелкий не-uppercase, заголовок секции 600, тёмный бар #1d1d1d.
   ============================================================ */
.av-fleet{
  --ac:#cefe46; --ink:#202020; --dark:#1d1d1d; --plate:#f0f2f3; --plate2:#e7ebec;
  --muted:#8b8f93; --white:#fff;
  font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  background:#fff;color:var(--ink);padding:90px 0;
  -webkit-font-smoothing:antialiased;
}
.av-fleet,.av-fleet *,.av-fleet *::before,.av-fleet *::after{box-sizing:border-box}
.av-wrap{width:100%;max-width:1800px;margin:0 auto;padding:0 clamp(20px,3.6vw,80px)}
.av-head{text-align:center;max-width:720px;margin:0 auto 30px}
.av-eyebrow{display:inline-block;font-size:16px;font-weight:500;color:var(--ink);opacity:.55;margin-bottom:12px}
.av-title{font-size:clamp(28px,3.6vw,40px);font-weight:600;line-height:1.04;letter-spacing:-.02em;color:var(--ink)}

/* ---------- панель фильтров: чипы классов слева, «Фильтры» справа ---------- */
.av-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.av-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* чипы-аутлайн: неактивные — светлая плашка, активный («Все») — БЕЛЫЙ с чёрной обводкой
   (по правке заказчика: «после Всё оставить белой, обводку чёрной»). border:2px у всех → без сдвига. */
.av-chip{display:inline-flex;align-items:center;gap:7px;padding:11px 19px;border-radius:30px;border:2px solid transparent;
  background:var(--plate);font:inherit;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer;transition:.16s}
.av-chip:hover{background:var(--plate2)}
.av-chip.is-active{background:#fff;color:var(--ink);border-color:var(--ink)}
.av-chip__count{opacity:.45;font-weight:600}
.av-chip.is-active .av-chip__count{opacity:.6}
/* «Фильтры» — отдельная заметная (тёмная) кнопка-действие */
.av-more-btn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:30px;
  border:2px solid var(--ink);background:var(--ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer;color:#fff;transition:.16s}
.av-more-btn:hover{background:#000;border-color:#000}
.av-more-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.av-more-btn.is-open{background:var(--ink);color:#fff;border-color:var(--ink)}
.av-more-btn.is-open svg{transform:rotate(180deg)}
.av-count{font-size:15px;font-weight:500;color:var(--muted);margin:0 2px 8px}
.av-count b{color:var(--ink);font-weight:600}

/* расширенные фильтры — компактные строки «подпись слева · опции справа» */
.av-adv{display:none;background:var(--plate);border-radius:28px;padding:8px 26px;margin:0 0 4px}
.av-adv.is-open{display:block}
.av-adv__group{display:flex;align-items:baseline;gap:18px;padding:15px 0;border-bottom:1px solid #e3e7e8}
.av-adv__group b{flex:0 0 96px;font-size:15px;font-weight:600;color:var(--ink);opacity:.5}
.av-adv__opts{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.av-opt{padding:9px 17px;border-radius:30px;border:1.5px solid transparent;background:var(--white);
  font:inherit;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer;transition:.15s}
.av-opt:hover{border-color:#d6dbdc}
.av-opt.is-on{background:var(--ac);border-color:var(--ac);color:var(--ink);font-weight:600}
.av-adv__foot{display:flex;justify-content:flex-end;padding:14px 0 4px}
.av-adv__reset{background:none;border:none;font:inherit;font-size:15px;font-weight:600;color:var(--muted);cursor:pointer}
.av-adv__reset:hover{color:var(--ink)}

/* ---------- сетка карточек (плоские плашки #f0f2f3) ---------- */
.av-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}
.av-card{background:var(--plate);border-radius:32px;padding:18px;display:flex;flex-direction:column;
  transition:background .2s ease,transform .2s ease}
.av-card:hover{background:var(--plate2);transform:translateY(-3px)}
.av-card__media{position:relative;background:var(--white);border-radius:22px;aspect-ratio:16/11;
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden}
.av-card__media svg{width:70%;height:auto}
/* карточка с реальным фото авто (ссылка на страницу-карточку) */
.av-card__media--photo{display:block;text-decoration:none}
.av-card__media--photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.av-card__media--photo:hover img{transform:scale(1.04)}
.av-card__name a{color:var(--ink)!important;text-decoration:none}
.av-card__name a:hover{color:#7a9b00!important}
.av-card__badge{position:absolute;top:12px;left:12px;background:var(--ac);color:var(--ink);
  font-size:13px;font-weight:600;padding:6px 13px;border-radius:30px}
.av-card__hit{position:absolute;top:12px;right:12px;background:var(--ink);color:#fff;
  font-size:12px;font-weight:600;letter-spacing:.04em;padding:6px 12px;border-radius:30px}
.av-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 4px}
.av-card__name{font-size:21px;font-weight:600;line-height:1.1;color:var(--ink)}
.av-card__rate{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap;flex:0 0 auto}
.av-card__rate .s{color:#ffb800}
.av-card__rate small{color:var(--muted);font-weight:500}
.av-specs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0;padding:0 1px}
.av-spec{display:inline-flex;align-items:center;gap:6px;background:var(--white);border-radius:30px;
  padding:7px 12px;font-size:14px;font-weight:500;color:var(--ink)}
.av-spec svg{width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:1.7}
.av-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px 2px}
.av-card__price b{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.av-card__price span{font-size:13px;color:var(--muted);display:block;line-height:1;margin-top:3px}
.av-card__btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink)!important;color:#fff!important;
  border-radius:30px;padding:12px 22px;font-size:15px;font-weight:600;transition:.18s;white-space:nowrap;text-decoration:none}
.av-card__btn:hover{background:#000!important;color:#fff!important;transform:translateY(-1px)}

.av-empty{grid-column:1/-1;text-align:center;color:var(--muted);font-size:17px;padding:36px 0;display:none}

/* «Показать ещё» — пагинация каталога (на мобайле показываем 6, дальше по +6).
   По умолчанию скрыта; JS добавляет .is-visible, когда есть скрытые карточки. */
.av-more{display:none;justify-content:center;margin-top:26px}
.av-more.is-visible{display:flex}
.av-more-cars{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:30px;border:2px solid var(--ink);
  background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:.16s}
.av-more-cars:hover{background:var(--ink);color:#fff}
.av-more-cars__n{opacity:.5;font-weight:600}
.av-more-cars:hover .av-more-cars__n{opacity:.7}

/* ---------- нижний тёмный бар (как «50+ … кнопка» в макете) ---------- */
.av-bar{margin-top:32px;background:var(--dark);border-radius:40px;padding:22px 32px;display:flex;
  align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}
.av-bar__num{font-size:34px;font-weight:700;color:var(--ac);letter-spacing:-.02em;line-height:1}
.av-bar__txt{font-size:16px;font-weight:500;color:rgba(255,255,255,.78);max-width:280px}
.av-bar__btn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:var(--ac)!important;color:var(--ink)!important;
  border-radius:30px;padding:14px 24px;font-size:16px;font-weight:600;transition:.18s;text-decoration:none}
.av-bar__btn:hover{background:#bdf02c!important;color:var(--ink)!important;transform:translateY(-1px)}
.av-bar__btn svg{width:18px;height:18px;fill:currentColor}

/* ---------- адаптив ---------- */
@media(max-width:1080px){
  .av-grid{grid-template-columns:repeat(2,1fr)}
  .av-adv.is-open{grid-template-columns:repeat(2,1fr)}
  .av-fleet{padding:70px 0}
}
@media(max-width:760px){
  .av-wrap{padding:0 18px}
  /* сократить отступ сверху от блока «Почему выбирают нас» (заказчик 22.06) */
  .av-fleet{padding:28px 0 60px}
  /* вертикальный стек 1-в-ряд (по правке заказчика: 6 карточек подряд → «Показать ещё») */
  .av-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px}
  .av-adv.is-open{grid-template-columns:1fr}
  .av-bar{margin-left:0;flex-direction:column;text-align:center;border-radius:32px}
  .av-bar__btn{margin-left:0}
  /* чипы — одна прокручиваемая строка (без рваных пустот при переносе); «Фильтры» — кнопкой ниже */
  .av-toolbar{flex-direction:column;align-items:stretch;gap:12px}
  /* width:100% (определённая ширина) — чтобы overflow-x реально скроллил; stretch+min-width:0 не сработал.
     full-bleed к краям экрана через отрицательные margin + равный padding. */
  .av-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    width:100%;min-width:0;box-sizing:border-box;gap:8px;margin:0 -18px;padding:2px 18px;width:calc(100% + 36px)}
  .av-chips::-webkit-scrollbar{display:none}
  .av-chip{flex:0 0 auto}
  .av-more-btn{margin-left:0;width:100%;justify-content:center;padding:13px 20px}
}

/* ---------- хедер: подрезать пустоту справа в тёмной плашке-меню ----------
   Тёмная плашка = .tn-molecule группы 1775750905477000019 (лого + меню).
   Пустота сидела во ВНУТРЕННЕЙ молекуле меню (группа ...020): её ширина
   фиксирована (~485px), а пункты кончаются на «Отзывы» — справа оставалась
   тёмная зона ~106px. Сжимаем обе молекулы по контенту (width:auto + min-width:0,
   иначе флекс не ужимается). Только десктоп: текст-меню видно при ≥960px,
   на ≤959 — бургер, его не трогаем. */
@media(min-width:960px){
  #rec2142350001 .tn-group[data-group-id="1775750905477000019"],
  #rec2142350001 .tn-group[data-group-id="1775750905477000019"]>.tn-molecule,
  #rec2142350001 .tn-group[data-group-id="1775750905477000020"],
  #rec2142350001 .tn-group[data-group-id="1775750905477000020"]>.tn-molecule{
    width:auto !important;
    min-width:0 !important;
  }
}

/* ---------- защитные ресеты для семантизации (semantize.py) ----------
   Когда div.tn-atom ретегается в h1..h6 — гасим UA-стили заголовков
   (отступы/жирность/размер/перенос строки), чтобы не сдвинуть вёрстку.
   Размер/вес шрифта Tilda задаёт на .tn-elem .tn-atom (выше специфичность) —
   эти правила их НЕ перебивают, только нейтрализуют браузерные дефолты. */
h1.tn-atom, h2.tn-atom, h3.tn-atom, h4.tn-atom, h5.tn-atom, h6.tn-atom{
  margin:0; font-size:inherit; font-weight:inherit; line-height:inherit;
  color:inherit; letter-spacing:inherit; -webkit-margin-before:0; -webkit-margin-after:0;
}

/* ---------- CTA-блок (rec2142351541): чипы-плашки маркизы по контенту ----------
   У чипов были кривые фикс-ширины: «Честная цена» шире текста на ~84px (пустота),
   «Ответ в течение» уже текста на ~44px (обрезка). Делаем ширину по контенту.
   9 групп = 3 типа чипа × 3 копии маркизы. */
#rec2142351541 .tn-group[data-group-id="1775746258803000013"],
#rec2142351541 .tn-group[data-group-id="1775746443636000021"],
#rec2142351541 .tn-group[data-group-id="1775746543465000034"],
#rec2142351541 .tn-group[data-group-id="1775746313915000018"],
#rec2142351541 .tn-group[data-group-id="1775746443636000027"],
#rec2142351541 .tn-group[data-group-id="1775746543465000040"],
#rec2142351541 .tn-group[data-group-id="1775746134203000010"],
#rec2142351541 .tn-group[data-group-id="1775746443636000024"],
#rec2142351541 .tn-group[data-group-id="1775746543465000037"],
#rec2142351541 .tn-group[data-group-id="1775746258803000013"]>.tn-molecule,
#rec2142351541 .tn-group[data-group-id="1775746443636000021"]>.tn-molecule,
#rec2142351541 .tn-group[data-group-id="1775746543465000034"]>.tn-molecule,
#rec2142351541 .tn-group[data-group-id="1775746313915000018"]>.tn-molecule,
#rec2142351541 .tn-group[data-group-id="1775746443636000027"]>.tn-molecule,
#rec2142351541 .tn-group[data-group-id="1775746543465000040"]>.tn-molecule,
#rec2142351541 .tn-group[data-group-id="1775746134203000010"]>.tn-molecule,
#rec2142351541 .tn-group[data-group-id="1775746443636000024"]>.tn-molecule,
#rec2142351541 .tn-group[data-group-id="1775746543465000037"]>.tn-molecule{
  width:auto !important; min-width:0 !important;
}

/* ============================================================
   МАРКИЗА в футере («плывущая строка» чипов) — БЕСКОНЕЧНАЯ ЛЕНТА.
   Tilda задала SBS-loop-анимацию (group 1775746301177000017: mx -1346px, 50s, loop),
   но её JS-движок на нашей статике не запускается → чипы стояли «обрезанные». Воспроизводим
   ту же петлю чистым CSS (на ВСЕХ страницах: главная + клоны-карточки). 2341px контента в
   .tn-atom__sbs-anim-wrapper, период повтора 1346px → шов незаметен. */
@keyframes av-marquee-loop{from{transform:translateX(0)}to{transform:translateX(-1346px)}}
#rec2142351541 [data-group-id="1775746301177000017"] .tn-atom__sbs-anim-wrapper{
  animation:av-marquee-loop 50s linear infinite!important;will-change:transform;}
#rec2142351541 [data-group-id="1775746301177000017"]{overflow:hidden!important;}  /* прячем «хвост» за краями (нет обрезанных кусков) */
@media(max-width:960px){
  #rec2142351541 [data-group-id="1775746301177000017"] .tn-atom__sbs-anim-wrapper{animation-duration:30s!important;}
}
@media(prefers-reduced-motion:reduce){
  #rec2142351541 [data-group-id="1775746301177000017"] .tn-atom__sbs-anim-wrapper{animation:none!important;}
}

/* ============================================================
   Контролы хедера: выбор города (Алматы/Астана) + язык (RU/KZ/EN).
   position:fixed — независимо от Tilda-артборда. Дропдауны — arenda.js.
   ============================================================ */
.hdr-ctl{position:fixed;z-index:10001;top:10px;right:258px;display:flex;gap:8px;
  font-family:'Inter Tight',system-ui,-apple-system,sans-serif;}
.hdr-sel{position:relative;}
/* высота 42px + top 10 = ровно как нативный нав-бар и «Подобрать авто» (все элементы шапки одной высоты) */
.hdr-sel__btn{display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;border:0;cursor:pointer;
  background:#202020;color:#fff;border-radius:100px;font-size:14px;font-weight:600;line-height:1;
  white-space:nowrap;transition:background .15s;text-transform:none;letter-spacing:0;}
.hdr-sel__btn:hover{background:#2c2c2c;}
.hdr-sel__opt{text-transform:none;}
.hdr-sel__btn--lang{padding:0 12px;}
.hdr-sel__ic{flex:0 0 auto;color:#cefe46;}
.hdr-sel__ar{flex:0 0 auto;opacity:.7;transition:transform .15s;}
.hdr-sel.is-open .hdr-sel__ar{transform:rotate(180deg);}
.hdr-sel__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;margin:0;padding:6px;list-style:none;
  background:#1b1b1b;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.28);
  display:none;flex-direction:column;gap:2px;}
.hdr-sel.is-open .hdr-sel__menu{display:flex;}
.hdr-sel__opt{padding:9px 14px;border-radius:10px;color:#cfcfcf;font-size:14px;font-weight:600;cursor:pointer;
  white-space:nowrap;transition:background .12s,color .12s;}
.hdr-sel__opt:hover{background:#2a2a2a;color:#fff;}
.hdr-sel__opt.is-active{color:#cefe46;}
.hdr-sel__menu--lang{min-width:64px;}

/* WA-кнопка + телефон в шапке — ВИДНЫ только на мобайле (на десктопе город/язык/бургер и так есть).
   На мобайле шапку разгружаем: город и язык уезжают в drawer, в баре — логотип · WA · телефон · бургер. */
.hdr-wa,.hdr-phone{display:none;}
@media(min-width:960px){ .hdr-wa,.hdr-phone{display:none!important;} }

/* лаймовый кружок у «Подобрать авто» — точка-индикатор «онлайн». Tilda задумала пульс (SBS), но на статике он
   не запускается → добавляем CSS-пульс (заказчик: «точка, которая пульсирует»). */
@keyframes hdr-dot-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.75);opacity:.5}}
#rec2142350001 .tn-group[data-group-id="1775750891001000017"] .tn-elem[data-elem-id="1775750891001000018"] .tn-atom{
  animation:hdr-dot-pulse 1.5s ease-in-out infinite!important;will-change:transform,opacity;}
@media(prefers-reduced-motion:reduce){
  #rec2142350001 .tn-group[data-group-id="1775750891001000017"] .tn-elem[data-elem-id="1775750891001000018"] .tn-atom{animation:none!important;}}

/* СРЕДНИЙ соц-кружок шапки (elem 1775750468450000010) — был мессенджер «Макс» (иконка из 2 SVG в ::before/::after,
   ссылка max.ru). Заменяем ИКОНКУ на WhatsApp (белая линейная, на чёрном кружке). Ссылку на wa.me меняем в
   build_blocks.py. Лаймовый кружок у «Подобрать авто» НЕ трогаем (там пульс-точка). */
#rec2142350001 .tn-elem[data-elem-id="1775750468450000010"] .tn-atom__button-icon::before,
#rec2142350001 .tn-elem[data-elem-id="1775750468450000010"] .tn-atom__button-icon::after{
  background-image:none!important;content:none!important;}
/* размер иконки = как на мобайле (≈0.45 диаметра кружка). Кружок ≈35px в CSS (артборд масштабирует ×1.59) →
   иконка 15.5px CSS → отношение 15.5/35 ≈ 0.44, как у мобильной .hdr-wa (17/38). */
#rec2142350001 .tn-elem[data-elem-id="1775750468450000010"] .tn-atom__button-icon{
  width:15.5px!important;height:15.5px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9'/%3E%3Cpath d='M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;}


/* мобайл: цифры телефона · ЧЁРНАЯ круглая WA-кнопка (белая линейная иконка) · лаймовая пилюля «Меню».
   город/язык — в drawer */
@media(max-width:959px){
  /* right:17 — чтобы отступ «Меню» от края плашки совпал с отступом логотипа (~9px); top подвинут под бар */
  .hdr-ctl{top:16px;right:17px;left:auto;transform:none;gap:8px;align-items:center;}
  .hdr-sel{display:none!important;}            /* выбор города/языка — в бургер-drawer */
  .hdr-wa{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 auto;
    border-radius:50%;background:#0e100f;text-decoration:none;transition:background .15s,transform .1s;}
  .hdr-wa:hover{background:#000;}
  .hdr-wa:active{transform:scale(.94);}
  .hdr-phone{display:inline-flex;align-items:center;color:#1d1d1d;font-size:15px;font-weight:700;
    letter-spacing:.01em;white-space:nowrap;text-decoration:none;line-height:1;}
  .hdr-phone:hover{color:#000;}
  .hdr-burger{height:42px!important;padding:0 18px;font-size:14px;}   /* !important — перебить базовые 51px */
  /* Tilda-иконки в шапке (Telegram/контакт/почта) налезали на наши контролы → прячем на мобайле,
     у нас есть своя WA-кнопка + телефон + бургер (+ drawer). */
  #rec2142350001 .tn-elem[data-elem-id="1775750390542"],
  #rec2142350001 .tn-elem[data-elem-id="1775750468450000010"],
  #rec2142350001 .tn-elem[data-elem-id="1778058642613000002"]{display:none!important;}
}
@media(max-width:400px){
  .hdr-ctl{right:17px;gap:7px;}
  .hdr-phone{font-size:13px;}
  .hdr-wa{width:38px;height:38px;}
  .hdr-burger{height:38px!important;padding:0 14px;font-size:13px;}
}
@media(max-width:340px){
  .hdr-ctl{gap:6px;}
  .hdr-phone{font-size:11px;}
  .hdr-wa{width:36px;height:36px;}
  .hdr-burger{height:36px!important;padding:0 11px;font-size:12px;}
}

/* футер: телефон заметной строкой в колонке контактов (под Telegram/WhatsApp).
   Tilda-элементы внутри контакт-молекулы position:absolute → телефон тоже абсолютим,
   чтобы не наезжал на email. Молекула position:relative (её origin = верх колонки). */
.ftr-phone{position:absolute!important;left:0;top:58px;margin:0;z-index:2;}
.ftr-phone .tn-atom{font-family:'Inter Tight',system-ui,-apple-system,sans-serif;
  font-size:20px;font-weight:700;line-height:1.2;white-space:nowrap;color:inherit;}
.ftr-phone a{color:inherit;text-decoration:none;}
.ftr-phone a:hover{opacity:.8;}
/* контакт-молекула не должна обрезать вынесенный вниз телефон */
[data-group-id="1775747287923000064"]>.tn-molecule{overflow:visible!important;}

/* ---------- бургер = лаймовая пилюля «Меню» (как в оригинальном дизайне: текст без иконки) ---------- */
.hdr-burger{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 22px;
  flex:0 0 auto;border:0;cursor:pointer;background:#cefe46;border-radius:100px;
  font-family:'Inter Tight',system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;color:#0e100f;
  letter-spacing:0;line-height:1;text-transform:none;transition:background .15s;}
.hdr-burger:hover{background:#bdf02c;}
.hdr-burger__txt{line-height:1;text-transform:none;}
/* десктоп: «Меню» чёрная пилюля (отличаем от лаймовой «Подобрать авто») */
@media (min-width:960px){
  .hdr-burger{background:#0e100f;color:#fff;}
  .hdr-burger:hover{background:#1d1d1d;}
}

/* ---------- выезжающее меню-drawer ---------- */
.hdr-drawer{position:fixed;inset:0;z-index:100050;font-family:'Inter Tight',system-ui,-apple-system,sans-serif;}
.hdr-drawer[hidden]{display:none;}
.hdr-drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s;}
.hdr-drawer.is-open .hdr-drawer__backdrop{opacity:1;}
.hdr-drawer__panel{position:fixed;top:0;right:0;bottom:0;width:min(360px,86vw);
  background:#161616;color:#fff;display:flex;flex-direction:column;padding:22px 24px 26px;
  transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow:hidden;}
.hdr-drawer.is-open .hdr-drawer__panel{transform:translateX(0);}
/* верх (город · языки · ×) — закреплён */
.hdr-drawer__top{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #2a2a2a;}
.hdr-drawer__city{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;}
.hdr-drawer__city svg{color:#cefe46;}
.hdr-drawer__langs{display:inline-flex;gap:4px;margin-left:auto;}
.hdr-drawer__langs b{font-size:13px;font-weight:600;color:#8a8a8a;padding:4px 7px;border-radius:8px;cursor:pointer;}
.hdr-drawer__langs b.is-active{color:#0e100f;background:#cefe46;}
/* крестик без тёмной подложки */
.hdr-drawer__close{margin-left:6px;width:30px;height:30px;flex:0 0 auto;border:0;background:none;color:#fff;
  font-size:26px;line-height:1;cursor:pointer;opacity:.85;transition:opacity .15s;padding:0;}
.hdr-drawer__close:hover{opacity:1;}
/* скролл-зона (тех-страницы + аккордеон категорий) */
.hdr-drawer__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}
/* список тех-страниц — шрифт как в хедере (вес 500, не жирный) */
.hdr-drawer__nav{list-style:none;margin:0;padding:12px 0 6px;}
.hdr-drawer__nav li{margin:0;}
.hdr-drawer__nav a{display:block;padding:13px 0;color:#fff;text-decoration:none;font-size:18px;font-weight:500;
  border-bottom:1px solid #232323;transition:color .15s;}
.hdr-drawer__nav a:hover{color:#cefe46;}
/* аккордеон категорий */
.hdr-drawer__cats{padding:8px 0 6px;}
.hdr-drawer__cats-ttl{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#8a8a8a;padding:14px 0 6px;}
.hdr-cat{border-bottom:1px solid #232323;}
.hdr-cat>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;
  padding:13px 0;color:#fff;font-size:18px;font-weight:500;transition:color .15s;}
.hdr-cat>summary::-webkit-details-marker{display:none;}
.hdr-cat>summary:hover{color:#cefe46;}
.hdr-cat>summary svg{flex:0 0 auto;transition:transform .2s;color:#8a8a8a;}
.hdr-cat[open]>summary{color:#cefe46;}
.hdr-cat[open]>summary svg{transform:rotate(180deg);color:#cefe46;}
.hdr-cat ul{list-style:none;margin:0;padding:2px 0 10px;}
.hdr-cat li{margin:0;}
.hdr-cat a{display:block;padding:9px 0 9px 14px;color:#c9c9c9;text-decoration:none;font-size:16px;font-weight:400;
  transition:color .15s;}
.hdr-cat a:hover{color:#cefe46;}
.hdr-cat li.is-sub a{padding-left:28px;font-size:15px;color:#9b9b9b;}
.hdr-cat li.is-sub a::before{content:"— ";opacity:.5;}
/* низ (телефон + WhatsApp) — закреплён, всегда виден */
.hdr-drawer__legal{display:flex;flex-direction:column;gap:8px;padding:10px 0 4px;margin-top:4px;border-top:1px solid #2a2a2a;}
.hdr-drawer__legal a{color:#9a9a9a;text-decoration:none;font-size:13px;}
.hdr-drawer__legal a:hover{color:#cefe46;}
.hdr-drawer__foot{flex:0 0 auto;padding-top:18px;border-top:1px solid #2a2a2a;display:flex;flex-direction:column;gap:14px;}
.hdr-drawer__phone{color:#fff;text-decoration:none;font-size:22px;font-weight:700;letter-spacing:.01em;}
.hdr-drawer__phone:hover{color:#cefe46;}
/* кнопка WhatsApp — стильная лаймовая пилюля с иконкой */
.hdr-drawer__wa{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;border-radius:100px;
  background:#cefe46;color:#0e100f;text-decoration:none;font-size:16px;font-weight:600;transition:background .15s,transform .1s;}
.hdr-drawer__wa svg{color:#0e100f;flex:0 0 auto;}
.hdr-drawer__wa:hover{background:#bdf02c;}
.hdr-drawer__wa:active{transform:scale(.98);}
body.drawer-open{overflow:hidden;}

/* Бургер: «Публичная оферта»/«Политика конфиденциальности» — в САМЫЙ НИЗ списка (после категорий) и крупнее
   (были мелким серым шрифтом сверху — заказчик: непонятно/странно). Порядок через flex-order, без пересборки. */
.hdr-drawer__scroll{display:flex;flex-direction:column;}
.hdr-drawer__nav{order:1}
.hdr-drawer__cats{order:2}
.hdr-drawer__legal{order:3;margin-top:16px;border-top:1px solid #2a2a2a;padding-top:16px;}
.hdr-drawer__legal a{font-size:16px;color:#cfcfcf;}
.hdr-drawer__legal a:hover{color:#cefe46;}

/* старый Tilda-бургер t450 (rec2142350011) больше не нужен — заменён кастомным .hdr-burger+drawer */
#rec2142350011{display:none!important;}

/* ───── Hero-CTA «Подобрать авто / Choose a car / Автокөлік таңдау» ─────
   НЕ ТРОГАЕМ структуру кнопки — это согласованный канон-дизайн (тёмная пилюля + лаймовый бейдж «⚡ 3 мин»).
   Tilda hover-button (t396 group) — фикс-ширина артборда + zoom-масштаб + двухслойная разметка (normal/hover).
   Попытка сделать пилюлю auto-width flex ЛОМАЛА высоту (84px вместо 58px) — заказчик отклонил («верни как было»).
   Проверено: в НАТИВНОМ рендере бейдж «3 мин» сам прижимается к тексту с ОДИНАКОВЫМ зазором (~14px) на RU/EN/KZ,
   и казахская строка помещается внутри пилюли (без вылезания). Поэтому кастомных правил здесь НЕТ. */

/* ───────────────────────────────────────────────────────────────────────────
   I18N FIT — казахские (и часть EN) переводы ДЛИННЕЕ русского, а Tilda Zero Block
   фикс-позиции/размеры → текст наезжает на соседние блоки/вылазит за кнопки.
   Tilda хранит ОДИН базовый font-size + масштабирует артборд через zoom на каждом
   брейкпоинте, поэтому уменьшение базового кегля (px) применяется ко всем адаптивам
   пропорционально. Скоупим под :lang, чтобы RU не трогать.
   ─────────────────────────────────────────────────────────────────────────── */
html[lang="kk"] h1.tn-atom{font-size:27px!important;}
html[lang="kk"] h2.tn-atom{font-size:26px!important;}
html[lang="kk"] .tn-atom__button-text{font-size:10px!important;letter-spacing:0!important;}
/* подзаголовок героя (field 1775521225524000006) — длиннее на kk, на мобайле «слипался» с кнопкой */
html[lang="kk"] .tn-elem[data-elem-id="1775521225524000006"] .tn-atom{font-size:10px!important;}
/* (hero-CTA «Автокөлік таңдау» НЕ ужимаем — нативный Tilda-рендер сам прижимает бейдж к тексту, строка влазит.) */
/* Мобайл (≤639px): hero-артборд тесный, kk-H1 длиннее → лёгкое доп.сжатие H1 (рендер с zoom остаётся ≥16px).
   Подзаголовок НЕ ужимаем ниже глобальных 10px (требование ≥16px на всех адаптивах). */
@media (max-width:639px){
  html[lang="kk"] h1.tn-atom{font-size:24px!important;}
}

/* мобильная кнопка-тоггл «Меню» (Tilda) — лишняя, у нас свой бургер */
#rec2142350001 .tn-elem[data-elem-id="1775751142361000028"]{display:none!important;}

/* свап «бургер ↔ Подобрать авто»: на десктопе бургер выносим из flex (его right ставит JS
   справа от кнопки), а кнопку сдвигаем влево, чтобы освободить место под бургер у края. */
@media(min-width:960px){
  /* top — по высоте нав-бара; right — к самому краю (как левый отступ соц-иконок ~20px), а НЕ большой JS-отступ
     от «Подобрать»: заказчик хочет «Меню» у края, шапка на всю ширину. clamp совпадает с левым полем шапки.
     left:auto — иначе JS-left + наш right РАСТЯГИВАЛИ пилюлю (Меню был 150px вместо ~90). width:auto — по контенту. */
  .hdr-burger{position:fixed;top:.666vw;right:clamp(16px,1.35vw,30px)!important;left:auto!important;width:auto!important;}
  #rec2142350001 .tn-group[data-group-id="1775750891001000015"]{transform:translateX(-72px)!important;}
  /* нав-плашка (лого+меню) масштабируется по ширине и упиралась вплотную в «выбор города» (Алматы):
     на 1280–1920 зазора не было. Сдвигаем плашку влево (слева места достаточно — соц-кружки далеко) →
     нормальный отступ до Алматы/RU (зазор 24px@1280 · 48@1440 · 94@1920). */
  #rec2142350001 .tn-group[data-group-id="1775750905477000019"]{transform:translateX(-58px)!important;}
}
/* УЗКИЙ ДЕСКТОП (960–1279): шапка переполнена (плашка+город+язык+кружок+«Подобрать»+бургер не влезают в ряд,
   нав-плашка наезжала на «выбор города»). По просьбе заказчика — УБИРАЕМ «Подобрать авто» из шапки (она остаётся
   в hero/блоках) → освобождается место, ничего не наезжает. */
@media(min-width:960px) and (max-width:1279px){
  #rec2142350001 .tn-group[data-group-id="1775750891001000015"]{display:none!important;}
  /* лаймовый WA-кружок на узком стоит на нативной позиции и перекрывался бы сдвинутыми контролами →
     тоже прячем на узком (на ≥1280 он на месте; WA-контакт есть в drawer). */
  #rec2142350001 .tn-group[data-group-id="1775750891001000017"]{display:none!important;}
  /* левые Tilda-иконки (Telegram/контакт/почта) на узком жмут лого → прячем (как на мобайле; они есть в футере/
     drawer) → освобождаем левую сторону. Нав-плашку чуть влево (-40), контролы ЛЕВО-якорим к ней (+24 зазор),
     бургер фиксируем у края. Ничего не наезжает на 960–1279. */
  #rec2142350001 .tn-elem[data-elem-id="1775750390542"],
  #rec2142350001 .tn-elem[data-elem-id="1775750468450000010"],
  #rec2142350001 .tn-elem[data-elem-id="1778058642613000002"]{display:none!important;}
  #rec2142350001 .tn-group[data-group-id="1775750905477000019"]{transform:translateX(-40px)!important;}
  .hdr-ctl{left:calc(63.5vw - 16px)!important;right:auto!important;}
  .hdr-burger{right:17px!important;}
}

/* ============================================================
   ВЫСОТА КОНТРОЛОВ ШАПКИ = как нативный Tilda-нав-бар на ЛЮБОМ мониторе.
   Нативная шапка (group 1775750905477000019) и кнопка «Подобрать авто» масштабируются
   пропорционально ширине окна: высота ≈ 2.945% ширины, top ≈ 0.666%. Фикс 42px совпадал
   только на ~1440px, а на широких экранах наши Алматы/RU/Меню выглядели ниже нативной шапки.
   Привязываем их к vw — совпадает на всех ширинах (28px@960 … 56px@1920 … 75px@2560). */
@media(min-width:960px){
  .hdr-ctl{top:.666vw;}
  .hdr-sel__btn,
  .hdr-burger{height:2.945vw!important;
    padding:0 clamp(13px,1.05vw,22px);
    font-size:clamp(14px,.95vw,19px);}
}

/* ============================================================
   МОБИЛЬНЫЕ ПРАВКИ (по правкам заказчика 22.06)
   ============================================================ */

/* (4) Блок «Выберите формат аренды» — карта «Аренда с водителем»: на мобайле фото-водитель
   (кепка) наезжало на текст. Кладём светлую вуаль-градиент поверх ВЕРХА фото (но под текстом):
   ::after внутри фото-элемента → перекрывает фото, текст-сиблинги стоят выше по z. Читабельно. */
@media(max-width:639px){
  #rec2137735851 .tn-elem[data-elem-id="1775697062511000052"]{position:absolute;}
  /* фото опускаем — кепка водителя уходит ниже текста (небольшой отступ от текста до кепки) */
  #rec2137735851 .tn-elem[data-elem-id="1775697062511000052"] .tn-atom__img{
    transform:translateY(8%)!important;
  }
  #rec2137735851 .tn-elem[data-elem-id="1775697062511000052"]::after{
    content:"";position:absolute;left:0;right:0;top:0;height:60%;pointer-events:none;z-index:2;
    background:linear-gradient(180deg,#eef0f2 0%,#eef0f2 80%,rgba(238,240,242,0) 100%);
    border-radius:60px 60px 0 0;
  }
}

/* (7) Блок «Этапы аренды авто»: карточки-шаги были «слеплены» (фикс-высота 186 ≈ шаг 172 → перекрытие).
   `height:calc(100%-…)` НЕ срабатывает: родитель-группа hug-высоты → % не резолвится (откат к контенту).
   Решение: молекуле `height:auto` (хаг по контенту) + ужать верт. паддинг 30→14 и row-gap 25→14 →
   карта ≈150px, между фикс-позиционированными группами (шаг 172) появляется зазор ~22px. Работает на
   всех ширинах (auto, без %). Как в оригинальном дизайне. */
@media(max-width:640px){
  #rec2140049361 .tn-group[data-group-id="1775736069137000014"]>.tn-molecule,
  #rec2140049361 .tn-group[data-group-id="1775736358454000050"]>.tn-molecule,
  #rec2140049361 .tn-group[data-group-id="1775736399409000055"]>.tn-molecule{
    height:auto!important;padding-top:15px!important;padding-bottom:15px!important;row-gap:14px!important;
  }
  /* машина крупнее на 25% и ПОДНЯТА — её видимый низ (alpha-bbox 28–72% бокса) касался 1-й карточки,
     поднимаем, чтобы был явный зазор над карточкой. */
  #rec2140049361 .tn-elem[data-elem-id="1776022523435000001"]{
    transform-origin:center top!important;transform:translateY(-74px) scale(1.25)!important;}
  /* кнопка «Написать в WhatsApp» — центрируем и поднимаем (зазор до последней карточки ~в 3 раза меньше).
     2 группы — анимационная пара (лайм+тёмная). */
  #rec2140049361 .tn-group[data-group-id="1775835674546000001"],
  #rec2140049361 .tn-group[data-group-id="1775736574056000061"]{
    left:50%!important;transform:translate(-50%,-56px)!important;
  }
  /* кнопку подняли на 56px → снизу артборда образовалась пустота: подтягиваем следующую секцию вверх */
  #rec2140049361{margin-bottom:-58px!important;}
}

/* (8) Футер: кнопка «Подобрать авто» была смещена влево от центра — центрируем на мобайле
   (две группы — анимационная пара A/B, центрируем обе). */
@media(max-width:640px){
  #t-footer .tn-group[data-group-id="1775779298109000001"],
  #t-footer .tn-group[data-group-id="1775746521872000031"]{
    left:50%!important;transform:translateX(-50%)!important;
  }
}
/* (8b) Футер CTA: пилюля «Подобрать авто» была шире текста → справа от бейджа «3 мин» торчал
   пустой кусок (как было в hero). Сужаем молекулу под контент — бейдж к правому краю. Десктоп. */
@media(min-width:641px){
  #t-footer #molecule-1775779298109000001,
  #t-footer #molecule-1775746521872000031{width:182px!important}
}

/* ============================================================
   SEO-статья (#article) — в фирменном стиле (Inter Tight, лайм #cefe46, плашки).
   Заголовок · автор+должность · даты публикации/обновления · оглавление · текст · WA-CTA.
   ============================================================ */
.seo-art{background:#fff;color:#202020;padding:90px 0;
  font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;}
.seo-art *,.seo-art *::before,.seo-art *::after{box-sizing:border-box;}
/* контейнер — компактнее (статья + сайдбар-CTA снуг, без странной дыры посередине). 2 колонки. */
/* Шире — секция «на всю ширину экрана» (заказчик 23.06). Текст филлит колонку (без дыры справа,
   которую раньше давал 1800px) — читаемость держим увеличенным кеглем тела, см. .seo-art__body ниже. */
.seo-art__wrap{max-width:min(94vw,1480px);margin:0 auto;padding:0 clamp(20px,4vw,40px);}
@media(min-width:1000px){
  .seo-art__wrap{display:grid;grid-template-columns:minmax(0,1fr) 384px;gap:clamp(48px,5vw,88px);align-items:start;}
  .seo-art__aside{position:sticky;top:96px;}   /* едет за пользователем (фикс overflow #allrecords ниже) */
}
.seo-art__main{min-width:0;}
.seo-art__aside{min-width:0;}
/* CTA-карточка «Поможем с выбором» — ТЁМНЫЙ консьерж-блок (фирменный приём сайта: dark+лайм).
   Якорь запоминания: живой статус «онлайн» с пульсирующей лаймовой точкой + реальный менеджер
   (аватар+имя) → отвечает человек, а не форма. Канон-кнопка (тёмная пилюля) НЕ меняется — она
   живёт на светлой «полке» (.seo-cta__shelf), чтобы читаться на тёмной карточке. БЕЗ полей ввода. */
.seo-cta{position:relative;isolation:isolate;overflow:hidden;max-width:520px;margin-inline:auto;
  background:#1b1c1f;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:30px 28px 24px;
  box-shadow:0 34px 70px -28px rgba(14,16,15,.55),0 4px 14px rgba(14,16,15,.18);}
/* мягкое лаймовое свечение в углу — глубина/текстура, не декор ради декора */
.seo-cta::before{content:"";position:absolute;z-index:-1;top:-70px;right:-60px;width:220px;height:220px;
  background:radial-gradient(closest-side,rgba(206,254,70,.22),transparent 70%);pointer-events:none;}
.seo-cta__status{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;
  padding:7px 13px 7px 11px;border-radius:100px;background:rgba(206,254,70,.12);
  border:1px solid rgba(206,254,70,.22);color:#cefe46;font-size:13px;font-weight:600;letter-spacing:.01em;}
.seo-cta__dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#cefe46;
  box-shadow:0 0 0 0 rgba(206,254,70,.6);animation:seoPulse 2s ease-out infinite;}
@keyframes seoPulse{0%{box-shadow:0 0 0 0 rgba(206,254,70,.55)}70%{box-shadow:0 0 0 7px rgba(206,254,70,0)}100%{box-shadow:0 0 0 0 rgba(206,254,70,0)}}
@media(prefers-reduced-motion:reduce){.seo-cta__dot{animation:none}}
.seo-cta__person{display:flex;align-items:center;gap:13px;margin-bottom:20px;}
.seo-cta__ava{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 auto;
  border-radius:50%;background:#cefe46;color:#0e100f;font-size:17px;font-weight:700;letter-spacing:.02em;
  box-shadow:0 0 0 4px rgba(206,254,70,.14);}
.seo-cta__who{display:flex;flex-direction:column;gap:2px;min-width:0;}
.seo-cta__who b{font-size:16px;font-weight:600;color:#fff;}
.seo-cta__who span{font-size:13px;color:rgba(255,255,255,.5);}
.seo-cta__title{font-size:24px;font-weight:700;line-height:1.12;letter-spacing:-.01em;color:#fff;margin:0 0 10px;}
.seo-cta__text{font-size:15px;line-height:1.55;color:rgba(255,255,255,.62);margin:0 0 22px;}
.seo-cta__perks{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:11px;}
.seo-cta__perks li{position:relative;padding-left:30px;font-size:14.5px;line-height:1.35;color:rgba(255,255,255,.86);}
.seo-cta__perks li::before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;
  background:rgba(206,254,70,.16);}
.seo-cta__perks li::after{content:"";position:absolute;left:6px;top:6px;width:7px;height:4px;
  border-left:2px solid #cefe46;border-bottom:2px solid #cefe46;transform:rotate(-45deg);}
/* Кнопка-действие — БЕЛАЯ пилюля прямо на тёмной карточке (заказчик 23.06: убрать белую полку и телефон,
   кнопку белой с чёрным текстом). Осознанное ИСКЛЮЧЕНИЕ из правила единой тёмной кнопки — только тут (на dark
   тёмная пилюля не читалась, белая — контрастна и чисто). Бейдж «⚡3 мин» остаётся лаймовым (канон). */
.seo-cta__btn{width:auto;margin-top:2px;}
.seo-cta .seo-cta__btn{background:#fff;}
.seo-cta .seo-cta__btn:hover{background:#eef0f1;}
section#article a.seo-art__cta.seo-cta__btn,
section#article a.seo-art__cta.seo-cta__btn .seo-art__cta-txt{color:#0e100f!important;}
.seo-cta__btn .seo-art__cta-txt,.seo-cta__btn .seo-art__cta-badge{white-space:nowrap;}
/* sticky-фикс: Tilda-обёртка #allrecords имела overflow:hidden → ловушка для position:sticky (карточка не ехала).
   overflow:clip клипает горизонталь так же, но НЕ создаёт скролл-контейнер → sticky работает. */
#allrecords{overflow:clip!important;}
.seo-art__eyebrow{display:inline-block;font-size:16px;font-weight:500;color:#202020;opacity:.55;margin-bottom:14px;}
.seo-art__title{font-size:clamp(27px,4vw,40px);font-weight:600;line-height:1.08;letter-spacing:-.02em;margin:0 0 24px;}
.seo-art__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;
  padding-bottom:26px;border-bottom:1px solid #ededee;}
.seo-art__author{display:flex;align-items:center;gap:12px;}
.seo-art__ava{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 auto;
  border-radius:50%;background:#1d1d1d;color:#cefe46;font-size:16px;font-weight:600;letter-spacing:.02em;}
.seo-art__who{display:flex;flex-direction:column;gap:2px;}
.seo-art__who b{font-size:16px;font-weight:600;color:#202020;}
.seo-art__who span{font-size:14px;color:#8b8f93;}
.seo-art__dates{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#8b8f93;text-align:right;}
.seo-art__dates time{color:#202020;font-weight:600;}
/* Содержание — чистый список с разделителями (нумерация · текст · стрелка). Ссылки ТЁМНЫЕ, без оранжевого. */
.seo-art__toc{background:#f5f6f7;border:1px solid #ededee;border-radius:22px;padding:8px 26px;margin:30px 0 38px;}
.seo-art__toc-ttl{display:block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#9aa0a6;padding:16px 0 6px;}
.seo-art__toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;}
.seo-art__toc li{counter-increment:toc;border-top:1px solid #e7e9eb;}
.seo-art__toc a{display:flex;align-items:center;gap:14px;padding:15px 2px;color:#202020!important;text-decoration:none;
  font-size:17px;font-weight:500;transition:color .15s;}
.seo-art__toc a::before{content:counter(toc,decimal-leading-zero);flex:0 0 auto;color:#aab0b6;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;}
.seo-art__toc a::after{content:"→";margin-left:auto;color:#c2c7cc;font-weight:600;transition:transform .15s,color .15s;}
.seo-art__toc a:hover{color:#000!important;}
.seo-art__toc a:hover::after{color:#0e100f;transform:translateX(3px);}
/* шире колонка → крупнее кегль (фиксит длину строки в широком блоке: текст филлит, но читается) */
.seo-art__body{font-size:20px;line-height:1.72;color:#43474b;}
.seo-art__lead{font-size:22px;line-height:1.6;color:#202020;margin:0 0 28px;}
.seo-art__body h3{font-size:25px;font-weight:600;line-height:1.22;color:#202020;letter-spacing:-.01em;margin:36px 0 12px;scroll-margin-top:90px;}
.seo-art__body p{margin:0 0 16px;}
.seo-art__body a{color:#202020!important;text-decoration:underline;}
/* H4-подразделы (из H3 pillar-статьи), списки, таблицы тарифов (пайплайн text-files) */
.seo-art__body h4{font-size:20px;font-weight:600;line-height:1.3;color:#202020;margin:26px 0 10px;}
.seo-art__body ul,.seo-art__body ol{margin:0 0 18px;padding-left:22px;}
.seo-art__body li{margin:0 0 9px;}
.seo-art__body strong{color:#202020;font-weight:600;}
.seo-art__body table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:16px;line-height:1.45;}
.seo-art__body thead th{text-align:left;background:#f5f6f7;color:#202020;font-weight:600;padding:11px 14px;border-bottom:2px solid #e7ebec;}
.seo-art__body tbody td{padding:11px 14px;border-bottom:1px solid #ededee;vertical-align:top;}
.seo-art__body tbody tr:last-child td{border-bottom:0;}
@media(max-width:760px){.seo-art__body table{font-size:14px;}.seo-art__body thead th,.seo-art__body tbody td{padding:8px 9px;}}
/* CTA — стандартная кнопка сайта: тёмная пилюля «Написать в WhatsApp» + лаймовый бейдж «⚡ 3 мин» */
.seo-art__cta{display:inline-flex;align-items:center;gap:12px;margin-top:30px;background:#1d1d1d;
  border-radius:100px;padding:7px 7px 7px 26px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;}
/* высокая специфичность — перебить глобальный tilda-цвет ссылок (#202020 !important) */
section#article a.seo-art__cta,section#article a.seo-art__cta .seo-art__cta-txt{color:#fff!important;}
.seo-art__cta:hover{background:#000;}
.seo-art__cta:active{transform:scale(.99);}
.seo-art__cta-badge{display:inline-flex;align-items:center;gap:5px;background:#cefe46;color:#0e100f;
  border-radius:100px;padding:10px 16px;font-size:15px;font-weight:600;line-height:1;}
.seo-art__cta-badge svg{fill:currentColor;flex:0 0 auto;}
@media(max-width:639px){
  .seo-art{padding:60px 0;}
  .seo-art__wrap{padding:0 18px;}
  .seo-art__meta{flex-direction:column;align-items:flex-start;gap:14px;}
  .seo-art__dates{text-align:left;}
  .seo-art__body{font-size:17px;}
  .seo-art__lead{font-size:18px;}
  .seo-art__body h3{font-size:21px;}
  .seo-art__cta{width:auto;justify-content:center;}  /* канон: пилюля компактна и на мобайле (не full-width) */
  .seo-cta{padding:28px 18px 22px;}
}

/* (плавающая плашка выбора языка .lang-switch удалена — переключатель в хедере/drawer, goLang в arenda.js) */