/*
 * МногоСна KZ — Modern Upgrade 2026
 * Накладывается поверх styles.css, не ломает существующие стили
 * ================================================================
 */

/* ────── Self-hosted fonts: Bitter (display) + Onest (body) ────── */
/* Cyrillic subsets loaded separately so browsers fetch only what they need */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/bitter-400-cyrillic.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/bitter-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/bitter-700-cyrillic.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/bitter-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/onest-400-cyrillic.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* KK cyrillic-ext — Kazakh glyphs (ә ө ү қ ғ ң һ …) missing from the base
   cyrillic subset above; without this they fall back to a system font and
   render visibly smaller/mismatched. Onest v9 variable subset, one file for
   the full 400–700 weight range. */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/onest-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/onest-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/onest-500-cyrillic.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/onest-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/onest-600-cyrillic.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/onest-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/onest-700-cyrillic.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/onest-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ────── Design tokens ────── */
:root {
  --c-blue:       #0E94C8;
  --c-blue-dark:  #0877A8;
  --c-blue-light: #EBF7FA;
  --c-orange:     #F36012;
  --c-orange-dk:  #D95208;
  --c-text:       #1F2D3D;
  --c-text-2:     #5F6B7A;
  --c-border:     #DDE5EA;
  --c-bg:         #F7FAFB;
  --c-white:      #FFFFFF;
  --r-sm:  6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --sh-sm: 0 1px 4px rgba(0,0,0,.07);
  --sh-md: 0 4px 16px rgba(0,0,0,.10);
  --sh-lg: 0 8px 32px rgba(0,0,0,.12);
  --tr: all .2s ease;
  /* Typography tokens (Q9: Bitter display + Onest body) */
  --ff-display: 'Bitter', Georgia, serif;
  --ff-body:    'Onest', 'Roboto', Arial, sans-serif;

  /* ─── iter-16 (2026-06-09) — design-system токены для desktop 1200 ───
     Source of truth: docs/redesign/DESIGN_SYSTEM/03-spacing-radii-shadows.md.
     iter-04-homepage.css :root задаёт эти же значения (он грузится после и
     перекрывает в случае рассинхрона) — дублируем здесь чтобы layout
     primitives оставались валидны даже при standalone-загрузке styles_modern.css
     (legacy шаблоны без iter-04). НЕ переопределяем --r-sm/-md/-lg/-xl,
     потому что iter-04 их унифицирует до 12px; держим раздельные --r-card,
     --r-input, --r-pill для целевых компонентных правил. */
  --layout-max:    1560px;
  --layout-gutter: 32px;
  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px;  --sp-7: 48px; --sp-8: 64px;
  --r-card:  12px;   /* cards/sidebar/filter/product/review/whyus */
  --r-input: 8px;    /* inputs / inner tiles */
  --r-pill:  999px;  /* buttons / pills */
}

/* ════════════════════════════════════════════════════
   TYPOGRAPHY
════════════════════════════════════════════════════ */
body {
  font-family: var(--ff-body);
  color: var(--c-text);
  background: var(--c-bg);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: var(--ff-display);
  font-weight: 700;
  letter-spacing: -.01em;
}

/* Ссылки — менее агрессивный hover */
a:hover { color: var(--c-orange); text-decoration: none; }
a, a:active, a:visited { color: var(--c-blue); }

/* ════════════════════════════════════════════════════
   ШАПКА — доработка существующего дизайна
════════════════════════════════════════════════════ */

