/* B-nav2 2026-07-31 — шапка на телефоне и выезжающее меню.

   Что чинится:
   1. На странице приложения у шапки не было box-sizing, поэтому полоса
      получалась шире экрана, кнопка «Вход» вылезала за её край и была выше
      самой полосы. Ниже — общая норма для всех страниц.
   2. Меню было падающей карточкой во всю ширину с толстыми кнопками. Стало
      боковой панелью: список разделов, переключатель языка, действия внизу.
   3. «Заказать сайт» из шапки и из меню убран — он переехал в подвал. */

/* ── 1. шапка ────────────────────────────────────────────────────────── */
/* Без этого ширина считается без полей: полоса вылезала за экран, а панель
   меню получалась выше окна и нижние кнопки уезжали под край. */
.site-header, .site-header *,
.bzp-drawer, .bzp-drawer *{ box-sizing:border-box }

/* «Заказать сайт» живёт в подвале, в шапке и в меню его больше нет */
html body .nav-right .bzp-order,
html body .bzp-drawer .bzp-d-order{ display:none !important }

@media (max-width:720px){
  html body .site-header .header-inner{
    height:54px !important; padding:0 10px !important;
    align-items:center; gap:10px;
  }
  html body .site-header .nav-right{ gap:8px !important; align-items:center; flex:0 0 auto }
  html body .site-header .nav-right > *{ flex:0 0 auto }
  /* одна высота у кнопки и у бургера — иначе полоса «распирается» */
  html body .site-header .nav-right .btn-header{
    height:38px !important; min-height:38px !important;
    padding:0 15px !important; font-size:13px !important;
    line-height:1 !important; border-radius:999px !important;
    display:inline-flex !important; align-items:center !important;
    justify-content:center !important; white-space:nowrap !important;
  }
  html body .site-header .bzp-burger{
    width:38px !important; height:38px !important; border-radius:11px !important;
    display:inline-flex !important; align-items:center; justify-content:center;
  }
  html body .site-header .logo{ min-width:0; overflow:hidden; text-overflow:ellipsis }
}

