/* ============================================================
   header-v2.css — Этап 12: шапка сайта по макету (3 ряда)
   Грузится на всех страницах из header.php.
   Классы .header / .nav_bl / .cat_menu / .main_menu / .mob_menu*
   сохранены — от них зависит существующий JS (sticky, бургер, дропдауны).
   Новая вёрстка отмечена .hdr-v2 — правила scoped, старый CSS перебивается.
   Цвета: #535FA8 / #1B1F3B / #E8912A. Шрифт — как в теме (Manrope/Montserrat).
   ============================================================ */

.hdr-v2, .hdr-top { box-sizing: border-box; }
.hdr-v2 *, .hdr-v2 *::before, .hdr-v2 *::after { box-sizing: border-box; }

/* Бутстраповский .container::before/::after (клирфикс) в flex-контейнере
   становится flex-элементом и добавляет gap ПЕРЕД первым видимым блоком —
   из-за этого ряды шапки не совпадали по левому краю. Убираем. */
.hdr-top__in::before, .hdr-top__in::after,
.header.hdr-v2 .hdr-main::before, .header.hdr-v2 .hdr-main::after,
.nav_bl.hdr-v2 .hdr-cat::before, .nav_bl.hdr-v2 .hdr-cat::after { content: none; display: none; }

/* ============================================================
   [Этап 12] Единая ширина контента сайта — 1660px.
   Бутстраповский .container был 1180px (≥1200) / 1660px (≥1680).
   Делаем 1660 с ≥1200, с бортиком на узких. Шапка и главная
   привязаны к тому же значению.
   [Правки] .gps-card убран из этого списка — карточки товара
   вернулись к своей собственной ширине (1280px, style-r2.css).
   ============================================================ */