/* Фон шапки — чуть более современный градиент */
.header_bg {
  background: linear-gradient(to bottom, #EFF8FC 0%, var(--c-white) 100%);
  border-bottom: 1px solid var(--c-border);
}

/* Поиск — pill shape */
.header__search .this__input {
  border-radius: var(--r-xl);
  border: 1.5px solid var(--c-border);
  background: var(--c-white);
  height: 40px;
  padding: 0 40px 0 18px;
  font-size: 14px;
  transition: border-color .2s, box-shadow .2s;
}
.header__search .this__input:focus {
  border-color: var(--c-blue);
  box-shadow: 0 0 0 3px rgba(14,148,200,.12);
  outline: none;
}
.header__search .this__btn {
  top: 11px; right: 14px;
}

/* Кнопки шапки — современные скруглённые края */
.header__content .blue_btn {
  border-radius: var(--r-md);
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  background: var(--c-blue-light);
  color: var(--c-blue);
  border: 1px solid rgba(14,148,200,.2);
  transition: var(--tr);
  font-weight: 500;
}
.blue_btn:hover, .blue_btn:focus {
  background: #D4EEF8;
  border-color: var(--c-blue);
}
.blue_btn.not_empty .this__qty {
  background: var(--c-orange);
}

.orange_btn, .header_mini .orange_btn.not_empty {
  border-radius: var(--r-md);
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  background: var(--c-orange);
  border: none;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(243,96,18,.25);
  transition: var(--tr);
}
.orange_btn:hover, .orange_btn:focus,
.header_mini .orange_btn.not_empty:hover, .header_mini .orange_btn.not_empty:focus {
  background: var(--c-orange-dk);
  box-shadow: 0 4px 14px rgba(243,96,18,.35);
  transform: translateY(-1px);
  color: #fff;
}

/* Кол-во товаров */
.this__qty {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  line-height: 18px;
  font-size: 11px;
  font-weight: 700;
  border: 1.5px solid rgba(255,255,255,.4);
}

/* Навигационное меню */
.menu { margin: 16px 0 18px; }
.header__content .menu .menu__item {
  font-size: 15px;
  font-weight: 500;
  color: #444;
  padding: 6px 0;
  margin: 0 16px;
  border-bottom: 2px solid transparent;
  transition: color .2s, border-color .2s;
  text-decoration: none;
}
.menu .menu__item:hover,
.menu .menu__item:focus,
.menu .menu__item:active {
  color: var(--c-blue);
  text-decoration: none;
  border-bottom-color: var(--c-blue);
}
a.menu__item-active {
  color: var(--c-blue) !important;
  border-bottom-color: var(--c-blue);
}
a.menu__item-hot { color: var(--c-orange) !important; font-weight: 600; }

/* ════════════════════════════════════════════════════
   КАРТОЧКИ ТОВАРОВ — products-matrix
════════════════════════════════════════════════════ */

/* Сетка каталога */
.products-matrix {
  width: 100%;
}
.products-matrix .product-cell {
  border-radius: var(--r-lg);
  border: 1.5px solid var(--c-border);
  background: var(--c-white);
  transition: border-color .25s, box-shadow .25s, transform .25s;
  padding: 0 0 14px 0;
  overflow: hidden;
}
.products-matrix .product-cell:hover {
  border-color: rgba(14,148,200,.25);
  box-shadow: 0 8px 28px rgba(0,0,0,.13);
  transform: translateY(-4px);
}
.products-matrix .product-cell h3 {
  font-size: 14px;
  font-weight: 600;
  color: var(--c-text);
  line-height: 1.4;
  padding-top: 10px;
}

.products-matrix .product-cell .price {
  padding: 6px 0 0 12px;
}
.products-matrix .product-cell .price .currency {
  font-size: 18px;
  font-weight: 700;
  color: var(--c-text);
}
.products-matrix .product-cell .price .currency s {
  font-size: 13px;
  color: #AAB4BC;
}

/* Карточки на главной */
.products-matrix-homepage .product-cell {
  border-radius: var(--r-lg);
  border: 1.5px solid var(--c-border);
  background: var(--c-white);
  transition: border-color .25s, box-shadow .25s, transform .25s;
  overflow: hidden;
}
.products-matrix-homepage .product-cell:hover {
  border-color: rgba(14,148,200,.25);
  box-shadow: 0 8px 28px rgba(0,0,0,.13);
  transform: translateY(-4px);
}
.products-matrix-homepage .product-cell h3,
.products-matrix-homepage .product-cell a.title {
  font-size: 14px;
  font-weight: 600;
  color: var(--c-text);
  line-height: 1.4;
}
.products-matrix-homepage .product-cell a { color: var(--c-text); text-decoration: none; }
.products-matrix-homepage .product-cell a:hover { color: var(--c-orange); text-decoration: none; }

.products-matrix-homepage .product-cell .price .currency,
#favorite-products .items .slide-item .price .currency {
  font-size: 18px;
  font-weight: 700;
  color: var(--c-text);
}

/* ════════════════════════════════════════════════════
   КАРТОЧКИ ТОВАРОВ — list view (product-row)
════════════════════════════════════════════════════ */
.products-list .product-row {
  border-radius: var(--r-md);
  border: 1.5px solid var(--c-border);
  background: var(--c-white);
  margin-bottom: 10px;
  transition: border-color .2s, box-shadow .2s;
}
.products-list .product-row:hover {
  border-color: rgba(14,148,200,.3);
  box-shadow: 0 6px 20px rgba(0,0,0,.10);
}
.product-row a { color: var(--c-blue); }
.product-row a:hover { color: var(--c-orange); text-decoration: none; }

/* ════════════════════════════════════════════════════
   КАРУСЕЛЬНЫЕ КАРТОЧКИ (tovar_item)
════════════════════════════════════════════════════ */
.tovar_item {
  border-radius: var(--r-lg);
  border: 1.5px solid var(--c-border);
  background: var(--c-white);
  transition: border-color .25s, box-shadow .25s, transform .25s;
}
.tovar_item:hover {
  border-color: rgba(14,148,200,.25);
  box-shadow: 0 8px 28px rgba(0,0,0,.13);
  transform: translateY(-3px);
}
.tovars_carousel .tovar_item_text {
  font-size: 14px;
  font-weight: 500;
  color: var(--c-text);
}
.tovars_carousel .tovar_item_text:hover { color: var(--c-orange); }
.tovars_carousel .tovar_item_price,
.center-block-featured .tovar_item_price {
  font-size: 16px;
  font-weight: 700;
  color: var(--c-text);
}
.tovar_item_price .old-price {
  color: #AAB4BC;
  font-size: 13px;
}

/* ════════════════════════════════════════════════════
   КНОПКИ — «Купить», «Оформить», «В корзину»
════════════════════════════════════════════════════ */

/* Оранжевая кнопка «В корзину» */
.buy__btn {
  border-radius: var(--r-md);
  background: var(--c-orange);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .01em;
  transition: background .2s, box-shadow .2s, transform .15s;
  box-shadow: 0 2px 8px rgba(243,96,18,.2);
}
.buy__btn:not(.buy__btn-empty):hover {
  background: var(--c-orange-dk);
  box-shadow: 0 4px 16px rgba(243,96,18,.35);
  transform: translateY(-1px);
}
.buy__btn-empty {
  border-radius: var(--r-md);
  border: 1.5px solid var(--c-blue);
  color: var(--c-blue) !important;
  font-weight: 500;
}

