/* ============================================================
   BelKarier — Global CSS
   Подключить: <link rel="stylesheet" href="/templates/.../.../belkarier-global.css">
   ============================================================ */

/* ── СБРОС BOX-SIZING ── */
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; }
body { overflow-x: hidden; }
img, video, svg, table { max-width: 100%; }

/* ── ПЕРЕБИВАЕМ T4: убираем лишние отступы шаблона ── */
#t4-main-body.t4-main-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.item-page [itemprop="articleBody"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#t4-main-body .t4-section-inner.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}
#t4-main-body .t4-row.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#t4-main-body .t4-row.row > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ── ПЕРЕМЕННЫЕ ── */
:root {
  --or:       #E8700A;
  --or-d:     #c45e08;
  --navy:     #1C3A5E;
  --text:     #1a1a1a;
  --muted:    #6b7280;
  --light:    #f8f7f4;
  --border:   #e8e5df;
  --white:    #ffffff;
  --ff-head:  'Montserrat', sans-serif;
  --ff-body:  'Inter', sans-serif;
  --accent:   var(--or);
  --bg-white: var(--white);
}

/* ── ЛОГОТИП ── */
.navbar-brand img.logo-img,
.logo-image .logo-img {
  width: auto !important;
  height: 52px !important;
  max-height: 52px !important;
}
@media (min-width: 1024px) {
  .navbar-brand img.logo-img,
  .logo-image .logo-img {
    height: 60px !important;
    max-height: 60px !important;
  }
}

/* ── НАВИГАЦИЯ (шапка) ── */
.navbar-nav.level0 {
  gap: 0 !important;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.navbar-nav.level0 > .nav-item > .nav-link {
  font-size: 13px !important;
  padding: 8px 10px !important;
  white-space: nowrap;
}
.navbar-nav.level0 > .nav-item > .nav-link .menu-item-title {
  font-size: 13px;
}
#t4-header .header-block .container-xxl {
  max-width: 1400px;
}
@media (max-width: 1200px) {
  .navbar-nav.level0 > .nav-item > .nav-link {
    font-size: 12px !important;
    padding: 8px 7px !important;
  }
}

/* ── ХЕДЕР: перебиваем inline-стили модуля bk-hdr-contact ── */
.bk-hdr-contact {
  gap: 10px !important;
  margin-right: 0 !important;
  padding: 6px 8px 6px 6px !important;
}
.bk-hdr-contact__icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
}
.bk-hdr-contact__icon svg {
  width: 14px !important;
  height: 14px !important;
}
.bk-hdr-contact__top {
  font-size: 9px !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 2px !important;
}
.bk-hdr-contact__number {
  font-size: 15px !important;
}
.bk-hdr-contact__phone {
  gap: 8px !important;
}
.bk-hdr-contact__btn {
  padding: 7px 14px !important;
  font-size: 12px !important;
}