@media (min-width: 1200px) {
    .container,
    .mv2__wrap {
        width: 1660px !important;
        max-width: calc(100% - 40px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
.mv2__wrap { padding-left: 15px; padding-right: 15px; }

/* ---------- Ряд 1 — тёмная полоса ---------- */
.hdr-top {
    background: #1B1F3B;
    color: #AEB3C7;
    font-size: 13px;
    line-height: 1.4;
}
.hdr-top__in {
    padding-top: 9px; padding-bottom: 9px;
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.hdr-top__left { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.hdr-top__right { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.hdr-top__right a { color: #E7E9F2; text-decoration: none; }
.hdr-top__right a:hover { color: #E8912A; }

/* ---------- Ряд 2 — белая строка ---------- */
.header.hdr-v2 {
    background: #fff !important;
    border-bottom: 1px solid #E9ECF4;
    position: relative;
    z-index: 60;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: none;
}
.header.hdr-v2 .hdr-main {
    padding-top: 12px; padding-bottom: 12px;
    display: flex; align-items: center; gap: 28px;
    min-height: 0;
}
.header.hdr-v2 .hdr-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; }
.header.hdr-v2 .hdr-logo .logo-wrap {
    display: flex !important; align-items: center; gap: 10px;
    width: auto !important; float: none !important;
}
.header.hdr-v2 .hdr-logo img.logo { height: 40px !important; width: auto !important; float: none !important; display: block; }
.header.hdr-v2 .hdr-logo .logo-wrap span {
    font-size: 11px; line-height: 1.2; color: #6B7290;
    max-width: 128px; white-space: normal !important;
}

.header.hdr-v2 .main_menu.hdr-nav {
    list-style: none; margin: 0; padding: 0;
    display: flex; align-items: center; gap: 26px; flex: 1 1 auto;
}
.header.hdr-v2 .main_menu.hdr-nav > li { margin: 0; }
.header.hdr-v2 .main_menu.hdr-nav > li > a {
    display: inline-block; padding: 8px 0;
    font-size: 15px; font-weight: 700; color: #1B1F3B; text-decoration: none;
}
.header.hdr-v2 .main_menu.hdr-nav > li > a:hover { color: #535FA8; }

.header.hdr-v2 .hdr-actions {
    display: flex; align-items: center; gap: 18px; flex-shrink: 0; text-align: right;
}
.header.hdr-v2 .hdr-phone {
    font-size: 20px; font-weight: 800; color: #1B1F3B; text-decoration: none; white-space: nowrap;
}
.header.hdr-v2 .hdr-actions .show_pop {
    color: #E8912A; font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap;
}
.header.hdr-v2 .hdr-actions .show_pop:hover { color: #cf7d1e; }

.header.hdr-v2 .mob_menu_ic { display: none; }
.header.hdr-v2 .search_btn { display: none; }
/* .mob_search_bl показ/скрытие — из существующего styles.css (класс .active) */

/* ---------- Ряд 3 — синяя строка ---------- */
.nav_bl.hdr-v2 {
    background: #374086 !important;
    position: relative;
    z-index: 55;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    box-shadow: none;
}
.nav_bl.hdr-v2 .hdr-cat {
    padding-top: 10px; padding-bottom: 10px;
    display: flex; align-items: center; gap: 12px;
    position: relative;
}
/* Кнопки «Каталог товаров / запчастей» — оформление берём из существующего
   styles.css (.show_dropdown_t = оранжевая, .show_dropdown_z = белая с синим
   текстом, стрелка ::after). Здесь только раскладка в ряду. */
.nav_bl.hdr-v2 .cat_menu {
    list-style: none; margin: 0 !important; padding: 0 !important;
    display: flex; align-items: stretch; gap: 10px;
    width: auto !important; max-width: none !important; flex-shrink: 0;
    justify-content: flex-start !important; float: none !important;
}
/* [Правки] li — НЕ позиционируем (как в старой теме, .show_dropdown{position:static}).
   Иначе выпадашка «Каталог запчастей» открывается от своей узкой кнопки
   (которая стоит правее первой) и уезжает за правый край экрана. Общий
   якорь — .hdr-cat (position:relative выше), left:0 у дропдауна ниже. */
.nav_bl.hdr-v2 .cat_menu > li { margin: 0; position: static; float: none !important; width: auto !important; padding: 0 !important; }
.nav_bl.hdr-v2 .cat_menu > li.show_dropdown {
    min-width: 190px !important; padding: 12px 22px !important;
    display: flex; align-items: center; justify-content: center; border-radius: 9px;
}
.nav_bl.hdr-v2 .cat_menu > li.show_dropdown .menu_item {
    display: block; text-align: center; white-space: nowrap;
    font-size: 13px; font-weight: 800; letter-spacing: .3px; text-transform: uppercase;
}

/* поиск — тянется на всю оставшуюся ширину ряда */
.nav_bl.hdr-v2 .hdr-cat > br { display: none; }
.nav_bl.hdr-v2 .search_bl {
    flex: 1 1 0% !important;
    width: auto !important; max-width: none !important; min-width: 0;
    margin: 0 !important; float: none !important; position: static !important;
}
.nav_bl.hdr-v2 .search_bl form { display: flex; align-items: stretch; gap: 0; width: 100%; }
.nav_bl.hdr-v2 .search_bl .search_inp {
    flex: 1 1 auto !important; width: auto !important; max-width: none !important;
    margin: 0 !important; float: none !important;
}
.nav_bl.hdr-v2 .search_bl input.simple_inp {
    width: 100%; height: 46px; box-sizing: border-box;
    border: 0; border-radius: 9px 0 0 9px;
    padding: 0 16px; font-size: 14px; color: #1B1F3B; background: #fff;
    font-family: inherit;
}
.nav_bl.hdr-v2 .search_bl input.simple_inp:focus { outline: none; }
.nav_bl.hdr-v2 .search_bl button.o_btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    flex-shrink: 0; min-width: 0 !important; width: auto !important; float: none !important;
    height: 46px; padding: 0 24px; border: 0; border-radius: 0 9px 9px 0;
    background: #1B1F3B !important; color: #fff; font-size: 14px; font-weight: 800; cursor: pointer;
    text-transform: uppercase; letter-spacing: .3px; font-family: inherit;
}
.nav_bl.hdr-v2 .search_bl button.o_btn:hover { background: #12162b; }
.nav_bl.hdr-v2 .search_bl button.o_btn svg { width: 18px; height: 18px; }
.nav_bl.hdr-v2 .search_bl .close_search { display: none; }

/* дропдауны каталога — контейнер оставляем как в старом CSS, только позиционируем */
.nav_bl.hdr-v2 .cat_menu > li > .dropdown_bl.cat_dropdown {
    position: absolute; left: 0; top: calc(100% + 8px); z-index: 200;
    display: none;
}
.nav_bl.hdr-v2 .cat_menu > li.active > .dropdown_bl.cat_dropdown { display: block; }

/* sticky (JS вешает .fixed на .nav_bl при скролле) */
.nav_bl.hdr-v2.fixed {
    position: fixed; top: 0; left: 0; right: 0; width: 100%;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

/* оверлей за дропдауном */
.top_shadow_bl.active { position: fixed; inset: 0; background: rgba(11,15,30,.45); z-index: 50; }

/* ============================================================
   Адаптив
   ============================================================ */
@media (max-width: 1200px) {
    .header.hdr-v2 .hdr-main { gap: 16px; flex-wrap: wrap; }
    .header.hdr-v2 .main_menu.hdr-nav { display: none; } /* JS переносит в .mob_menu */
    .header.hdr-v2 .mob_menu_ic {
        display: flex; flex-direction: column; justify-content: center; gap: 4px;
        width: 40px; height: 40px; cursor: pointer; order: -1;
    }
    .header.hdr-v2 .mob_menu_ic i { display: block; height: 2px; background: #1B1F3B; border-radius: 2px; }
    .header.hdr-v2 .hdr-logo { flex: 1 1 auto; }
    .header.hdr-v2 .hdr-actions { gap: 12px; }
    .header.hdr-v2 .hdr-phone { font-size: 17px; }
    .header.hdr-v2 .search_btn { display: block; width: 40px; height: 40px; cursor: pointer; }
    /* [Этап 12] Мобильная шапка в одну строку: логотип | телефон | поиск | меню.
       Старый styles.css ставит .search_btn и .mob_menu_ic абсолютно (right:72/110px, right:15px) — они перекрывали телефон. */
    .header.hdr-v2 .hdr-main { flex-wrap: nowrap; gap: 12px; }
    .header.hdr-v2 .hdr-logo { order: 0; flex: 1 1 0; min-width: 0; }
    .header.hdr-v2 .hdr-actions { order: 1; }
    .header.hdr-v2 .search_btn,
    .header.hdr-v2 .mob_menu_ic { position: relative; top: auto; right: auto; left: auto; flex: 0 0 auto; }
    .header.hdr-v2 .search_btn { order: 2; width: 30px; height: 30px; }
    .header.hdr-v2 .mob_menu_ic { order: 3; display: block; width: 30px; height: 26px; }

    /* Мобильное меню (бургер): .mob_menu стоит сразу под белой шапкой и раскрывается в потоке страницы.
       Старый styles.css клал его абсолютно на top:124px — под синий блок «Каталог», из-за чего пункты не были видны. */
    body .mob_menu { position: relative; top: auto; left: auto; height: auto; overflow: visible; z-index: 60; }
    body .mob_menu.active { background: #fff; border-bottom: 1px solid #e3e5ef; box-shadow: 0 12px 24px rgba(27,31,59,.12); }
    body .mob_menu.active { display: flow-root; }
    .mob_menu .main_menu { float: none; width: 100%; list-style: none; margin: 0; padding: 6px 0; }
    .mob_menu .main_menu > li { float: none; width: 100%; display: block; margin: 0; border-bottom: 1px solid #eef0f6; }
    .mob_menu .main_menu > li:last-child { border-bottom: 0; }
    .mob_menu .main_menu > li > a { display: block; padding: 15px 20px; font-size: 17px; font-weight: 700; color: #1B1F3B; text-decoration: none; }
    .mob_menu .main_menu > li > a:active { background: #f3f4fa; }
}
@media (max-width: 900px) {
    /* [Визуал] На ширинах ~755–810px (между sm и md) бутстраповский .container чуть шире своего родителя
       (сам .container трогать рискованно — используется по всему сайту на всех брейкпоинтах) и вылезает
       через .header/.nav_bl/.footer/.botfooter и (на /brendy/) .mv2-svc с каруселью брендов, из-за чего
       у страницы появляется горизонтальная прокрутка. Обрезаем на уровне этих полноширинных обёрток —
       раскладку и отступы не меняет, просто клип. */
    .header.hdr-v2, .nav_bl.hdr-v2, .footer.b_b_bl, .botfooter, .mv2.mv2-svc { overflow-x: hidden; }
    .hdr-top__hours { display: none; }
    .nav_bl.hdr-v2 .hdr-cat { display: block; }
    .nav_bl.hdr-v2 .cat_menu { width: 100% !important; gap: 10px; }
    .nav_bl.hdr-v2 .cat_menu > li.show_dropdown { flex: 1 1 0; min-width: 0 !important; padding: 12px 10px !important; }
    .nav_bl.hdr-v2 .hdr-cat { flex-wrap: wrap; }
    .nav_bl.hdr-v2 .cat_menu { width: 100%; }
    .nav_bl.hdr-v2 .cat_menu > li { flex: 1 1 auto; }
    .nav_bl.hdr-v2 .cat_menu > li > .menu_item { width: 100%; justify-content: center; padding: 11px 14px; font-size: 13px; }
    .nav_bl.hdr-v2 .search_bl { width: 100%; flex-basis: 100%; }
}
@media (max-width: 768px) {
    .hdr-top { display: none; }
    .header.hdr-v2 .hdr-actions .show_pop { display: none; }
    .header.hdr-v2 .hdr-logo .logo-wrap span { display: none; }
    .header.hdr-v2 .hdr-logo img.logo { height: 36px; }
}
@media (max-width: 768px) {
    /* липкая панель «Каталог» при прокрутке — компактнее, не съедает экран */
    .nav_bl.hdr-v2.fixed .hdr-cat { padding-top: 6px; padding-bottom: 6px; }
    .nav_bl.hdr-v2.fixed .cat_menu > li.show_dropdown { padding-top: 8px !important; padding-bottom: 8px !important; }
}
@media (max-width: 480px) {
    .header.hdr-v2 .hdr-main { gap: 8px; }
    .header.hdr-v2 .hdr-phone { font-size: 15px; }
    .header.hdr-v2 .hdr-actions { gap: 8px; }
    .header.hdr-v2 .hdr-logo { flex: 0 1 auto; }
    .header.hdr-v2 .hdr-logo img.logo { height: 26px !important; width: auto !important; }
    .nav_bl.hdr-v2 .cat_menu { flex-direction: row; gap: 8px; }
    .nav_bl.hdr-v2 .cat_menu > li.show_dropdown { padding: 12px 6px !important; }
    .nav_bl.hdr-v2 .cat_menu > li.show_dropdown .menu_item { font-size: 12px; letter-spacing: 0; white-space: normal; line-height: 1.25; }
    .nav_bl.hdr-v2 .search_bl button.o_btn span { display: none; }
    .nav_bl.hdr-v2 .search_bl button.o_btn { padding: 0 16px; }
}

@media (max-width: 380px) {
    .header.hdr-v2 .hdr-phone { font-size: 14px; }
    .header.hdr-v2 .hdr-logo img.logo { height: 22px !important; }
}

/* [Визуал 28.09] /brendy/: буквенная навигация A-Z (.letter-title__body) сама скроллится (overflow:auto),
   но на планшете (~768px) её содержимое шире контейнера, и переполнение протекает на всю страницу —
   появляется горизонтальная прокрутка у body. min-width:0 — стандартный фикс, чтобы flex-контейнер не
   отказывался сжиматься до ширины родителя; overflow-x:hidden на обёртке — подстраховка. */
.brand__letter.letter-title { overflow-x: hidden; }
.letter-title__body { min-width: 0; }

/* ============================================================
   [Этап 12] Куки-уведомление
   ============================================================ */
.mv2-cookie {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000;
    background: #1B1F3B; color: #E7E9F2;
    box-shadow: 0 -8px 30px rgba(0,0,0,.25);
}
.mv2-cookie__in {
    max-width: 1660px; margin: 0 auto; padding: 14px 20px;
    display: flex; align-items: center; gap: 20px;
}
.mv2-cookie__text { font-size: 13px; line-height: 1.5; flex: 1 1 auto; }
.mv2-cookie__text a { color: #E8912A; }
.mv2-cookie__btn {
    flex-shrink: 0; background: #E8912A; color: #fff; border: 0;
    font-weight: 700; font-size: 14px; padding: 12px 24px; border-radius: 9px; cursor: pointer;
    font-family: inherit;
}
.mv2-cookie__btn:hover { background: #d17f1e; }
.mv2-cookie__btns { display: flex; gap: 10px; flex-shrink: 0; }
.mv2-cookie__btns[hidden] { display: none; }
/* «Отказаться» — такая же кнопка, контурная (выбор должен быть равнозначным) */
.mv2-cookie__btn--no { background: transparent; color: #E7E9F2; box-shadow: inset 0 0 0 1px #E7E9F2; }
.mv2-cookie__btn--no:hover { background: rgba(255,255,255,.08); }
@media (max-width: 600px) {
    .mv2-cookie__in { flex-direction: column; align-items: stretch; gap: 12px; padding: 14px 16px; }
    .mv2-cookie__btns { width: 100%; }
    .mv2-cookie__btn { flex: 1 1 0; }
}

/* ============================================================
   [Этап 12] Футер — блок «К оплате принимаем» (include_areas/frompay.php)
   ============================================================ */
.botfooter__item_big .gps-pay {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px;
}
.gps-pay__title {
    font-size: 13px; font-weight: 700; color: #fff;
    letter-spacing: .2px; white-space: nowrap;
}
.gps-pay__list {
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-wrap: wrap; gap: 8px;
}
.gps-pay__chip {
    display: inline-flex; align-items: center; gap: 7px;
    height: 30px; padding: 0 12px;
    border-radius: 8px;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.16);
    color: #EDEEF6; font-size: 12px; font-weight: 600;
    line-height: 1; white-space: nowrap;
}
.gps-pay__chip svg { display: block; flex-shrink: 0; }
.gps-pay__chip b { font-weight: 800; letter-spacing: .3px; }
.gps-pay__dot {
    width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
}
.gps-pay__chip--mir b { color: #4DB45E; }
.gps-pay__chip--sbp .gps-pay__dot {
    background: linear-gradient(135deg, #1A1A88 0%, #E4002B 50%, #FFB800 100%);
}
@media (max-width: 900px) {
    .gps-pay__title { flex: 1 0 100%; }
}

/* [Правки] Стрелка «наверх» не должна перекрываться плавающей кнопкой чата (Битрикс24, справа снизу): поднимаем над ней. */
.scrollTop { right: 24px !important; bottom: 118px !important; width: 46px !important; height: 46px !important; }

/* Мобильная шапка (≤768). Логотип — одна картинка: слово «ГазПрофСервис» занимает её верхнюю часть (центр на ~27% высоты), значок — почти всю высоту.
   Чтобы и слово, и значок стояли по центру строки с телефоном, картинку делим: слово (клип справа от значка) сдвигаем вниз на разницу до 50%,
   а значок рисуем отдельно (::before с той же картинкой, обрезанной по ширине значка) — на своём месте.
   Поиск и бургер — у правого края контента (на ≤480 логотип не растягивается, из-за чего они висели левее), поиск чуть дальше от бургера. */
@media (max-width: 768px) {
    .header.hdr-v2 .hdr-logo .logo-wrap { position: relative; }
    .header.hdr-v2 .hdr-logo .logo-wrap::before {
        content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 14.5%;
        background: url('/images/logo.svg') no-repeat left top / auto 100%;
    }
    .header.hdr-v2 .hdr-logo img.logo { clip-path: inset(0 0 0 14.5%); transform: translateY(22.9%); }
    .header.hdr-v2 .search_btn { margin-left: auto; margin-right: 6px; }
    /* Телефон: шрифт «Montserrat, sans-serif» на сайте не подгружается — вид цифр зависел от установленных у посетителя шрифтов и «плавал» относительно слова; берём загружаемый Manrope */
    .header.hdr-v2 .hdr-phone { font-family: Manrope, sans-serif; }
}

/* ============================================================
   Бургер-меню (≤1200): фирменная «таблетка» — три штриха разной длины, средний — оранжевый акцент;
   при открытии (.active) таблетка становится синей (как активная вкладка), штрихи складываются в белый крестик.
   Перекрывает старые правила .mob_menu_ic i из styles-v2.css (абсолютные штрихи, поворот двух линий).
   ============================================================ */
@media (max-width: 1200px) {
    .header.hdr-v2 .mob_menu_ic {
        position: relative; display: block; flex: 0 0 auto; width: 40px; height: 40px;
        border-radius: 12px; background: #F3F4FA; cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: background-color .3s ease, transform .15s ease;
    }
    .header.hdr-v2 .mob_menu_ic:active { transform: scale(.93); }
    .header.hdr-v2 .mob_menu_ic i {
        position: absolute; left: 9px; display: block; height: 2.5px; margin: 0;
        border-radius: 2px; background: #1B1F3B; opacity: 1;
        transform-origin: center;
        transition: transform .35s cubic-bezier(.65, -.3, .3, 1.3), width .25s ease, left .25s ease, opacity .2s ease, background-color .25s ease;
    }
    .header.hdr-v2 .mob_menu_ic i:nth-child(1) { top: 12px; width: 22px; }
    .header.hdr-v2 .mob_menu_ic i:nth-child(2) { top: 19px; width: 15px; background: #E8912A; }
    .header.hdr-v2 .mob_menu_ic i:nth-child(3) { top: 26px; width: 19px; }
    /* открыто */
    .header.hdr-v2 .mob_menu_ic.active { background: #535FA8; }
    .header.hdr-v2 .mob_menu_ic.active i { background: #fff; }
    .header.hdr-v2 .mob_menu_ic.active i:nth-child(1) { top: 12px; width: 22px; transform: translateY(7px) rotate(45deg); }
    .header.hdr-v2 .mob_menu_ic.active i:nth-child(2) { display: block; width: 0; left: 20px; opacity: 0; }
    .header.hdr-v2 .mob_menu_ic.active i:nth-child(3) { top: 26px; width: 22px; transform: translateY(-7px) rotate(-45deg); }
}
@media (max-width: 1200px) and (prefers-reduced-motion: reduce) {
    .header.hdr-v2 .mob_menu_ic, .header.hdr-v2 .mob_menu_ic i { transition: none; }
}

/* ============================================================
   Кнопка «Наверх» — яркая круглая (оранжевая, белая стрелка, тень), вместо полупрозрачной серой стрелки (opacity .4)
   ============================================================ */
.scrollTop {
    background: #E8912A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E") center / 24px no-repeat !important;
    border-radius: 50% !important; opacity: 1 !important;
    box-shadow: 0 6px 18px rgba(27, 31, 59, .30);
    transition: transform .15s ease, box-shadow .15s ease;
}
.scrollTop:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(27, 31, 59, .36); }

/* ============================================================
   Мобильная версия (≤768): футер и плавающие кнопки
   ============================================================ */
@media (max-width: 768px) {
    /* Телефон в футере: между линиями было ~133 px из-за отступов 43+20 — оставляем только небольшой отступ (16 px даёт сама линия) */
    .bot_cont .nav_cont_bl { margin-top: 0; margin-bottom: 5px; }

    /* Тёмная нижняя часть («© 2014–2026», политика, «К оплате принимаем»): по левому краю контента (15 px), как весь остальной текст футера;
       снизу — запас под плавающие кнопки, чтобы они не перекрывали последние строки */
    .botfooter { padding: 23px 15px 96px; }
    .botfooter__container { justify-content: flex-start; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; }
    .botfooter__item, .botfooter__item_big { flex: 1 1 100%; max-width: 100%; }

    /* Плавающие кнопки — одним рядом в правом нижнем углу: чат Битрикс24 у края, «Наверх» левее (центры на одной высоте) — так они занимают только нижние ~75 px */
    .b24-widget-button-wrapper.b24-widget-button-position-bottom-right { right: 14px !important; bottom: 14px !important; }
    .scrollTop { right: 86px !important; bottom: 25px !important; width: 44px !important; height: 44px !important; }
}