/* Синяя кнопка «Заказать в 1 клик» */
div.buy__order {
  border-radius: var(--r-md);
  border: 1.5px solid var(--c-blue);
  color: var(--c-blue);
  font-weight: 500;
  transition: var(--tr);
}
div.buy__order:hover {
  background: var(--c-blue);
  border-color: var(--c-blue);
  color: var(--c-white) !important;
  box-shadow: 0 4px 12px rgba(14,148,200,.3);
  transform: translateY(-1px);
}

/* Кнопки в карточке товара */
.btn_oform {
  border-radius: var(--r-md);
  transition: var(--tr);
}
.btn_oform:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(243,96,18,.3);
}
.btn_buy_one_click {
  border-radius: var(--r-md);
  transition: var(--tr);
}
.btn_buy_one_click:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(14,148,200,.25);
}

/* Кнопки внутри всплывающих окон */
.air_info .btns button, .btns a.button {
  border-radius: var(--r-md) !important;
  font-weight: 600;
  transition: var(--tr);
}

/* ════════════════════════════════════════════════════
   БЛОКИ — side-block, center-block
════════════════════════════════════════════════════ */

/* Заголовки блоков */
.sideHeader, .centerHeader {
  border-radius: var(--r-md) var(--r-md) 0 0;
  font-weight: 700;
  letter-spacing: .01em;
}

/* Блоки каталога в сайдбаре */
.side-block {
  border-radius: var(--r-md);
  border: 1px solid var(--c-border);
  overflow: hidden;
  margin-bottom: 14px;
  background: var(--c-white);
}

/* Center block */
.center-block {
  border-radius: var(--r-md);
  border: 1px solid var(--c-border);
  overflow: hidden;
}

/* headless */
.headless-center-block {
  border-radius: var(--r-md);
  border-color: var(--c-border);
}

/* ════════════════════════════════════════════════════
   ФИЛЬТР — бегунки и параметры
════════════════════════════════════════════════════ */
.filter-param-label {
  font-weight: 600;
  color: var(--c-text);
  font-size: 13px;
}

/* Чекбоксы в фильтре */
.sv-filter-param-checkbox + label {
  font-size: 13px;
}

/* ════════════════════════════════════════════════════
   СОРТИРОВКА / ПАГИНАЦИЯ
════════════════════════════════════════════════════ */
.pager a, .pager span {
  border-radius: var(--r-sm);
  transition: background .2s, color .2s;
}
.pager a:hover {
  background: var(--c-blue);
  color: var(--c-white) !important;
  text-decoration: none;
  border-color: var(--c-blue);
}

/* ════════════════════════════════════════════════════
   СКИДОЧНЫЕ ЛЕЙБЛЫ — убираем overlap с ценой
════════════════════════════════════════════════════ */

/* Контейнер цены переводим в flex, чтобы лейбл не лезл поверх цифр */
.price_final {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 6px 8px;
  position: static !important;  /* снимаем relative, т.к. absolute уже не нужен */
}

/* Лейбл из absolute → static (inline flow рядом с ценой) */
.price_final .discount-label,
.price_final .discont {
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  flex-shrink: 0;
}

.discount-label, .super-price {
  border-radius: var(--r-sm);
  font-weight: 700;
  font-size: 12px;
}

/* ════════════════════════════════════════════════════
   КАРТОЧКА ТОВАРА (product page)
════════════════════════════════════════════════════ */
.product-info {
  border-radius: var(--r-md);
}

/* Галерея — thumbnails */
.tmb-wrap-table div {
  border-radius: var(--r-sm);
}
.tmb-wrap-table div.active { border-bottom-color: var(--c-orange); }

/* ════════════════════════════════════════════════════
   ФОРМА БЫСТРОГО ЗАКАЗА / ОБРАТНОГО ЗВОНКА
════════════════════════════════════════════════════ */
.air_info {
  border-radius: var(--r-lg) !important;
  box-shadow: var(--sh-lg) !important;
}
.air_title {
  font-weight: 700;
  font-size: 16px;
}
.air_info input[type="text"],
.air_info input[type="tel"],
.air_info input[type="email"] {
  border-radius: var(--r-sm);
  border: 1.5px solid var(--c-border);
  transition: border-color .2s, box-shadow .2s;
}
.air_info input:focus {
  border-color: var(--c-blue);
  box-shadow: 0 0 0 3px rgba(14,148,200,.12);
  outline: none;
}