/* ── 2. боковое меню ─────────────────────────────────────────────────── */
@media (max-width:720px){
  html body .bzp-drawer{
    position:fixed !important;
    top:0 !important; bottom:0 !important;
    height:100% !important; max-height:100% !important;
    inset-inline-start:0 !important; inset-inline-end:auto !important;
    width:min(88vw,360px) !important; max-width:none !important;
    margin:0 !important;
    background:#fff !important;
    border:0 !important;
    border-start-end-radius:24px !important;
    border-end-end-radius:24px !important;
    box-shadow:0 0 70px rgba(15,23,42,.30) !important;
    padding:calc(env(safe-area-inset-top,0px) + 14px) 18px
            calc(env(safe-area-inset-bottom,0px) + 18px) !important;
    display:flex !important; flex-direction:column !important; gap:0 !important;
    opacity:1 !important;
    transform:translateX(-102%) !important;
    transition:transform .34s cubic-bezier(.22,1,.36,1) !important;
    visibility:hidden; pointer-events:none;
    overflow:hidden !important;
  }
  html[dir="rtl"] body .bzp-drawer{ transform:translateX(102%) !important }
  html body .bzp-drawer.open{
    transform:none !important; visibility:visible; pointer-events:auto;
  }
  html body .bzp-drawer-backdrop{
    background:rgba(11,16,32,.46) !important;
    backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
  }
  /* пока меню открыто, страница под ним не ездит */
  body.bzpnav-lock{ overflow:hidden !important }

  /* верх панели: знак и крестик */
  .bzpnav-top{
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; padding-bottom:14px; margin-bottom:4px;
    border-bottom:1px solid rgba(15,23,42,.08);
  }
  .bzpnav-brand{
    display:flex; align-items:center; gap:9px; direction:ltr;
    font-weight:800; font-size:1.06rem; line-height:1.1; color:#0f172a;
    text-decoration:none; flex:0 1 auto; min-width:0;
  }
  .bzpnav-brand img{ width:30px; height:30px; min-width:30px; border-radius:9px;
    display:block; object-fit:cover }
  html body .bzp-drawer .bzpnav-x{
    /* у лендинга кнопки в меню имеют min-height 52 — оно сильнее height */
    width:38px !important; height:38px !important; min-width:38px !important;
    min-height:38px !important; max-height:38px !important;
    flex:none; border:0 !important; padding:0 !important; cursor:pointer;
    border-radius:50% !important; background:#f1f5f9 !important; color:#334155 !important;
    display:inline-flex !important; align-items:center; justify-content:center;
    font:inherit; transition:background .15s, transform .12s;
  }
  html body .bzp-drawer .bzpnav-x:active{ transform:scale(.92); background:#e2e8f0 }
  html body .bzp-drawer .bzpnav-x svg{ width:17px; height:17px; stroke:currentColor; fill:none;
    stroke-width:2.1; stroke-linecap:round }

  /* середина прокручивается, низ остаётся на месте */
  .bzpnav-scroll{
    flex:1 1 auto; min-height:0; overflow-y:auto;
    -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
    margin-inline:-18px; padding-inline:18px;
  }

  /* разделы: строки со стрелкой, а не толстые кнопки */
  html body .bzp-drawer .bz-mnav{
    display:flex; flex-direction:column; gap:0 !important;
    margin:2px 0 6px !important; padding-bottom:6px !important;
    border-bottom:0 !important;
  }
  html body .bzp-drawer .bz-mnav-a{
    padding:15px 2px !important; border-radius:0 !important;
    font-size:1.02rem !important; font-weight:650 !important;
    color:#15233e !important;
    border-bottom:1px solid rgba(15,23,42,.07);
  }
  .bzp-drawer .bz-mnav-a:last-child{ border-bottom:0 }
  .bzp-drawer .bz-mnav-a:active{ background:rgba(37,99,235,.07) !important }
  .bzp-drawer .bz-mnav-arr{ color:#c3cbd9 !important }

  /* язык — переключателем в строку, а не двумя плитами */
  html body .bzp-drawer .bzp-d-sep{
    font-size:.68rem !important; letter-spacing:.09em !important;
    color:#94a3b8 !important; font-weight:800 !important;
    margin:14px 2px 8px !important; text-transform:uppercase;
  }
  .bzpnav-langrow{
    display:flex; gap:6px; background:#f1f5f9; border-radius:13px; padding:4px;
  }
  html body .bzp-drawer .bzp-d-lang{
    flex:1 1 0; width:auto !important; padding:10px 8px !important;
    border-radius:10px !important; background:transparent !important;
    border:0 !important; color:#5b667c !important;
    font-size:.92rem !important; font-weight:700 !important;
  }
  html body .bzp-drawer .bzp-d-lang.on{
    background:#fff !important; color:#0f172a !important;
    box-shadow:0 1px 3px rgba(15,23,42,.12) !important;
  }

  /* низ панели: главное действие и вход */
  .bzpnav-foot{
    flex:0 0 auto; display:flex; flex-direction:column; gap:9px;
    padding-top:14px; margin-top:6px;
    border-top:1px solid rgba(15,23,42,.08);
  }
  html body .bzp-drawer .bzpnav-foot a{
    width:100%; padding:14px 16px !important; border-radius:14px !important;
    font-size:.98rem !important; font-weight:800 !important;
  }
  .bzp-drawer .bzp-d-register{ box-shadow:0 8px 20px -6px rgba(37,99,235,.5) !important }
}

/* ── 3. «Заказать сайт» в подвале — обычной ссылкой ──────────────────
   Вид ссылка берёт у соседних Telegram и WhatsApp: она их копия, поэтому
   отдельного оформления почти не нужно — только лёгкая обводка. */
.bzp-forder{ opacity:.95 }
.bzp-forder:hover{ opacity:1 }

/* ── 4. старая буква-логотип уступает место настоящей иконке ──────────── */
/* Буква «B» осталась в подвале, в запасной шапке и на странице заказа сайта.
   Меняем через стили: правка одна, а действует на всех страницах сразу. */
.site-footer .mlogo,
.site-header .logo-mark,
.brand .logo,
.topbar .logo,
.hdr .logo .bx,
.foot .fl .bx,
.bzp-rf2-logo{
  background:url('/static/pwa/icon-192.png?v=20260730') center/cover no-repeat !important;
  color:transparent !important; text-indent:-9999px; overflow:hidden;
  box-shadow:none !important;
}

/* ── 5. заметная кнопка «на главную» на всех страницах ────────────────── */
.bzp-home{
  display:inline-flex; align-items:center; gap:7px; flex:none;
  padding:8px 15px; border-radius:999px; text-decoration:none;
  font-weight:800; font-size:13.5px; white-space:nowrap; color:#fff;
  background:linear-gradient(135deg,#2563eb,#3b5bdb);
  box-shadow:0 6px 16px -5px rgba(37,99,235,.65);
  transition:filter .15s;
}
.bzp-home:hover{ filter:brightness(.92) }   /* фон не трогаем: переход градиент->цвет давал вспышку */
/* Значка у кнопки больше нет; правило оставлено пустым намеренно — если
   где-то в разметке SVG всё же окажется, он не должен вылезать. */
.bzp-home svg{ display:none }
/* Подпись держим явно: на сайте есть блок, который делает текст прозрачным
   и уводит его за экран (превращение элемента в иконку). Стоит ему задеть
   кнопку — и она станет пустой синей капсулой. */
.bzp-home, .bzp-home span{
  color:#fff !important; text-indent:0 !important; overflow:visible !important;
}
.bzp-home span{ display:inline !important; opacity:1 !important; visibility:visible !important }
@media (max-width:520px){
  /* Подпись оставляем: кнопка должна быть заметной, а не загадочным домиком. */
  .bzp-home{ padding:8px 13px; font-size:13px }
}

/* ── 6. подвал SEO-страниц — как на главной ───────────────────────────── */
.site-footer.mega{
  background:#0f1730;
  color:#cbd5e1 !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
}
.site-footer.mega a{ color:#cbd5e1 !important }
.site-footer.mega a:hover{ color:#fff !important }
.site-footer.mega h4{ color:#fff !important }
.site-footer.mega .mname{ color:#fff !important }
.site-footer.mega .mtag,
.site-footer.mega .mfoot-bottom,
.site-footer.mega small{ color:#94a3b8 !important }
.site-footer.mega .mcontacts a{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.14) !important; color:#e2e8f0 !important;
}
.site-footer.mega .mfoot-col a{ opacity:.92 }
.site-footer.mega hr,
.site-footer.mega .mfoot-sep{ border-color:rgba(255,255,255,.10) !important }


/* ── 8. полноценный подвал там, где была одна строка ──────────────────── */
.bzp-rf2{
  /* Фон обязателен здесь: блок стоит НАД однострочным подвалом, на светлой
     странице. Без него светлые ссылки ложились на белое и не читались. */
  background:#0f1730;
  border-top:1px solid rgba(255,255,255,.06);
  display:grid; grid-template-columns:1.5fr repeat(4,1fr); gap:34px 26px;
  padding:52px max(22px,calc((100% - 1180px)/2)) 30px;
  color:#cbd5e1; font-size:.92rem;
}
.bzp-rf2-brand{ display:flex; gap:13px; align-items:flex-start }
.bzp-rf2-logo{ width:42px; height:42px; border-radius:12px; flex:none }
.bzp-rf2-name{ font-weight:800; font-size:1.12rem; color:#fff; margin-bottom:5px }
.bzp-rf2-tag{ font-size:.85rem; line-height:1.55; color:#94a3b8 }
.bzp-rf2-col{ display:flex; flex-direction:column; gap:9px; min-width:0 }
.bzp-rf2-col h4{
  font-size:.74rem; letter-spacing:.09em; text-transform:uppercase;
  color:#fff; font-weight:800; margin:0 0 4px;
}
.bzp-rf2-col a{ color:#cbd5e1; text-decoration:none; font-size:.9rem; line-height:1.5 }
.bzp-rf2-col a:hover{ color:#fff }
/* сама страница: фон под подвалом — тот же, что на главной */
footer.foot{
  background:#0f1730;
  color:#94a3b8 !important; border-top:1px solid rgba(255,255,255,.08) !important;
}
footer.foot a{ color:#cbd5e1 !important }
footer.foot a:hover{ color:#fff !important }
.bzp-rf2 + footer.foot{ border-top:1px solid rgba(255,255,255,.08) !important }
body:has(.bzp-rf2) footer.foot{ padding-top:14px }
@media (max-width:980px){
  .bzp-rf2{ grid-template-columns:1fr 1fr; gap:26px 20px; padding:38px 18px 22px }
  .bzp-rf2-brand{ grid-column:1/-1 }
}
@media (max-width:560px){
  .bzp-rf2{ grid-template-columns:1fr 1fr; padding:32px 16px 18px }
}


/* ── 9. на широком экране разделы и так в шапке — бургер там не нужен ── */
@media (min-width:901px){
  html body .hdr .bzp-burger,
  html body .nhd .bzp-burger,
  html body .site-header .header-actions .bzp-burger,
  /* B-navburger 2026-07-31: на лендинге и на странице приложения кнопки
     шапки лежат в .nav-right, а не в .header-actions — селектор проходил
     мимо, и бургер оставался висеть рядом с обычным меню на компьютере. */
  html body .site-header .nav-right .bzp-burger{ display:none !important }
  html body .bzp-drawer,
  html body .bzp-drawer-backdrop{ display:none !important }
}


/* ── 10. шапка на телефоне: ряд кнопок не должен быть шире самой шапки ──
   С добавлением кнопки «на главную» в ряду стало четыре элемента, и он
   перестал помещаться — страницу уводило вбок. Убираем из шапки то, что
   и так есть в меню, и ужимаем остальное. */
@media (max-width:720px){
  html body .nhd .ncap,
  html body .hdr .hcap{ gap:8px; min-width:0; overflow:hidden }
  html body .nhd .nact,
  html body .hdr .hact{ gap:7px; min-width:0; flex:0 1 auto }
  html body .nhd .nlang,
  html body .hdr .lang{ display:none }          /* язык живёт в меню */
  html body .nhd .nb1 span,
  html body .hdr .b1 span{ display:none }        /* у Telegram остаётся значок */
  html body .nhd .nb1,
  html body .hdr .b1{ padding:9px 11px }
  html body .bzp-home{ padding:8px 12px; font-size:12.5px }
  html body .nhd .nlogo,
  html body .hdr .logo{ min-width:0; overflow:hidden; white-space:nowrap }
}

/* значок бургера рисуется линиями текущего цвета — без явного цвета
   на части страниц выходил пустой серый квадрат */
html body .bzp-burger{ color:#2563eb }
html body .bzp-burger svg{ display:block; width:20px; height:20px }
html body .bzp-burger .b-line{
  fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round;
}


/* ── 11. слой меню ─────────────────────────────────────────────────────
   Раньше z-index и затемнение задавала таблица стилей главной. На страницах
   из кусков её нет — панель рисовалась под шапкой и содержимым, сквозь неё
   просвечивала страница, а нажатие мимо панели уходило в текст. */
html body .bzp-drawer{ z-index:99990 !important }
html body .bzp-drawer-backdrop{
  position:fixed !important; inset:0 !important; z-index:99989 !important;
  background:rgba(11,16,32,.5) !important;
  backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
  opacity:0; pointer-events:none; transition:opacity .22s;
}
html body .bzp-drawer-backdrop.open{ opacity:1; pointer-events:auto }


/* ── 12. правки после осмотра вживую ──────────────────────────────────── */

/* Telegram в шапке SEO-страниц лишний: он есть в подвале и в блоках «связаться»,
   а в шапке занимал место рядом с кнопкой возврата. */
html body .hdr .b1,
html body .nhd .nb1{ display:none !important }

/* Подпись в нижней полосе подвала осталась тёмной на тёмном — полоса выглядела
   пустой, хотя копирайт в ней был. */
html body footer.foot .fl,
html body footer.foot .fl *{ color:#94a3b8 !important }
html body footer.foot .wrap{ gap:10px 18px }

/* Ссылки подвала на телефоне — в два столбца, как на главной: одним столбцом
   подвал растягивался на несколько экранов. */
@media (max-width:620px){
  html body .site-footer.mega .mfoot-grid{
    display:grid !important; grid-template-columns:1fr 1fr !important;
    gap:22px 18px !important;
  }
  html body .site-footer.mega .mfoot-brand{ grid-column:1 / -1 }
  html body .bzp-rf2{ grid-template-columns:1fr 1fr !important }
  html body .bzp-rf2-brand{ grid-column:1 / -1 }
}


/* ── 13. меню на страницах, где нет стилей главной ────────────────────
   Раньше вид пунктов и кнопок задавала таблица стилей главной. На страницах
   из кусков её нет: стрелка липла к тексту, а «Регистрация» и «Войти» были
   просто чёрным текстом на белом. Описываем всё явно. */
html body .bzp-drawer .bz-mnav-a{
  display:flex !important; align-items:center; justify-content:space-between;
  gap:10px; text-decoration:none;
}
html body .bzp-drawer .bz-mnav-arr{
  flex:none; font-size:1.2rem; line-height:1; font-weight:400; font-style:normal;
}
[dir="rtl"] html body .bzp-drawer .bz-mnav-arr,
html[dir="rtl"] body .bzp-drawer .bz-mnav-arr{ transform:scaleX(-1) }

html body .bzp-drawer .bzpnav-foot .bzp-d-register{
  background:#2563eb !important;
  color:#fff !important; border:0 !important; text-align:center;
  display:flex !important; align-items:center; justify-content:center;
  box-shadow:0 8px 20px -6px rgba(37,99,235,.55) !important;
}
html body .bzp-drawer .bzpnav-foot .bzp-d-login{
  background:#fff !important; color:#2563eb !important;
  border:1.5px solid rgba(37,99,235,.4) !important; text-align:center;
  display:flex !important; align-items:center; justify-content:center;
}

/* ── 14. шапка на телефоне: бургеру нельзя сжиматься ──────────────────
   Он усыхал до 24 px и вплотную прилипал к кнопке. */
html body .bzp-burger{
  flex:0 0 auto !important; min-width:38px !important; min-height:38px !important;
}

@media (max-width:470px){
  /* Логотип, «на главную», вход и бургер вчетвером не помещаются: имя сайта
     обрезалось на «BuzzPos». Вход есть в самом меню — из шапки убираем. */
  html body .site-header .nav-right:has(.bzp-home) .btn-header{ display:none !important }
  html body .site-header .logo,
  html body .hdr .logo,
  html body .nhd .nlogo{ overflow:visible !important; text-overflow:clip !important }
  html body .bzp-home{ padding:8px 12px; font-size:12.5px }
}


/* ── 15. бургер: своё оформление, а не кнопка по умолчанию ────────────
   На страницах из кусков у него не было ни фона, ни рамки, ни скругления —
   браузер рисовал обычную серую кнопку с чёрной рамкой, а линии значка
   вылезали за её край. Описываем всё сами. */
html body .bzp-burger{
  -webkit-appearance:none; appearance:none;
  padding:0 !important; margin:0;
  background:rgba(37,99,235,.10) !important;
  border:1.5px solid rgba(37,99,235,.25) !important;
  border-radius:11px !important;
  color:#2563eb !important;
  display:inline-flex !important; align-items:center !important;
  justify-content:center !important;
  cursor:pointer; line-height:0; font:inherit;
  transition:background .15s, transform .12s;
}
html body .bzp-burger:hover{ background:rgba(37,99,235,.16) !important }
html body .bzp-burger:active{ transform:scale(.94) }
html body .bzp-burger svg{
  width:20px !important; height:20px !important; display:block !important;
}
html body .bzp-burger .b-line{
  fill:none !important; stroke:currentColor !important;
  stroke-width:2.2 !important; stroke-linecap:round !important;
  opacity:1 !important; transform:none !important;
}

/* ── 16. белая полоса над шапкой на телефоне ──────────────────────────
   Safari закрашивает область над содержимым фоном страницы. У главной он
   белый, а сама страница начинается синим — сверху оставалась белая полоса.
   Красим только там, где есть синий первый экран. */
html:has(body .hero){ background:#2748e6 }


/* ── 17. форма заявки под ценой ────────────────────────────────────────
   Тёмно-синяя карточка в палитре сайта: слева — зачем оставлять номер,
   справа — три поля и согласие. На телефоне складывается в один столбец. */
.bzp-lead-sec{ padding:clamp(30px,5vw,58px) clamp(16px,4vw,40px) }
.bzp-lead{
  max-width:1120px; margin:0 auto;
  display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(22px,3vw,44px);
  align-items:center;
  padding:clamp(24px,3.4vw,44px);
  border-radius:clamp(20px,2.4vw,28px);
  /* тот же переход, что у блока активности на главной и у прежнего
     блока «Готовы начать?» — это цвета сайта, а не чужого примера */
  background:#2748e6;
  box-shadow:0 30px 70px -34px rgba(30,60,180,.55);
  color:#eaf0ff;
}
.bzp-lead-l h2{
  font-size:clamp(23px,2.6vw,34px); font-weight:800; line-height:1.18;
  margin:0 0 12px; color:#fff; letter-spacing:-.01em;
}
.bzp-lead-l p{ margin:0 0 16px; font-size:clamp(14.5px,1.1vw,16.5px);
  line-height:1.6; color:rgba(255,255,255,.86) }
.bzp-lead-ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px }
.bzp-lead-ul li{
  position:relative; padding-inline-start:27px;
  font-size:clamp(14px,1vw,15.5px); font-weight:600; color:#fff;
}
.bzp-lead-ul li::before{
  content:''; position:absolute; inset-inline-start:0; top:2px;
  width:18px; height:18px; border-radius:50%;
  background:rgba(255,255,255,.22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat;
}

.bzp-lead-f{ display:grid; gap:10px }
.bzp-lead-i{
  width:100%; box-sizing:border-box;
  padding:14px 16px; border-radius:14px;
  border:1px solid rgba(255,255,255,.14); background:#fff;
  font:inherit; font-size:15.5px; color:#0f172a;
  outline:none; transition:box-shadow .15s, border-color .15s;
}
.bzp-lead-i::placeholder{ color:#8a93a8 }
.bzp-lead-i:focus{ border-color:#5b8cff; box-shadow:0 0 0 3px rgba(91,140,255,.28) }
.bzp-lead-hp{
  position:absolute; width:1px; height:1px; padding:0; border:0; margin:-1px;
  clip:rect(0 0 0 0); clip-path:inset(50%); overflow:hidden;
  white-space:nowrap; opacity:0; pointer-events:none;
}

.bzp-lead-ok{
  display:flex; align-items:flex-start; gap:9px;
  font-size:13px; line-height:1.5; color:rgba(255,255,255,.86); cursor:pointer;
}
.bzp-lead-ok input{ margin-top:2px; width:17px; height:17px; flex:none; accent-color:#3b6ef1 }
.bzp-lead-ok a{ color:#fff; text-decoration:underline }

.bzp-lead-b{
  width:100%; padding:15px 18px; border:0; border-radius:14px; cursor:pointer;
  font:inherit; font-size:15.5px; font-weight:800; color:#2748e6;
  background:#fff;
  box-shadow:0 12px 26px -12px rgba(10,20,60,.55);
  transition:transform .14s, box-shadow .14s, opacity .14s;
}
.bzp-lead-b:hover{ transform:translateY(-1px); box-shadow:0 16px 32px -12px rgba(10,20,60,.7) }
.bzp-lead-b:disabled{ opacity:.6; cursor:default; transform:none }

.bzp-lead-msg{ min-height:18px; font-size:13.5px; color:rgba(255,255,255,.86) }
.bzp-lead-msg.bad{ color:#ffd7d7 }
.bzp-lead-done{
  padding:18px; border-radius:14px; text-align:center;
  background:rgba(255,255,255,.16); color:#fff; font-weight:700; font-size:15.5px;
}

@media (max-width:820px){
  .bzp-lead{ grid-template-columns:1fr; gap:20px; text-align:start }
  .bzp-lead-sec{ padding:26px 14px }
}

/* ─────────────────────────────────────────────────────────────────────────
   18. Главная: старая секция «רוצים להתחיל? / Хотите начать?» под вопросами.
   Она повторяет форму заявки, которая теперь стоит над вопросами, — на
   странице оставляем один призыв. Разметка рисуется скриптом лендинга,
   поэтому убираем стилем, а не из дерева: перерисовка её не вернёт.
   ───────────────────────────────────────────────────────────────────────── */
.contact-cta{ display:none !important }

/* ─────────────────────────────────────────────────────────────────────────
   19. Узкий экран: сетки страниц «из кусков» и ссылки подвала.
   Сетки заданы жёстким числом колонок, поэтому на телефоне карточки уходили
   за край экрана, а страница показывалась уменьшенной. Здесь колонок меньше.
   ───────────────────────────────────────────────────────────────────────── */
@media (max-width:640px){
  .stepgrid, .fit{ grid-template-columns:repeat(2,minmax(0,1fr)) !important }
  .stepgrid > *, .fit > *{ min-width:0 }
  .msm-links{ flex-wrap:wrap !important; justify-content:center; row-gap:10px }
}
@media (max-width:480px){
  .stepgrid, .fit{ grid-template-columns:minmax(0,1fr) !important }
}

/* ─────────────────────────────────────────────────────────────────────────
   20. Языковые плашки в подвале.
   Плашки светлые, а цвет надписи не задан — он наследовался от тёмного
   подвала и приходил почти белым, буквы сливались с плашкой. Задаём цвет
   явно; текущий язык заливаем синим, чтобы его было видно сразу.
   ───────────────────────────────────────────────────────────────────────── */
.site-footer.mega .mfoot-langs a, .mfoot-langs a{ color:#334155 !important }
.site-footer.mega .mfoot-langs a:hover, .mfoot-langs a:hover{ color:#1d4ed8 !important }
.site-footer.mega .mfoot-langs a.active, .mfoot-langs a.active{
  background:#2563eb !important; color:#fff !important;
  border-color:#2563eb !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   21. Соцсети в подвале.
   Ряд стоит на подвалах трёх видов — и на тёмном, и на светлом, поэтому
   цвет значка берём у самого подвала, а фон делаем полупрозрачным. Под
   курсором значок окрашивается в цвет своей сети.
   ───────────────────────────────────────────────────────────────────────── */
.bzp-soc{ display:flex; gap:10px; flex-wrap:wrap; align-items:center;
  padding:18px 0 2px; grid-column:1/-1 }
.bzp-soc-a{ width:38px; height:38px; border-radius:50%; display:inline-grid;
  place-items:center; color:inherit; opacity:.75;
  background:rgba(148,163,184,.16); text-decoration:none;
  transition:background .16s, color .16s, opacity .16s, transform .16s }
.bzp-soc-a svg{ width:19px; height:19px; display:block }
.bzp-soc-a:hover{ opacity:1; color:#fff !important; transform:translateY(-2px) }
.bzp-soc-yt:hover{ background:#ff0000 }
.bzp-soc-ig:hover{ background:linear-gradient(135deg,#f9ce34,#ee2a7b 55%,#6228d7) }
.bzp-soc-tt:hover{ background:#111827 }
.bzp-soc-fb:hover{ background:#1877f2 }
.bzp-soc-li:hover{ background:#0a66c2 }
@media(max-width:560px){ .bzp-soc{ justify-content:center; padding-top:14px } }