/* ── ХЕДЕР: модуль телефона (позиция header-r) ── */
.bk-hdr-phone {
  display: flex;
  align-items: center;
  gap: 14px;
}
.bk-hdr-phone__num {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: var(--text);
  transition: color .15s;
}
.bk-hdr-phone__num:hover { color: var(--or); }
.bk-hdr-phone__icon {
  width: 30px; height: 30px;
  background: var(--or);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.bk-hdr-phone__icon svg { width: 14px; height: 14px; fill: #fff; }
.bk-hdr-phone__label { font-size: 9px; color: #9ca3af; line-height: 1; margin-bottom: 1px; letter-spacing: 0.5px; }
.bk-hdr-phone__digits { font-size: 15px; font-weight: 700; letter-spacing: -0.3px; line-height: 1; color: var(--text); }
.bk-hdr-phone__num:hover .bk-hdr-phone__digits { color: var(--or); }
.bk-hdr-phone__cta {
  display: inline-block;
  padding: 7px 14px;
  background: var(--or);
  color: #fff;
  font-size: 12px; font-weight: 700;
  text-decoration: none;
  border-radius: 3px;
  white-space: nowrap;
  transition: background .15s;
}
.bk-hdr-phone__cta:hover { background: var(--or-d); color: #fff; }

/* ── ФУТЕР ── */

/* ── ОБЩИЕ ЭЛЕМЕНТЫ СТРАНИЦ ── */

/* Хлебные крошки */
.bk-breadcrumb { font-size: 12px; color: var(--muted); margin-bottom: 10px; }
.bk-breadcrumb a { color: var(--muted); text-decoration: none; }
.bk-breadcrumb a:hover { color: var(--or); }
.bk-breadcrumb span { margin: 0 6px; }

/* Бейдж */
.bk-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: #fff7f0; border: 1px solid #fcd5b4;
  color: var(--or); font-size: 11px; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  padding: 5px 12px; border-radius: 2px; margin-bottom: 12px;
}
.bk-badge__dot { width: 6px; height: 6px; background: var(--or); border-radius: 50%; }

/* Заголовок секции */
.bk-sh { display: flex; align-items: center; gap: 0; margin-bottom: 28px; }
.bk-sh__accent { width: 4px; height: 28px; background: var(--or); margin-right: 14px; flex-shrink: 0; }
.bk-sh__title { font-family: var(--ff-head); font-size: clamp(20px, 2.5vw, 26px); font-weight: 800; color: var(--text); letter-spacing: -0.3px; }

/* Кнопки */
.bk-btn {
  display: inline-block;
  padding: 13px 24px;
  font-family: var(--ff-head); font-size: 14px; font-weight: 700;
  text-decoration: none; cursor: pointer; border: none;
  transition: background .15s, border-color .15s, color .15s;
}
.bk-btn--primary { background: var(--or); color: #fff; }
.bk-btn--primary:hover { background: var(--or-d); color: #fff; }
.bk-btn--ghost { border: 2px solid var(--border); color: var(--navy); background: var(--white); }
.bk-btn--ghost:hover { border-color: var(--or); color: var(--or); }
.bk-btn--sm { padding: 9px 18px; font-size: 13px; }

/* ── HERO СТРАНИЦ ── */
.bk-hero,
section.bk-hero {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  padding: 28px 24px 48px !important;
  padding-top: 28px !important;
}
.bk-hero__inner {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 420px;
  gap: 56px; align-items: start;
}
.bk-hero h1 {
  font-family: var(--ff-head);
  font-size: clamp(32px, 4vw, 46px);
  font-weight: 800; line-height: 1.1;
  letter-spacing: -0.5px; color: var(--text);
  margin-bottom: 12px;
}
.bk-hero h1 em { color: var(--or); font-style: normal; }
.bk-hero__lead { font-size: 16px; color: var(--muted); line-height: 1.7; margin-bottom: 20px; max-width: 480px; }
.bk-hero__btns { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 28px; }

/* Характеристики в hero */
.bk-specs { display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 4px; }
.bk-spec { display: flex; flex-direction: column; gap: 2px; }
.bk-spec__val { font-family: var(--ff-head); font-size: 22px; font-weight: 800; color: var(--or); line-height: 1; }
.bk-spec__label { font-size: 12px; color: var(--muted); }

/* ── ФОРМА В HERO ── */
.bk-form-card {
  background: var(--white); border: 1px solid var(--border);
  border-top: 4px solid var(--or); padding: 32px 28px;
}
.bk-form-card__title { font-family: var(--ff-head); font-size: 18px; font-weight: 800; color: var(--text); margin-bottom: 4px; }
.bk-form-card__sub { font-size: 13px; color: var(--muted); margin-bottom: 20px; }
.bk-form__row { margin-bottom: 12px; }
.bk-form__label {
  display: block; font-size: 11px; font-weight: 700;
  letter-spacing: 0.5px; text-transform: uppercase;
  color: #9ca3af; margin-bottom: 5px;
}
.bk-form__input,
.bk-form__select {
  width: 100%; padding: 10px 14px;
  border: 1.5px solid var(--border); background: var(--light);
  font-family: var(--ff-body); font-size: 15px; color: var(--text);
  border-radius: 3px; outline: none; appearance: none;
  transition: border-color .15s, background .15s;
}
.bk-form__input:focus,
.bk-form__select:focus { border-color: var(--or); background: var(--white); }
.bk-form__input::placeholder { color: #c4c4c4; }
.bk-form__select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23bbb' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
  background-size: 12px; cursor: pointer; padding-right: 38px;
}
.bk-form__hint {
  display: none; font-size: 13px; color: var(--or); font-weight: 700;
  margin-bottom: 12px; padding: 8px 14px;
  background: #fff7f0; border: 1px solid #fcd5b4; border-radius: 3px;
}
.bk-form__hint.visible { display: block; }
.bk-form__btn {
  width: 100%; background: var(--or); color: #fff;
  font-family: var(--ff-head); font-size: 15px; font-weight: 700;
  padding: 14px; border: none; border-radius: 3px;
  cursor: pointer; transition: background .15s;
}
.bk-form__btn:hover { background: var(--or-d); }
.bk-form__note { font-size: 11px; color: #ccc; text-align: center; margin-top: 8px; }

/* ── СЕКЦИИ ── */
.bk-section { padding: 40px 24px; border-bottom: 1px solid var(--border); }
.bk-section--white { background: var(--white); }
.bk-section--light { background: var(--light); }
.bk-section__inner { max-width: 1200px; margin: 0 auto; }

/* ── КАЛЬКУЛЯТОР ── */
.bk-calc-widget {
  background: var(--white); border: 1px solid var(--border); padding: 28px;
  display: grid; grid-template-columns: 1fr 1fr auto;
  gap: 16px; align-items: end; margin-top: 24px;
}
.bk-calc-widget__label { font-size: 11px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: #9ca3af; margin-bottom: 6px; }
.bk-calc-widget__input {
  width: 100%; padding: 12px 14px;
  border: 1.5px solid var(--border); background: var(--light);
  font-size: 16px; font-family: var(--ff-body); font-weight: 600; color: var(--text);
  border-radius: 3px; outline: none; transition: border-color .15s;
}
.bk-calc-widget__input:focus { border-color: var(--or); background: var(--white); }
.bk-calc-widget__btn {
  padding: 12px 24px; background: var(--or); color: #fff;
  font-family: var(--ff-head); font-weight: 700; font-size: 14px;
  border: none; border-radius: 3px; cursor: pointer;
  white-space: nowrap; transition: background .15s;
}
.bk-calc-widget__btn:hover { background: var(--or-d); }
.bk-calc-result {
  display: none; margin-top: 16px; padding: 20px 24px;
  background: #fff7f0; border: 1px solid #fcd5b4; border-radius: 3px;
  grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.bk-calc-result.visible { display: grid; }
.bk-calc-result__val { font-family: var(--ff-head); font-size: 24px; font-weight: 800; color: var(--or); }
.bk-calc-result__label { font-size: 12px; color: var(--muted); margin-top: 3px; }

/* ── КАРТОЧКИ ПРИМЕНЕНИЯ ── */
.bk-usage-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 1px; background: var(--border);
  border: 1px solid var(--border); margin-top: 28px;
}
.bk-use-item { background: var(--white); padding: 24px 20px; }
.bk-use-item__icon { font-size: 28px; margin-bottom: 12px; }
.bk-use-item__title { font-family: var(--ff-head); font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 6px; }
.bk-use-item__desc { font-size: 13px; color: var(--muted); line-height: 1.6; }

/* ── ТАБЛИЦА ХАРАКТЕРИСТИК ── */
.bk-chars-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 40px; align-items: start; margin-top: 28px;
}
.bk-table { width: 100%; border-collapse: collapse; }
.bk-table tr { border-bottom: 1px solid var(--border); }
.bk-table tr:last-child { border-bottom: none; }
.bk-table td { padding: 12px 0; font-size: 14px; line-height: 1.5; }
.bk-table td:first-child { color: var(--muted); width: 55%; }
.bk-table td:last-child { color: var(--text); font-weight: 600; }

/* Блок ГОСТ */
.bk-gost { background: var(--light); border: 1px solid var(--border); padding: 24px; }
.bk-gost__title {
  font-family: var(--ff-head); font-size: 16px; font-weight: 700;
  color: var(--text); margin-bottom: 12px;
  display: flex; align-items: center; gap: 10px;
}
.bk-gost__title::before { content: ''; display: block; width: 4px; height: 20px; background: var(--or); flex-shrink: 0; }
.bk-gost__text { font-size: 14px; color: var(--muted); line-height: 1.7; }
.bk-gost__text + .bk-gost__text { margin-top: 10px; }

/* ── ТАБЛИЦА СРАВНЕНИЯ ── */
.bk-compare-table { width: 100%; border-collapse: collapse; margin-top: 24px; }
.bk-compare-table th {
  padding: 12px 16px; text-align: left;
  font-size: 12px; font-weight: 700; letter-spacing: 1px;
  text-transform: uppercase; color: var(--muted);
  background: var(--light); border-bottom: 2px solid var(--border);
}
.bk-compare-table th.bk-compare-table__hl { background: #fff7f0; color: var(--or); border-bottom-color: var(--or); }
.bk-compare-table td { padding: 14px 16px; font-size: 14px; border-bottom: 1px solid var(--border); }
.bk-compare-table tr:last-child td { border-bottom: none; }
.bk-compare-table td:first-child { color: var(--muted); }
.bk-compare-table td.bk-hl { background: #fffbf7; font-weight: 600; }
.bk-check { color: #16a34a; font-weight: 700; }
.bk-cross { color: #dc2626; }

/* ── КАРТОЧКИ ДОСТАВКИ ── */
.bk-delivery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; }
.bk-d-card {
  padding: 24px; border: 1px solid var(--border);
  background: var(--white); position: relative; overflow: hidden;
}
.bk-d-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--or); }
.bk-d-card__title { font-family: var(--ff-head); font-size: 16px; font-weight: 700; color: var(--text); margin-bottom: 8px; }
.bk-d-card__desc { font-size: 14px; color: var(--muted); line-height: 1.6; margin-bottom: 14px; }
.bk-d-card__price { font-family: var(--ff-head); font-size: 18px; font-weight: 800; color: var(--or); }
.bk-d-card__note { font-size: 11px; color: #bbb; margin-top: 2px; }

/* ── DELIVERY CARDS: фото ── */
.bk-d-card__img {
  width: calc(100% + 48px);
  margin: -24px -24px 16px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
}

/* ── КАРТОЧКИ ПРЕИМУЩЕСТВ ── */
.bk-adv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; }
.bk-adv-card { background: var(--white); border: 1px solid var(--border); padding: 24px; position: relative; overflow: hidden; }
.bk-adv-card::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--or); }
.bk-adv-card__num { font-family: var(--ff-head); font-size: 36px; font-weight: 800; color: #f3d6b8; line-height: 1; margin-bottom: 8px; }
.bk-adv-card__title { font-family: var(--ff-head); font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 6px; }
.bk-adv-card__desc { font-size: 13px; color: var(--muted); line-height: 1.6; }

/* ── КАРТОЧКИ ТЕХНИКИ (автопарк) ── */
.bk-fleet-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; }
.bk-truck-card { background: var(--white); border: 1px solid var(--border); padding: 28px 24px; position: relative; }
.bk-truck-card__badge { position: absolute; top: 16px; right: 16px; background: var(--or); color: #fff; font-size: 10px; font-weight: 700; padding: 3px 8px; letter-spacing: .5px; }
.bk-truck-card__top { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.bk-truck-card__icon { width: 52px; height: 52px; background: var(--light); border-radius: 4px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.bk-truck-card__icon svg { width: 28px; height: 28px; fill: var(--or); }
.bk-truck-card__name { font-family: var(--ff-head); font-size: 18px; font-weight: 800; color: var(--text); line-height: 1.2; }
.bk-truck-card__cap { font-size: 12px; color: var(--muted); margin-top: 2px; }
.bk-truck-card__params { display: flex; flex-direction: column; gap: 0; margin-bottom: 20px; }
.bk-truck-card__param { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--light); }
.bk-truck-card__param:last-child { border-bottom: none; }
.bk-truck-card__param-label { font-size: 13px; color: var(--muted); }
.bk-truck-card__param-val { font-size: 13px; font-weight: 600; color: var(--text); }
.bk-truck-card__price { padding-top: 16px; border-top: 1px solid var(--border); }
.bk-truck-card__price-val { font-family: var(--ff-head); font-size: 22px; font-weight: 800; color: var(--or); }
.bk-truck-card__price-note { font-size: 11px; color: #bbb; margin-top: 2px; }

/* ── УСЛОВИЯ (numbered cards) ── */
.bk-terms-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 28px; }
.bk-term-card { background: var(--white); border: 1px solid var(--border); padding: 24px; display: flex; gap: 16px; }
.bk-term-card__num { font-family: var(--ff-head); font-size: 28px; font-weight: 800; color: #f3d6b8; line-height: 1; flex-shrink: 0; width: 40px; }
.bk-term-card__title { font-family: var(--ff-head); font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 6px; }
.bk-term-card__desc { font-size: 13px; color: var(--muted); line-height: 1.6; }

/* ── КАЛЬКУЛЯТОР САМОСВАЛА ── */
.bk-est-widget { background: var(--light); border: 1px solid var(--border); padding: 28px; margin-top: 24px; }
.bk-est-row { display: grid; grid-template-columns: repeat(3, 1fr) auto; gap: 16px; align-items: end; }
.bk-est-field__label { font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #9ca3af; margin-bottom: 6px; }
.bk-est-input,.bk-est-select {
  width: 100%; padding: 11px 14px;
  border: 1.5px solid var(--border); background: var(--white);
  font-family: var(--ff-body); font-size: 15px; color: var(--text);
  border-radius: 3px; outline: none; appearance: none; transition: border-color .15s;
}
.bk-est-input:focus,.bk-est-select:focus { border-color: var(--or); }
.bk-est-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23bbb' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center; background-size: 12px; padding-right: 38px; cursor: pointer;
}
.bk-est-btn { padding: 11px 24px; background: var(--or); color: #fff; font-family: var(--ff-head); font-weight: 700; font-size: 14px; border: none; border-radius: 3px; cursor: pointer; white-space: nowrap; transition: background .15s; }
.bk-est-btn:hover { background: var(--or-d); }
.bk-est-result { display: none; margin-top: 16px; background: var(--white); border: 1px solid #fcd5b4; padding: 20px 24px; border-radius: 3px; }
.bk-est-result.visible { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.bk-est-result__val { font-family: var(--ff-head); font-size: 24px; font-weight: 800; color: var(--or); }
.bk-est-result__label { font-size: 12px; color: var(--muted); margin-top: 3px; }

/* ── ЗОНЫ ДОСТАВКИ ── */
.bk-zones-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); margin-top: 28px; }
.bk-zone { background: var(--white); padding: 24px 20px; }
.bk-zone__name { font-family: var(--ff-head); font-size: 16px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.bk-zone__desc { font-size: 13px; color: var(--muted); line-height: 1.5; margin-bottom: 10px; }
.bk-zone__price { font-family: var(--ff-head); font-size: 18px; font-weight: 800; color: var(--or); }

/* ── FAQ АККОРДЕОН ── */
.bk-faq__list { margin-top: 28px; }
.bk-faq-item { border: 1px solid var(--border); margin-bottom: 8px; overflow: hidden; background: var(--white); }
.bk-faq-item__q {
  padding: 16px 20px;
  font-family: var(--ff-head); font-size: 15px; font-weight: 700; color: var(--text);
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
  gap: 12px; user-select: none;
}
.bk-faq-item__q:hover { color: var(--or); }
.bk-faq-item__arrow { width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; fill: #6b7280 !important; flex-shrink: 0 !important; transition: transform .2s; }
.bk-faq-item.open .bk-faq-item__arrow { transform: rotate(180deg); fill: var(--or); }
.bk-faq-item__a { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height .3s ease, padding .3s ease; }
.bk-faq-item.open .bk-faq-item__a { padding: 0 20px 16px; max-height: 400px; }
.bk-faq-item__a p { font-size: 14px; color: var(--muted); line-height: 1.7; margin: 0; }

/* ── SEO ТЕКСТ ── */
.bk-seo__inner { max-width: 1200px; margin: 0 auto; }
.bk-seo h2 { font-family: var(--ff-head); font-size: 22px; font-weight: 800; color: var(--text); margin-bottom: 14px; }
.bk-seo p { font-size: 14px; color: var(--muted); line-height: 1.85; margin-bottom: 12px; }

/* ── BOTTOM CTA ── */
.bk-cta { background: var(--navy); padding: 48px 24px; }
.bk-cta__inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.bk-cta__title { font-family: var(--ff-head); font-size: 28px; font-weight: 800; color: #fff; margin-bottom: 8px; }
.bk-cta__sub { font-size: 15px; color: rgba(255,255,255,.7); }
.bk-cta__actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.bk-cta__phone { font-family: var(--ff-head); font-size: 22px; font-weight: 800; color: #fff; text-decoration: none; }
.bk-cta__phone:hover { color: var(--or); }

/* ── СТРАНИЦА ДОСТАВКИ (районы) ── */
.bk-district-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; }
.bk-district-card { background: var(--white); border: 1px solid var(--border); padding: 20px; position: relative; overflow: hidden; }
.bk-district-card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--or); }
.bk-district-card__name { font-family: var(--ff-head); font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 6px; padding-left: 4px; }
.bk-district-card__info { font-size: 13px; color: var(--muted); line-height: 1.55; padding-left: 4px; }

/* ── СТРАНИЦА МЕШКИ — ценовые карточки ── */
.bk-price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; }
.bk-price-card { background: var(--white); border: 1px solid var(--border); padding: 24px; text-align: center; }
.bk-price-card__type { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.bk-price-card__price { font-family: var(--ff-head); font-size: 32px; font-weight: 800; color: var(--or); line-height: 1; }
.bk-price-card__unit { font-size: 12px; color: #bbb; margin-top: 4px; }
.bk-price-card__desc { font-size: 13px; color: var(--muted); line-height: 1.6; margin-top: 12px; }

/* ── SCHEMA (скрыть) ── */
script[type="application/ld+json"] { display: none; }

/* ============================================================
   КАТАЛОГ (сетка карточек на хаб-страницах)
   ============================================================ */
.bk-catalog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 32px;
}
.bk-cat-card {
  display: flex;
  flex-direction: column;
  background: var(--bg-white);
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 28px 24px 24px;
  text-decoration: none;
  color: inherit;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.bk-cat-card:hover {
  border-color: var(--accent);
  box-shadow: 0 6px 24px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
.bk-cat-card__icon { font-size: 36px; margin-bottom: 12px; line-height: 1; }
.bk-cat-card__title { font-size: 17px; font-weight: 700; color: var(--text); margin-bottom: 10px; }
.bk-cat-card__desc { font-size: 14px; color: var(--muted); line-height: 1.55; flex: 1; margin-bottom: 16px; }
.bk-cat-card__price { font-size: 20px; font-weight: 800; color: var(--accent); margin-bottom: 12px; }
.bk-cat-card__link { font-size: 14px; font-weight: 600; color: var(--accent); }

/* ============================================================
   БЛОК КОНТАКТОВ
   ============================================================ */
.bk-contact-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 32px;
}
.bk-contact-item {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 10px;
  padding: 16px 20px;
}
.bk-contact-item__label { font-size: 13px; opacity: .7; margin-bottom: 6px; }
.bk-contact-item__val { font-size: 18px; font-weight: 700; color: #fff; text-decoration: none; display: block; }
.bk-contact-item__val:hover { color: var(--accent); }

/* ============================================================
   АДАПТИВ
   ============================================================ */
@media (max-width: 1024px) {
  .bk-hero__inner { grid-template-columns: 1fr; }
  .bk-chars-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .bk-catalog-grid { grid-template-columns: repeat(2, 1fr); }
  .bk-contact-block { grid-template-columns: 1fr; }
  .bk-usage-grid { grid-template-columns: repeat(2, 1fr); }
  .bk-delivery-grid { grid-template-columns: repeat(2, 1fr); }
  .bk-adv-grid { grid-template-columns: repeat(2, 1fr); }
  .bk-fleet-grid { grid-template-columns: repeat(2, 1fr); }
  .bk-district-grid { grid-template-columns: repeat(2, 1fr); }
  .bk-price-grid { grid-template-columns: repeat(2, 1fr); }
  .bk-calc-widget { grid-template-columns: 1fr 1fr; }
  .bk-calc-widget .bk-calc-widget__btn { grid-column: 1 / -1; }
  .bk-est-row { grid-template-columns: 1fr 1fr; }
  .bk-est-row .bk-est-btn { grid-column: 1 / -1; }
  .bk-zones-grid { grid-template-columns: repeat(2, 1fr); }
  .bk-hdr-phone__cta { display: none; }
}
@media (max-width: 640px) {
  .bk-catalog-grid { grid-template-columns: 1fr; }
  .bk-usage-grid { grid-template-columns: 1fr; }
  .bk-delivery-grid { grid-template-columns: 1fr; }
  .bk-adv-grid { grid-template-columns: 1fr; }
  .bk-fleet-grid { grid-template-columns: 1fr; }
  .bk-terms-grid { grid-template-columns: 1fr; }
  .bk-district-grid { grid-template-columns: 1fr; }
  .bk-price-grid { grid-template-columns: 1fr; }
  .bk-calc-widget { grid-template-columns: 1fr; }
  .bk-calc-result.visible { grid-template-columns: repeat(2, 1fr); }
  .bk-est-row { grid-template-columns: 1fr; }
  .bk-est-result.visible { grid-template-columns: repeat(2, 1fr); }
  .bk-zones-grid { grid-template-columns: 1fr; }
  .bk-cta__inner { flex-direction: column; align-items: flex-start; }
  .bk-specs { gap: 16px; }
  .bk-hdr-phone__label { display: none; }
  .bk-hdr-phone__digits { font-size: 15px; }
  .bk-hdr-phone__icon { width: 32px; height: 32px; }
}
@media (max-width: 480px) {
  .bk-hdr-phone__text { display: none; }
  .bk-hdr-phone { gap: 10px; }
  .bk-hdr-phone__digits { font-size: 14px; }
  .bk-hdr-phone__icon { width: 28px; height: 28px; }

  /* Hero */
  .bk-hero { padding: 24px 16px 32px; }
  .bk-hero h1 { font-size: 26px; }
  .bk-hero__lead { font-size: 14px; }
  .bk-hero__btns { flex-direction: column; gap: 8px; }
  .bk-hero__btns .bk-btn { text-align: center; width: 100%; }

  /* Specs */
  .bk-specs { gap: 8px; font-size: 12px; }
  .bk-spec__val { font-size: 16px; }
  .bk-spec__label { font-size: 10px; }

  /* Form card */
  .bk-form-card { padding: 20px 16px; }
  .bk-form-card__title { font-size: 16px; }

  /* Sections */
  .bk-section { padding: 28px 16px; }
  .bk-sh__title { font-size: 18px; }

  /* Calc result */
  .bk-calc-widget { padding: 16px; }
  .bk-calc-result__val { font-size: 20px; }

  /* CTA */
  .bk-cta { padding: 32px 16px; }
  .bk-cta__title { font-size: 22px; }
  .bk-cta__phone { font-size: 18px; }
  .bk-cta__actions { flex-direction: column; align-items: stretch; width: 100%; }
  .bk-cta__actions .bk-btn { text-align: center; }

  /* FAQ */
  .bk-faq-item__q { padding: 14px 16px; font-size: 14px; }

  /* SEO */
  .bk-seo h2 { font-size: 18px; }

  /* Footer */
}

/* ── ФОТО В СТАТЬЯХ: ограничение размера ── */
.item-page img,
.com-content-article img {
    max-width: 600px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 1.5rem auto;
    border-radius: 8px;
}

/* ── HERO-ФОТО В СТАТЬЯХ ── */
.bk-article-hero {
    position: relative;
    width: 100%;
    height: 320px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 2rem;
}
.bk-article-hero img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.bk-article-hero__overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.6));
    color: #fff;
    padding: 1.5rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.4;
}
@media (max-width: 767px) {
    .bk-article-hero {
        height: 220px;
        border-radius: 8px;
    }
    .bk-article-hero__overlay {
        font-size: 0.95rem;
        padding: 1rem;
    }
}


/* ── НОВЫЙ ФУТЕР ── */
.bk-footer { background: #1a2744; color: #fff; padding: 2.5rem 2rem 1rem; }
.bk-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 2rem; margin-bottom: 2rem; }
.bk-footer-logo { font-size: 22px; font-weight: 500; color: #fff; margin-bottom: 0.5rem; }
.bk-footer-desc { font-size: 13px; color: #8fa3c8; line-height: 1.6; margin-bottom: 1.2rem; }
.bk-footer-phone { display: block; color: #fff; font-size: 15px; font-weight: 500; margin-bottom: 4px; text-decoration: none; }
.bk-footer-phone:hover { color: #f90; }
.bk-footer-hours { font-size: 12px; color: #8fa3c8; margin-top: 6px; }
.bk-footer-col-title { font-size: 11px; font-weight: 500; letter-spacing: 0.08em; color: #f90; text-transform: uppercase; margin-bottom: 1rem; margin-top: 0; }
.bk-footer-link { display: block; font-size: 13px; color: #8fa3c8; margin-bottom: 6px; text-decoration: none; }
.bk-footer-link:hover { color: #fff; }
.bk-footer-badge { display: inline-block; background: rgba(255,153,0,0.15); color: #f90; font-size: 11px; padding: 2px 8px; border-radius: 4px; margin-bottom: 1rem; }
.bk-footer-bottom { border-top: 0.5px solid rgba(255,255,255,0.1); padding-top: 1rem; display: flex; justify-content: space-between; font-size: 12px; color: #8fa3c8; flex-wrap: wrap; gap: 0.5rem; }
@media (max-width: 768px) {
  .bk-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .bk-footer-grid { grid-template-columns: 1fr; }
  .bk-footer-bottom { flex-direction: column; }
}

/* ── СВЯЗАННЫЕ РАЗДЕЛЫ ── */
.bk-related{margin:32px 0;padding:24px;background:#f7f8fa;border-radius:12px;border-left:4px solid #ee7d22}
.bk-related__title{font-size:16px;font-weight:700;color:#2a3140;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.bk-related__links{display:flex !important;flex-wrap:wrap !important;gap:10px;margin:-3px}
.bk-related__link{display:inline-block !important;padding:8px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1c3d5c;text-decoration:none;font-size:14px;line-height:1.4;white-space:nowrap;margin:3px;transition:all .15s}
.bk-related__link:hover{border-color:#ee7d22;color:#ee7d22;text-decoration:none}


/* ── КАРТОЧКИ КАТАЛОГА: фото вместо эмодзи ── */
.bk-cat-card__img {
  width: calc(100% + 48px);
  margin: -28px -24px 16px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
  border-radius: 12px 12px 0 0;
}

/* ── HERO H1 ACCENT (id=17) ── */
.bk-hero h1 .bk-h1-accent {
  color: var(--or);
  font-weight: 900;
  font-style: normal;
}

/* ── HERO ГЛАВНАЯ — фоновое фото ── */
section.bk-hero.bk-hero--home {
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(255, 255, 255, 0.95) 40%,
      rgba(255, 255, 255, 0.70) 70%,
      rgba(255, 255, 255, 0.50) 100%
    ),
    url('/images/belkarier/hero-main-v2.webp') center right / cover no-repeat;
}
@media (max-width: 768px) {
  section.bk-hero.bk-hero--home {
    background: var(--white);
  }
}