/* ════════════════════════════════════════════════════
   ПРЕФУТЕР — светлый блок с навигацией по категориям
   (шаблон prefooter_menu.html → <footer class="prefooter">)
════════════════════════════════════════════════════ */
.prefooter {
  background: linear-gradient(to top, #ebf7fa 0%, #fff 100%) !important;
  color: #333 !important;
  border-top: 1px solid #e0e7eb;
}
.prefooter a,
.prefooter a:link,
.prefooter a:visited {
  color: #333 !important;
  text-decoration: none;
}
.prefooter a:hover,
.prefooter a:active {
  color: #F45101 !important;
  text-decoration: underline;
}
.prefooter_headmenu a { color: #333 !important; font-weight: 500; }
.prefooter_submenu a  { color: #202020 !important; }

/* ════════════════════════════════════════════════════
   ФУТЕР — тёмный (основной <footer> без .prefooter)
════════════════════════════════════════════════════ */
footer:not(.prefooter) {
  background: #1A2A38 !important;
  color: rgba(255,255,255,.75) !important;
  border-top: 3px solid var(--c-blue) !important;
}

footer:not(.prefooter) div.inner {
  padding: 36px 5px 28px;
}

/* Логотип: тёмный SVG → белый через filter */
.logo_black {
  filter: brightness(0) invert(1);
  opacity: .9;
}

/* Все ссылки в основном футере — светлые */
footer:not(.prefooter) a,
footer:not(.prefooter) a:link,
footer:not(.prefooter) a:visited {
  color: rgba(255,255,255,.7) !important;
  text-decoration: none;
  transition: color .2s;
}
footer:not(.prefooter) a:hover,
footer:not(.prefooter) a:active {
  color: var(--c-white) !important;
  text-decoration: none;
}

/* Заголовки колонок */
footer:not(.prefooter) h2 {
  color: var(--c-white) !important;
  font-size: 15px;
  font-weight: 700;
  padding: 0 0 8px;
  margin: 0 0 12px;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

/* Меню в основном футере */
.footer_menu a,
.footer_menu a:link,
.footer_menu a:visited {
  color: rgba(255,255,255,.65) !important;
  text-decoration: none;
}
.footer_menu a:hover {
  color: var(--c-white) !important;
  text-decoration: none;
}

/* Описание магазина */
.footer_about {
  color: rgba(255,255,255,.55) !important;
  line-height: 1.65;
}

/* Телефон — белый, жирный */
.footer_phone a.phone_linc,
.footer_phone a {
  color: var(--c-white) !important;
  font-size: 17px;
  font-weight: 600;
}
.footer_phone a:hover { color: var(--c-blue) !important; text-decoration: underline; }

/* Адрес — читаемый */
.footer_address,
.footer_address a.phone_linc,
.footer_address a {
  color: rgba(255,255,255,.65) !important;
}
.footer_address a:hover { color: var(--c-white) !important; }

/* «Мобильная версия» */
.footer_tomobile,
.footer_tomobile a,
.footer_tomobile a:link,
.footer_tomobile a:visited {
  color: rgba(255,255,255,.4) !important;
}
.footer_tomobile a:hover { color: rgba(255,255,255,.7) !important; }

/* Разделительная линия */
hr.footer_line {
  background-color: rgba(255,255,255,.1) !important;
  opacity: 1 !important;
}

/* Нижний ряд футера */
.footer_footer {
  padding-bottom: 32px;
}

/* Форма подписки */
.footer_subscribe_form {
  color: rgba(255,255,255,.55) !important;
  font-size: 13px;
}
.footer_subscribe_form .inputs * {
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: var(--r-sm) !important;
}
.footer_subscribe_form .inputs input[type="email"],
.footer_subscribe_form .inputs input {
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: var(--r-sm) 0 0 var(--r-sm) !important;
  height: 40px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
}
.footer_subscribe_form .inputs input::placeholder {
  color: rgba(255,255,255,.35) !important;
  opacity: 1 !important;
}
.footer_subscribe_form .inputs button {
  background: var(--c-orange) !important;
  color: var(--c-white) !important;
  border-color: var(--c-orange) !important;
  font-weight: 600;
  transition: background .2s;
}
.footer_subscribe_form .inputs button:hover {
  background: var(--c-orange-dk) !important;
}

/* ════════════════════════════════════════════════════
   ОБЩЕЕ — формы, инпуты
════════════════════════════════════════════════════ */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea, select {
  border-radius: var(--r-sm);
  border: 1.5px solid var(--c-border);
  transition: border-color .2s, box-shadow .2s;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus {
  border-color: var(--c-blue);
  box-shadow: 0 0 0 3px rgba(14,148,200,.1);
  outline: none;
}

/* ════════════════════════════════════════════════════
   ХЛЕБНЫЕ КРОШКИ
════════════════════════════════════════════════════ */
.breadcrumbs a { color: var(--c-text-2); }
.breadcrumbs a:hover { color: var(--c-blue); text-decoration: none; }
.breadcrumbs .current { color: var(--c-text); font-weight: 500; }

/* ════════════════════════════════════════════════════
   СООБЩЕНИЯ / УВЕДОМЛЕНИЯ
════════════════════════════════════════════════════ */
.action_msg {
  border-radius: var(--r-sm);
}

/* ════════════════════════════════════════════════════
   ЛЕВОЕ МЕНЮ — категории
════════════════════════════════════════════════════ */
.catalog-sidebar .cats-list a {
  border-radius: var(--r-sm);
  transition: background .15s, color .15s;
}
.catalog-sidebar .cats-list a:hover {
  background: var(--c-blue-light);
  color: var(--c-blue);
  text-decoration: none;
}
.catalog-sidebar .cats-list a.active {
  color: var(--c-blue);
  font-weight: 600;
}

/* ════════════════════════════════════════════════════
   ХЕЛП-ТИП TOOLTIPS
════════════════════════════════════════════════════ */
.tipsy-inner {
  border-radius: 8px; /* Пакет 3 п.5: синхронно с базовым стилем тултипа в styles.css */
}

/* ════════════════════════════════════════════════════
   СРАВНЕНИЕ / WISHLIST иконки
════════════════════════════════════════════════════ */
.compare-icon svg, .favorite-icon svg {
  transition: fill .2s;
}
.product-row:hover .compare-icon svg,
.product-row:hover .favorite-icon svg {
  fill: var(--c-text-2);
}
.compare-icon svg.active, .favorite-icon svg.active {
  fill: var(--c-orange) !important;
}

/* ════════════════════════════════════════════════════
   ПОЛОСКА под шапкой
════════════════════════════════════════════════════ */
/* iter-05 (правка #4): градиентная линия-акцент под навигацией убрана. */
nav.menu {
  position: relative;
}

/* ════════════════════════════════════════════════════
   SPRINT 2 — UX Modernization 2026 (п.4–13)
   Desktop only — NO media queries (viewport=990px fixed)
════════════════════════════════════════════════════ */

/* ── п.7 Typography hierarchy (Q9: Bitter display headings) ── */
h1 {
  font-family: var(--ff-display);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.25;
  color: var(--c-text);
}
h2 {
  font-family: var(--ff-display);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.01em;
}
h3 {
  font-family: var(--ff-display);
  font-size: 15px;
  font-weight: 600;
}
.sideHeader, .centerHeader {
  font-family: var(--ff-body);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
}

/* ── п.8 H1 on product page ── */
.product-page h1,
.product-page h1.title {
  color: var(--c-text) !important;
  font-size: 22px;
}

/* ── п.4+11 Product list — flexbox cards ── */
.products-list:not(.wishlist) .product-row {
  display: flex;
  align-items: center;
  padding: 16px 20px 16px 0;
  min-height: 0;
  gap: 0;
  box-shadow: var(--sh-sm);
}
.products-list:not(.wishlist) .product-row:hover {
  box-shadow: var(--sh-md);
  transform: translateY(-2px);
}
.products-list:not(.wishlist) .product-row .product-image {
  float: none;
  flex: 0 0 200px;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-list:not(.wishlist) .left-list-block {
  float: none;
  flex: 1 1 auto;
  width: auto;
  padding-left: 20px;
  align-self: center;
}
.products-list:not(.wishlist) .right-list-block {
  float: none;
  flex: 0 0 auto;
  align-self: center;
}
.products-list:not(.wishlist) .right-list-block .list-item-side {
  float: none;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 170px;
  padding: 0 12px;
}
.products-list:not(.wishlist) .right-list-block .list-item-buttons {
  float: none;
  margin-top: 0;
  text-align: center;
}
.products-list:not(.wishlist) .product-row .clearer {
  display: none;
}

/* ── п.5 Buy button — 44px touch target ── */
.button.buy,
a.button.buy,
a.orderButton,
.add-to-cart-button .button.buy {
  min-height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: var(--r-md) !important;
  font-weight: 600;
  font-size: 15px;
  transition: background .2s, box-shadow .2s, transform .15s !important;
}
.button.buy:hover,
a.button.buy:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(243,96,18,.35);
  color: #fff !important;
}

/* ── п.12 Discount badge — pill + shadow ── */
.product-row .discont,
.product-row .discount-label,
.price_final .discont,
.price_final .discount-label {
  background: linear-gradient(135deg, #e8350b 0%, #ff5c35 100%) !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 8px rgba(232,53,11,.35);
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: .02em;
  width: auto !important;
  min-width: 50px;
  padding: 0 8px;
  height: 22px !important;
  line-height: 22px !important;
  display: inline-block;
}
/* Savings injected by JS */
.product-row .discont .discont-save {
  display: block;
  font-size: 9px;
  font-weight: 500;
  opacity: .9;
  margin-top: 1px;
  line-height: 1.2;
}

/* ── п.9 Skeleton / loading state ── */
@keyframes sv-skeleton {
  0%   { background-position: -400px 0; }
  100% { background-position: calc(400px + 100%) 0; }
}
.products-list.sv-loading {
  opacity: .55;
  pointer-events: none;
  transition: opacity .2s;
}

/* ── п.10 Sticky buy bar (product page) ── */
#sv-sticky-buy {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 2px solid var(--c-blue);
  box-shadow: 0 -4px 24px rgba(0,0,0,.13);
  z-index: 9990;
  display: flex;
  align-items: center;
  padding: 10px 28px;
  gap: 20px;
  transform: translateY(110%);
  transition: transform .3s cubic-bezier(.4,0,.2,1);
}
#sv-sticky-buy.sv-visible {
  transform: translateY(0);
}
#sv-sticky-buy .svs-name {
  flex: 1;
  font-weight: 600;
  font-size: 14px;
  color: var(--c-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#sv-sticky-buy .svs-price {
  font-size: 20px;
  font-weight: 700;
  color: var(--c-text);
  white-space: nowrap;
  flex-shrink: 0;
}
#sv-sticky-buy .svs-old {
  font-size: 13px;
  font-weight: 400;
  color: #aab4bc;
  text-decoration: line-through;
  margin-left: 8px;
}
#sv-sticky-buy .button.buy {
  flex-shrink: 0;
  min-width: 140px;
  padding: 0 24px !important;
}

/* ── п.13 Filter AJAX spinner ── */
@keyframes sv-spin { to { transform: rotate(360deg); } }

.sv-filter-spinner {
  display: none;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(14,148,200,.2);
  border-top-color: var(--c-blue);
  border-radius: 50%;
  animation: sv-spin .65s linear infinite;
  vertical-align: middle;
  margin-left: 6px;
}
.cs-l2-head.sv-filter-loading .sv-filter-spinner {
  display: inline-block;
}
/* ════════════════════════════════════════════════════
   SPRINT 3 — п.15–19 Site-wide modernization
   2026-05-05 | Desktop only, no media queries
════════════════════════════════════════════════════ */

/* ── п.16 Page minimum height ── */
#main-block { min-height: 520px; }

/* ── п.19 Modern site width — 990 → 1200px ── */
#modification,
header,
.container1 { width: 1200px; }

footer div.inner { width: 1200px; }

/* ── п.18 Compact "Каталог товаров" header ──
   Visual weight must be BELOW L1 menu items, not above.
   Replace big blue gradient with a discreet section label. */
.cs-head {
  background: #f5f8fb;
  padding: 7px 14px 6px;
  border-bottom: 1px solid #dde5ea;
  gap: 8px;
}
.cs-head-icon {
  width: 18px;
  height: 18px;
  background: none !important;
  border-radius: 0;
  opacity: .35;
}
.cs-head-icon svg { fill: #5f6b7a; }
.cs-head-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase;
  color: #8a99a6 !important;
  font-family: var(--ff-body) !important;
}
/* collapse btn + close btn stay subtle */
.cs-collapse-btn,
.cs-close-btn {
  background: rgba(0,0,0,.05) !important;
  color: #5f6b7a !important;
}
.cs-collapse-btn:hover,
.cs-close-btn:hover {
  background: rgba(0,0,0,.10) !important;
}

/* ══════════════════════════════════════════════════════════
   п.17  FILTER FULL REDESIGN v2  (2026-05-06)
   ══════════════════════════════════════════════════════════ */

/* ── "Подобрать матрас" widget header ── */
.center-block-filter .centerHeader {
  background: linear-gradient(135deg, #f0f7fb 0%, #e4f3f9 100%) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--r-md) var(--r-md) 0 0 !important;
  border-bottom: none !important;
  color: var(--c-text) !important;
  font-family: var(--ff-body) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  padding: 10px 20px !important;
  margin-bottom: 0 !important;
}

/* ── Filter widget outer container ── */
.center-block-filter .content {
  border: 1px solid var(--c-border) !important;
  border-top: none !important;
  border-radius: 0 0 var(--r-md) var(--r-md) !important;
  background: #fff !important;
  overflow: hidden;
}

/* ── Row — white bg, subtle separator ── */
.products-filter div.products-filter-row {
  background: #fff !important;
  border-bottom: 1px solid #eef1f4 !important;
  display: flex !important;
  align-items: stretch !important;
}
.products-filter div.products-filter-row:nth-child(2n) {
  background: #fafcfd !important;
}

/* ── Column — tighter padding ── */
.products-filter div.products-filter-row div.products-filter-col {
  padding: 12px 18px !important;
  width: 33.333% !important;
  box-sizing: border-box;
}
.products-filter div.products-filter-row div.products-filter-col:nth-child(2) {
  border-left: 1px solid #eef1f4 !important;
  border-right: 1px solid #eef1f4 !important;
}

/* ── Section header labels ("ЖЁСТКОСТЬ", "ЦЕНА, ₸") ── */
.products-filter label.title,
.products-adv-search label.title {
  font-family: var(--ff-body) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  color: #8a99a6 !important;
  padding: 0 0 7px 0 !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center;
  gap: 4px;
  border-bottom: 1px solid #eef1f4 !important;
}

/* ── Range row (ОТ / ДО) ── */
.products-filter .limit__row {
  display: flex !important;
  gap: 8px !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
}

/* ── Range block: label ABOVE input (fixes overlap bug) ── */
.products-filter .limit__block {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  width: auto !important;
  flex: 1;
  max-width: 110px;
}

/* Label — pull out of absolute positioning so it sits above the input */
.products-filter .limit__label {
  position: static !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #8a99a6 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 0 !important;
  line-height: 1 !important;
}

/* Range inputs — no left-padding gap needed now */
.products-filter input[type="number"].limit__input,
.products-filter input.text.limit__input,
.products-filter input.band {
  border: 1.5px solid #d5dfe6 !important;
  border-radius: 6px !important;
  height: 34px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 0 10px !important;
  color: var(--c-text) !important;
  background: #fff !important;
  width: 100%;
  box-sizing: border-box;
  transition: border-color .18s, box-shadow .18s;
}
.products-filter input[type="number"].limit__input:focus,
.products-filter input.text.limit__input:focus,
.products-filter input.band:focus {
  border-color: var(--c-blue) !important;
  box-shadow: 0 0 0 3px rgba(14,148,200,.10) !important;
  outline: none !important;
}

/* Slider track — thinner, modern */
.products-filter .sv-filter-slider-track {
  margin-top: 8px !important;
}
.products-filter .sv-filter-slider-track .ui-slider-range {
  background: var(--c-blue) !important;
}
.products-filter .sv-filter-slider-track .ui-slider-handle {
  width: 16px !important;
  height: 16px !important;
  top: -6px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 2px solid var(--c-blue) !important;
  box-shadow: 0 1px 4px rgba(14,148,200,.25) !important;
  cursor: grab;
}
.products-filter .sv-filter-slider-track .ui-slider-handle:active { cursor: grabbing; }

/* ── Select dropdown ── */
.products-filter select {
  border: 1.5px solid #d5dfe6 !important;
  border-radius: 6px !important;
  height: 34px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 0 8px !important;
  color: var(--c-text) !important;
  background: #fff !important;
  width: 100% !important;
  box-sizing: border-box;
}
.products-filter select:focus {
  border-color: var(--c-blue) !important;
  outline: none !important;
}

/* ── Checkbox rows ── */
.products-filter .checkbox-link-hint {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--c-text) !important;
  display: flex !important;
  align-items: center !important;
  padding: 3px 0 !important;
  gap: 7px !important;
  line-height: 1.4 !important;
  cursor: pointer;
  transition: color .15s;
}
.products-filter .checkbox-link-hint:hover {
  color: var(--c-blue) !important;
}
.products-filter .checkbox-link-hint input[type="checkbox"] {
  accent-color: var(--c-blue);
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  cursor: pointer;
  flex-shrink: 0;
}

/* ── Scrollable checkbox list ── */
.products-filter .checkBlock__scroll {
  max-height: 130px;
  scrollbar-width: thin;
  scrollbar-color: #cdd7de transparent;
}
.products-filter .checkBlock__scroll::-webkit-scrollbar { width: 4px; }
.products-filter .checkBlock__scroll::-webkit-scrollbar-thumb {
  background: #cdd7de;
  border-radius: 4px;
}

/* ── Bottom bar (counter + buttons) ── */
.center-block-filter .content-inner2 {
  background: #f5f8fa !important;
  border-top: 1px solid #eef1f4 !important;
  padding: 10px 18px !important;
}
.content-inner2 div.float-left { width: auto; }
.content-inner2 div.float-right { width: auto; }
#advanced-search-link {
  font-family: var(--ff-body) !important;
  font-size: 13px !important;
  color: var(--c-blue) !important;
  font-weight: 500 !important;
  margin-left: 0 !important;
  padding-left: 16px !important;
  text-decoration: none !important;
}
#sv-runtime-search {
  font-size: 13px;
  color: var(--c-text-2);
}

/* ── "Подобрать" button ── */
a.button[onclick*="filterFormSubmit"],
a.button[onclick*="goo_call_filter"] {
  background: var(--c-blue) !important;
  color: #fff !important;
  border-color: var(--c-blue) !important;
  font-family: var(--ff-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: var(--r-md) !important;
  min-height: 38px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: background .2s, box-shadow .2s, transform .15s;
}
a.button[onclick*="filterFormSubmit"]:hover,
a.button[onclick*="goo_call_filter"]:hover {
  background: var(--c-blue-dark) !important;
  box-shadow: 0 4px 14px rgba(14,148,200,.30) !important;
  transform: translateY(-1px);
  color: #fff !important;
}

/* "Очистить фильтр" */
a.button.additional.small[onclick*="clearFilter"],
.products-filter a[onclick*="clear"],
.sv-runtime-clear {
  color: var(--c-text-2) !important;
  font-size: 12px !important;
  text-decoration: underline !important;
}

/* ── п.15 Search placeholder styling ── */
.header__search .this__input::placeholder {
  color: #aab4bc;
  font-style: italic;
  font-size: 13px;
}
.header__search .this__input:focus::placeholder {
  opacity: .5;
}

/* ═══════════════════════════════════════════════════════════════════
   iter-05 HEADER — единая главная строка (GLOBAL, все страницы).
   Utility-полоса свёрнута в одну строку с лого/поиском/действиями.
   Образец matras.ru + хэндоф iter-05. Правки заказчика #1–#5.
   Грузится после styles.css → переопределяет legacy (rem-ширины и т.п.).
   ═══════════════════════════════════════════════════════════════════ */

/* Контейнер — fluid-with-cap (1368/32) */
.header__content {
  width: auto;
  max-width: var(--layout-max, 1368px);
  margin-inline: auto;
  padding-inline: var(--layout-gutter, 32px);
  box-sizing: border-box;
}

/* Sticky + chrome */
.header_wrapper { position: sticky; top: 0; z-index: 50; }
.header_bg {
  background: #fff;
  border-bottom: 0;            /* #3: убрана full-width линия, торчавшая за слайдер */
  transition: box-shadow .15s ease-out;
}
.header_wrapper.is-stuck .header_bg { box-shadow: 0 4px 14px rgba(31,45,61,.08); }

/* Главная строка — flex, без legacy фикс-высоты */
.header__row { height: auto; }
.header__main {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 14px 0;
}
.header_wrapper.is-stuck .header__main { padding: 9px 0; }

/* Лого + подпись (#1: подпись абсолютно — высота бокса = вордмарк, центрируется
   по той же линии, что поиск/город/действия) */
.header__logo { display: block; flex: 0 0 auto; width: auto; }
.header__logo .this__logo { position: relative; line-height: 0; }
.header__logo .this__logo img { display: block; }
.header__logo .this__logo span {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  font-family: var(--ff-body);
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: .02em;
  color: var(--c-blue, #0E94C8);
  white-space: nowrap;
}

/* Поиск — растягивается, pill */
.header__search { position: relative; flex: 1 1 auto; min-width: 200px; margin: 0; }
.header__search .this__input {
  width: 100%;
  height: 44px;
  background: #fff;
  border: 1.5px solid var(--c-border, #DDE5EA);
  border-radius: var(--r-pill, 999px);
  padding: 0 44px 0 20px;
  font-family: var(--ff-body);
  font-size: 14px;
  box-sizing: border-box;
  outline: none;
}
.header__search .this__input:focus {
  border-color: var(--c-blue, #0E94C8);
  box-shadow: 0 0 0 3px rgba(14,148,200,.18);
}
.header__search .this__btn {
  position: absolute; top: 50%; right: 14px; transform: translateY(-50%);
  width: 18px; height: 18px; padding: 0; background: none; border: 0; cursor: pointer;
}

/* Город + «Адреса салонов» */
.header__city { display: flex; align-items: center; gap: 8px; cursor: pointer; width: auto; flex: 0 0 auto; }
.header__city .this__icon { display: flex; color: var(--c-blue, #0E94C8); }
.header__city .this__icon svg { stroke: var(--c-blue, #0E94C8); }
.header__city .this__text { display: flex; flex-direction: column; line-height: 1.2; letter-spacing: 0; }
.header__city-name { font-weight: 600; font-size: 15px; color: var(--c-text, #1F2D3D); display: inline-flex; align-items: center; gap: 5px; }
.header__caret { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid var(--c-text-2, #5F6B7A); display: inline-block; }
.header__sub { font-size: 12px; color: var(--c-text-2, #5F6B7A); }
.header__city:hover .header__city-name { color: var(--c-blue, #0E94C8); }
.header__city:hover .this__icon svg { stroke: var(--c-orange, #F36012); }

/* Язык RU/KK (правка #4) */
.header__lang { display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto; padding: 4px 6px; border: 1px solid var(--c-border, #DDE5EA); border-radius: var(--r-pill, 999px); }
.header__lang-opt { font-weight: 700; font-size: 14px; color: var(--c-text-2, #5F6B7A); padding: 3px 9px; border-radius: 999px; text-decoration: none; transition: color .15s, background .15s; line-height: 1; }
.header__lang-opt.is-active { color: #fff; background: var(--c-blue, #0E94C8); }
.header__lang-opt:not(.is-active):hover { color: var(--c-blue, #0E94C8); }
.header__lang-sep { color: var(--c-border, #DDE5EA); }

/* Телефоны: два номера один под другим + мессенджеры + «Заказать звонок» (правка #2) */
.header__phone-block { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; flex: 0 0 auto; }
.header__phones { display: flex; align-items: center; gap: 8px; }
.header__phone-ic { display: flex; color: var(--c-text, #1F2D3D); flex: 0 0 auto; }
.header__phone-nums { display: flex; flex-direction: column; line-height: 1.3; }
.header__phone-line2 { display: inline-flex; align-items: center; gap: 8px; }
.header__phone-num { font-weight: 700; font-size: 15px; color: var(--c-text, #1F2D3D); white-space: nowrap; letter-spacing: .01em; text-decoration: none; }
.header__phone-num:hover { color: var(--c-blue, #0E94C8); }
.header__msgr { display: inline-flex; align-items: center; justify-content: center; transition: opacity .15s, transform .15s; }
.header__msgr:hover { opacity: .82; transform: translateY(-1px); }
.header__msgr--wa { color: #25D366; }
.header__msgr--tg { color: #2AABEE; }
.header__request-call { background: none; border: 0; padding: 0; color: var(--c-blue, #0E94C8); font-family: var(--ff-body); font-size: 13px; cursor: pointer; text-align: left; white-space: nowrap; }
.header__request-call:hover { color: var(--c-orange, #F36012); }
.header__request-call:hover .header__sub { color: inherit; }
.header__request-call .header__sub { color: var(--c-text-2, #5F6B7A); }

/* Действия — Сравнение / Избранное (иконка + подпись) */
.header__compare, .header__wishlist, .header__cart { flex: 0 0 auto; margin: 0; }
.header__compare .this__btn, .header__wishlist .this__btn {
  display: inline-flex; flex-direction: column; align-items: center; gap: 3px;
  width: auto; min-width: 58px; padding: 4px 6px; background: none; border: 0; box-shadow: none;
  position: relative; text-decoration: none;
}
.header__compare .this__icon, .header__wishlist .this__icon { margin: 0; color: var(--c-blue, #0E94C8); }
.header__compare .this__text, .header__wishlist .this__text { font-size: 12px; color: var(--c-text-2, #5F6B7A); margin: 0; }
.header__compare:hover .this__text, .header__wishlist:hover .this__text { color: var(--c-blue, #0E94C8); }

/* Корзина — крупная оранжевая (правка #5) */
.header__cart .this__btn {
  display: inline-flex; align-items: center; gap: 10px;
  width: auto; height: 52px; padding: 0 22px;
  background: var(--c-orange, #F36012); border-radius: var(--r-pill, 999px);
  color: #fff; font-family: var(--ff-body); font-weight: 600; font-size: 15px; text-decoration: none;
  transition: background .15s;
}
.header__cart .this__btn:hover { background: var(--c-orange-dk, #D95208); }
.header__cart .this__icon { margin: 0; }
.header__cart .this__icon svg { fill: #fff; }
.header__cart .this__text { color: #fff; margin: 0; }

/* Бейджи счётчиков */
.header__compare .this__qty, .header__wishlist .this__qty {
  position: absolute; top: -2px; right: 6px;
  min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; box-sizing: border-box;
  background: var(--c-orange, #F36012); color: #fff; font-size: 10px; font-weight: 700; line-height: 16px; text-align: center;
}
.header__cart .this__qty {
  min-width: 22px; height: 22px; padding: 0 5px; border-radius: 999px; box-sizing: border-box;
  background: #fff; color: var(--c-orange, #F36012); font-weight: 700; font-size: 12px; line-height: 22px; text-align: center;
}
.this__qty.is_empty { display: none; }

/* Нав-строка под главной — по правому краю (правка #3); #2: убран зазор до слайдера */
.header__content .menu { display: flex; justify-content: flex-end; gap: 28px; margin: 6px 0 0; padding: 0 0 8px; flex-wrap: wrap; }

/* Узкие десктопы — компактнее */
@media (max-width: 1200px) {
  .header__main { gap: 14px; }
  .header__sub, .header__request-call { font-size: 11px; }
}
/* ═══ /iter-05 HEADER ═══ */