/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

/* Свойства товара в табличном представлении - 3 колонки */
.catalog-table__item-wrapper.properties.properties__container {
  --items-count: 3;
}

/* Адаптив для меньших экранов */
@media (max-width: 1200px) {
  .catalog-table__item-wrapper.properties.properties__container {
    --items-count: 2;
  }
}

@media (max-width: 768px) {
  .catalog-table__item-wrapper.properties.properties__container {
    --items-count: 1;
  }
}

/* Убрать пунктирное подчеркивание в подборках */
.landings-list__name span {
  border-bottom: none !important;
}

/* Убрать все подчеркивания в chip элементах */
.chip, 
.chip *, 
.chip__label,
.chip span {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: none !important;
}

/* Убрать рамки у элементов подборок и изменить на grid */
.landings-list__name,
.chip {
  border: none !important;
}

.landings-list__info-wrapper .line-block.line-block--gap-8 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

/* Оптимизация расстояний в chip элементах */
.landings-list__info-wrapper .chip {
  --item-pl: 10px !important;
  --item-pr: 10px !important;
  --item-height: 32px !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.landings-list__info-wrapper .chip__label {
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-size: 14px;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.landings-list__name {
  padding: 4px 8px 5px !important;
  margin-right: 0 !important;
  line-height: 1.4 !important;
}

.landings-list__item {
  padding-bottom: 0 !important;
}

/* Масштабирование изображений в карточках поставщиков */
.vertical-card__inner .ui-card__image,
.sale-list-card .ui-card__image {
  width: 100%;
  height: auto;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vertical-card__inner .ui-card__img,
.sale-list-card .ui-card__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.vertical-card__inner img,
.sale-list-card img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Исправление отображения алфавита на странице марок */
.head-block.head-block-letter {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 16px !important;
  padding: 20px 35px !important;
}

.head-block.head-block-letter .item-link {
  flex: 0 0 auto !important;
  display: inline-flex !important;
}

/* Убрать обводку у элементов */
.head-block.bordered-block,
.box-shadow.bordered,
.bordered-block,
.item.bordered {
  border: none !important;
  box-shadow: none !important;
}

/* ===================================================================
   HEADER CHANGES — rscable.ru redesign
   =================================================================== */

/* --- Hello-bar (TOP_HEADER) — прежняя схема: фикс. 502px SVG, отступы текста min(502px, 32vw) --- */
.banner.TOP_HEADER {
  background-color: #f8f8fc;
  color: #257de3;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  height: 30px;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  line-height: 1;
}

.banner.TOP_HEADER .banner-main,
.banner.TOP_HEADER > div,
.banner.TOP_HEADER > a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  color: #257de3;
  text-decoration: none;
  font-size: 16px;
  position: relative;
  z-index: 1;
  text-align: center;
  padding-left: min(502px, 32vw);
  padding-right: min(502px, 32vw);
}

.banner.TOP_HEADER > a .banner-main {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}

.banner.TOP_HEADER p,
.banner.TOP_HEADER span {
  color: #257de3;
  font-size: 16px;
}

.banner.TOP_HEADER b,
.banner.TOP_HEADER strong {
  font-weight: 700;
  color: #257de3;
  font-size: 16px;
}

.banner.TOP_HEADER a {
  color: inherit;
  text-decoration: none;
}

.banner.TOP_HEADER a:hover {
  color: inherit;
  opacity: 0.92;
}

.banner.TOP_HEADER::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 502px;
  height: 40px;
  background: url(/local/templates/aspro-premier/images/hello-bar-left.svg) no-repeat left top;
  background-size: 502px 40px;
  z-index: 0;
  pointer-events: none;
}

.banner.TOP_HEADER::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 502px;
  height: 40px;
  background: url(/local/templates/aspro-premier/images/hello-bar-right.svg) no-repeat right top;
  background-size: 502px 40px;
  z-index: 0;
  pointer-events: none;
  transform: rotate(180deg);
}

/*
 * Подписи под иконками сравнения / избранного / корзины.
 * В header.css подписи скрыты при max-width: 1200px — переопределяем только эти блоки.
 */
.header--narrow .header__main-part .header-compare .header__icon-name,
.header--narrow .header__main-part .header-favorite .header__icon-name,
.header--narrow .header__main-part .header-cart .header__icon-name,
.header--narrow .header__main-part .header-cart .header-cart__name {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #222228 !important;
}

.header--narrow .header__main-part .header-compare .compare-link.flexbox,
.header--narrow .header__main-part .header-favorite a.header-icon.flexbox,
.header--narrow .header__main-part .header-cart .basket.top > a.flexbox {
  flex: 0 0 auto !important;
}

.header--narrow .header__main-part .header-compare .compare-link.flexbox--direction-column,
.header--narrow .header__main-part .header-favorite a.flexbox--direction-column,
.header--narrow .header__main-part .header-cart .basket.top > a.flexbox--direction-column {
  align-items: center;
}

.header--narrow .header__main-part .header-compare,
.header--narrow .header__main-part .header-favorite,
.header--narrow .header__main-part .header-cart {
  overflow: visible;
}

/* Тема может скрывать подпись корзины у body.hide-basket-message — в шапке показываем */
body.hide-basket-message .header--narrow .header__main-part .header-cart .header-cart__name {
  display: block !important;
}

/* Нижнее меню: пункты по центру, шрифт как у «Каталог» (.font_15) */
.header--narrow .header__bottom-item.header__bottom-menu {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.header--narrow .header__bottom-menu .mega-menu.sliced {
  width: 100%;
  min-width: 0;
  display: flex;
  justify-content: center;
}

.header--narrow .header__bottom-menu .mega-menu.sliced .header-menu__wrapper {
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  /* минимальный зазор между соседними пунктами (ещё больше — поднимайте clamp) */
  column-gap: clamp(28px, 5vw, 72px);
  row-gap: 8px;
}

.header--narrow .header__bottom-menu .header-menu__item {
  margin-inline: 0;
}

@media screen and (min-width: 992px) {
  .header--narrow .header__bottom-menu .header-menu__link--top-level {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: calc(1rem + 2px);
    line-height: calc(1em + 6px);
    font-weight: 400;
  }

  .header--narrow .header__bottom-menu .header-menu__link--top-level .header-menu__title-wrapper,
  .header--narrow .header__bottom-menu .header-menu__link--top-level .header-menu__title,
  .header--narrow .header__bottom-menu .header-menu__link--top-level .header-menu__title-text,
  .header--narrow .header__bottom-menu .header-menu__link--top-level .icon-block__text {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  /* Иконки пунктов меню — тот же визуальный масштаб, что и текст (в т.ч. «Акции») */
  .header--narrow .header__bottom-menu .header-menu__link--top-level .icon-block__icon {
    --icon-size: 18px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .header--narrow .header__bottom-menu .header-menu__link--top-level .icon-block__icon svg {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px;
    max-height: 18px;
    display: block;
  }

  /* Иконки среднего ряда (сравнение, избранное, корзина, кабинет) — чуть крупнее */
  .header--narrow .header__main-part .header-compare .compare-link .header__icon svg,
  .header--narrow .header__main-part .header-favorite .header__icon svg,
  .header--narrow .header__main-part .header-cart .header__icon svg,
  .header--narrow .header__main-part .header-cabinet .header__icon svg {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px;
    max-height: 22px;
  }

  .header--narrow .header__main-part .header__icon-name,
  .header--narrow .header__main-part .header-cabinet__name {
    font-size: 0.9375rem;
    line-height: calc(1rem + 5px);
  }
}

/* Мобильное меню: корзина — иконка слева, подпись справа (как «Сравнение») */
.mobilemenu__menu--cart .mobilemenu__menu-item {
  line-height: normal;
}

.mobilemenu__menu--cart .link-wrapper > a.icon-block.dark_link,
.mobilemenu__menu--cart .link-wrapper.basket > a.icon-block {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px;
  width: 100%;
}

/*
 * Подпись «Корзина» через ::after (без :has() — Bitrix CSS-минификатор его не понимает).
 * PHP-генерируемый span.font_15 скрываем, чтобы не дублировать текст.
 */
.mobilemenu__menu--cart .link-wrapper > a.icon-block .font_15,
.mobilemenu__menu--cart .link-wrapper.basket > a .font_15 {
  display: none !important;
}

.mobilemenu__menu--cart .link-wrapper > a.icon-block::after,
.mobilemenu__menu--cart .link-wrapper.basket > a.icon-block::after {
  content: "Корзина";
  font-size: 0.9375rem;
  line-height: calc(1em + 7px);
  flex: 1 1 auto;
  min-width: 0;
  color: inherit;
}

/* «Акции»: только красный цвет; кегль и 18px-иконка задаются общими правилами нижнего меню */
.header--narrow .header-menu__link--top-level[href="/sale/"],
.header--narrow .header-menu__link--top-level[href*="/sale/"] {
  color: #e53935 !important;
}

.header--narrow .header-menu__link--top-level[href*="/sale/"] .header-menu__title-text,
.header--narrow .header-menu__link--top-level[href*="/sale/"] .icon-block__text {
  color: inherit !important;
}

.header--narrow .header-menu__link--top-level[href*="/sale/"] .icon-block__icon {
  color: #e53935;
}

.header--narrow .header-menu__link--top-level[href*="/sale/"] .icon-block__icon svg,
.header--narrow .header-menu__link--top-level[href*="/sale/"] .icon-block__icon svg * {
  fill: #e53935 !important;
  stroke: #e53935 !important;
}

/* Верхний ряд: навигация убрана из разметки (header_top-bar_tiny.php); пункты в нижней полосе — .only_catalog.menu.php */

/*
 * Верхняя строка: регион слева; почта + телефон + «Заказать звонок» — группа вправо
 * (первый ребёнок — .line-block-wrap с регионом, не .line-block__item)
 */
.header--narrow .header__top-part .maxwidth-theme > .line-block.line-block--justify-between {
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 8px;
}

.header--narrow .header__top-part .maxwidth-theme > .line-block.line-block--justify-between > .line-block-wrap {
  flex-shrink: 0;
  margin-right: auto;
}

.header--narrow .header__top-part .maxwidth-theme > .line-block.line-block--justify-between > .line-block__item:has(.mail-wrap),
.header--narrow .header__top-part .maxwidth-theme > .line-block.line-block--justify-between > .line-block__item:has(.phones),
.header--narrow .header__top-part .maxwidth-theme > .line-block.line-block--justify-between > .line-block__item:has(.form-button) {
  flex-shrink: 0;
}

/* --- Верхний ряд: рамка вокруг email-блока --- */
.header__top-part .mail-wrap {
  border: 1px solid #257de3;
  border-radius: 7px;
  padding: 5.5px 12px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.header__top-part .mail-wrap .lable-mail {
  font-size: 14px;
  color: #222228;
  white-space: nowrap;
}

.header__top-part .mail-wrap a {
  font-size: 14px;
  color: #257de3;
  text-decoration: none;
  white-space: nowrap;
}

.header__top-part a[href^="tel:"] {
  text-decoration: none;
}

/* --- Sticky header height adjustment --- */
#headerfixed .header__main-part {
  height: 70px;
}

/* ===================================================================
   MOBILE HEADER — fit all icons in 390px without zoom
   =================================================================== */

/* Reduce gap between icons on narrow phones */
@media screen and (max-width: 480px) {
  .mobileheader .mobileheader__inner .mobileheader__inner-part {
    --gap: 14px;
  }
  .mobileheader .logo {
    max-width: 100px;
  }
}

@media screen and (max-width: 390px) {
  .mobileheader .mobileheader__inner .mobileheader__inner-part {
    --gap: 10px;
  }
  .mobileheader .logo {
    max-width: 90px;
  }
}

/* Reduce horizontal padding on mobile header at very small screens */
@media screen and (max-width: 480px) {
  .mobileheader .maxwidth-theme {
    --theme-page-width-padding: 12px;
  }
}

/* --- MIDDLE_ADV (banners-with-text-bg): высота карточки ~в 2 раза ниже (было 480×300 / padding 89.2%) --- */
.banners-with-text-bg-template .ui-card.grid-list__item.ui-card__image--ratio-1 {
  --aspect-ratio: 480 / 150;
}

/* Aspro: rectangle-баннер задаёт padding-bottom 89.2% ширины — уменьшаем вдвое + снимаем min-height 300px */
.banners-with-text-bg-template .ui-card.grid-list__item .ui-card__image.ui-card__image--banner-ratio-full-width.ui-card__image--banner-ratio-full-width-rectangle {
  --ratio: 44.6%;
  min-height: 0 !important;
}

/* Скругление MIDDLE_ADV = как у слайда героя BIG_BANNER (.outer-rounded-x) */
.banners-with-text-bg-template .ui-card.grid-list__item.outer-rounded-x {
  border-radius: var(--theme-outer-border-radius, 12px);
}

.banners-with-text-bg-template .ui-card.grid-list__item.outer-rounded-x .ui-card__image {
  border-radius: var(--theme-outer-border-radius, 12px);
}

.banners-with-text-bg-template .ui-card.grid-list__item.outer-rounded-x .ui-card__img {
  border-radius: var(--theme-outer-border-radius, 12px);
}

/* MIDDLE_ADV: заполнение рамки cover, верх изображения совпадает с верхом области */
.banners-with-text-bg-template .ui-card__img {
  width: 70%;
  object-fit: cover;
  object-position: center top;
}

/* «Склады» / филиал: cover, кадрирование по центру, max-width как в ТЗ */
.banners-with-text-bg-template .ui-card__img.rscable-middle-adv-img--focus-stores {
  object-fit: cover;
  object-position: 50%;
  height: 100%;
  left: 0;
  top: 0;
  max-width: 70%;
  max-height: 100%;
  transform: none;
}

.banners-with-text-bg-template .ui-card > .ui-card__link {
  inset: 0;
  width: 100%;
  height: 100%;
}

/* --- Шапка: поиск забирает максимум места между логотипом и иконками --- */
@media screen and (min-width: 992px) {
  .header--narrow .header__main-part .line-block__item.flex-1.header__search {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .header--narrow .header__main-part .header__search .part-with-search__inner {
    width: 100%;
    min-width: 0;
  }

  .header--narrow .header__main-part .header__search .line-block__item.header__search.flex-1 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .header--narrow .header__main-part .header__search .search-title--corp,
  .header--narrow .header__main-part .header__search #title-search,
  .header--narrow .header__main-part .header__search .search-title__form-container,
  .header--narrow .header__main-part .header__search form.search-title__form {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }

  .header--narrow .header__main-part .header__search form.search-title__form.line-block {
    width: 100% !important;
    max-width: none !important;
  }

  /* Строка поиска (поле + кнопки) — детали в .cursor_docs/rscable-header-main-row.md */

  /* Тема: .header__search--compact { max-width: 360px } — отменяем на узкой шапке */
  .header--narrow .header__main-part .header__search.header__search--compact,
  .header--narrow .header__main-part .header__search .header__search--compact {
    max-width: none !important;
    width: 100% !important;
  }
}

/* --- Нижнее меню: простой выпадающий список без min-height 240px --- */
@media screen and (min-width: 992px) {
  .header--narrow .header-menu__dropdown-menu:not(:has(.menu-navigation)) .header-menu__wide-limiter,
  .header--narrow .header-menu__dropdown-menu:not(:has(.menu-navigation)) .dropdown-menu-inner.header-menu__wide-limiter {
    min-height: 0 !important;
    height: auto !important;
  }
}

/*
 * Верхний ряд шапки (rscable-header-main-row): инварианты см. .cursor_docs/rscable-header-main-row.md
 * — один визуальный уровень: логотип, слоган, «Каталог»+поиск, иконки; каталог и поиск всегда в одну линию.
 */
@media screen and (min-width: 992px) {
  /* Высота среднего ряда — по линии поиска/каталога (44px), не фиксированные 88px из header.css */
  .header--narrow .header__main-part.part-with-search {
    --menu-height: auto;
    height: auto !important;
    min-height: 0 !important;
    align-items: flex-end;
  }

  .header--narrow .header__main-part.part-with-search > .maxwidth-theme {
    height: auto !important;
    min-height: 0 !important;
    align-items: flex-end;
  }

  .header--narrow .header__main-part .rscable-header-main-row.line-block {
    flex-wrap: nowrap;
    align-items: flex-end;
    column-gap: clamp(8px, 1.5vw, 24px);
  }

  .header--narrow .header__main-part .rscable-header-main-row > .line-block__item {
    align-self: flex-end;
  }

  .header--narrow .header__main-part .rscable-header-main-row > .line-block__item:first-child,
  .header--narrow .header__main-part .rscable-header-main-row > .line-block__item.rscable-header-slogan {
    align-self: center;
  }

  .header--narrow .header__main-part .rscable-header-main-row > .line-block__item.header__search,
  .header--narrow .header__main-part .header__search > .line-block.part-with-search__inner,
  .header--narrow .header__main-part .header__search .line-block__item.header__burger,
  .header--narrow .header__main-part .header__search .header__burger .mega-menu,
  .header--narrow .header__main-part .header__search .header__burger .header-menu__wrapper,
  .header--narrow .header__main-part .header__search .header__burger .header-menu__item,
  .header--narrow .header__main-part .header__search .header__burger [class*="catalog_icons"] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .header--narrow .header__main-part .rscable-header-main-row > .line-block__item.header__search {
    align-self: flex-end !important;
  }

  .header--narrow .header__main-part .rscable-header-slogan {
    flex: 0 1 auto;
    min-width: 0;
    max-width: min(100%, 15rem);
  }

  .header--narrow .header__main-part .rscable-header-slogan .slogan__text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
  }

  .header--narrow .header__main-part .rscable-header-main-row > .line-block__item > .header-cabinet,
  .header--narrow .header__main-part .rscable-header-main-row > .line-block__item > .header-compare,
  .header--narrow .header__main-part .rscable-header-main-row > .line-block__item > .header-favorite,
  .header--narrow .header__main-part .rscable-header-main-row > .line-block__item > .header-cart {
    flex-shrink: 0;
    display: flex;
    align-items: center;
  }

  /* Каталог + поиск: одна строка, нижняя граница на одной линии с form.search-title__form */
  .header--narrow .header__main-part .header__search > .line-block.part-with-search__inner {
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    min-width: 0;
    width: 100%;
    column-gap: clamp(8px, 1.2vw, 16px);
  }

  .header--narrow .header__main-part .header__search .header__burger {
    flex-shrink: 0;
  }

  /* Иконка + подпись: единая вертикальная сетка как у «Сравнение» */
  .header--narrow .header__main-part .rscable-header-main-row .header-cabinet__link.flexbox--direction-column,
  .header--narrow .header__main-part .rscable-header-main-row .compare-link.flexbox--direction-column,
  .header--narrow .header__main-part .rscable-header-main-row .header-favorite a.header-icon.flexbox--direction-column,
  .header--narrow .header__main-part .rscable-header-main-row .header-cart .basket.top > a.flexbox--direction-column {
    justify-content: flex-start;
    align-items: center;
  }

  /*
   * Поиск: одна визуальная «таблетка» form.form-control — поле, очистка, тип, голос и submit не вылезают за фон/скругление.
   * Не задавать input min-width в rem: flex не сможет сжать поле, кнопки окажутся снаружи подложки.
   */
  .header--narrow .header__main-part .header__search form.search-title__form.rscable-search-title-form {
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border-radius: inherit;
  }

  .header--narrow .header__main-part .header__search form.search-title__form.rscable-search-title-form > #title-search-input,
  .header--narrow .header__main-part .header__search form.search-title__form.rscable-search-title-form > input.search-title__input {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    flex: 1 1 0% !important;
    box-sizing: border-box;
    align-self: center;
    background: transparent !important;
  }

  .header--narrow .header__main-part .header__search form.search-title__form.rscable-search-title-form > .btn-clear-search,
  .header--narrow .header__main-part .header__search form.search-title__form.rscable-search-title-form > .search-title__options,
  .header--narrow .header__main-part .header__search form.search-title__form.rscable-search-title-form > .search-title__additional-option,
  .header--narrow .header__main-part .header__search form.search-title__form.rscable-search-title-form > .search-title__submit {
    flex-shrink: 0 !important;
    align-self: center;
  }

  /* Плейсхолдер «Поиск по каталогу»: как на прод 5482bd0 — компактный кегль только у placeholder */
  .header--narrow .header__main-part .header__search #title-search-input::placeholder {
    font-size: max(12px, 0.8125rem);
    letter-spacing: -0.015em;
    opacity: 0.92;
  }

  /*
   * Подписи «Избранное» / «Корзина»: надёжно через ::after (у динамики Битрикс span часто не попадает в HTML).
   * Текст из верстки скрываем, чтобы не было дублей, если позже модуль начнёт отдавать подпись.
   */
  .header--narrow .header__main-part .header-favorite a.header-icon > .header__icon-name {
    display: none !important;
  }

  .header--narrow .header__main-part .header-favorite a.header-icon::after {
    content: "Избранное";
    display: block !important;
    font-size: 0.875rem;
    line-height: calc(1rem + 3px);
    padding-top: 7px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--white_text_black, #222228);
    text-align: center;
  }

  .header--narrow .header__main-part .header-cart .basket.top > a > .header-cart__name,
  .header--narrow .header__main-part .header-cart .basket.top > a > .header__icon-name.header-cart__name {
    display: none !important;
  }

  .header--narrow .header__main-part .header-cart .basket.top > a::after {
    content: "Корзина";
    display: block !important;
    font-size: 0.875rem;
    line-height: calc(1rem + 3px);
    padding-top: 7px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--white_text_black, #222228);
    text-align: center;
  }

  .header--narrow .header__main-part .header-favorite a.header-icon,
  .header--narrow .header__main-part .header-cart .basket.top > a {
    overflow: visible !important;
  }

  /* Кабинет / сравнение: перебиваем display:none для .header__icon-name при ≤1200px */
  .header--narrow .header__main-part .header-cabinet .header-cabinet__name.header__icon-name,
  .header--narrow .header__main-part .header-compare .compare-link .header__icon-name {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Избранное в моб. меню: та же строка «иконка + текст», что у сравнения (без колонки) */
.mobilemenu__menu--favorite .link-wrapper a.icon-block {
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px;
  width: 100%;
}

/* Главная: зазор MIDDLE_ADV ↔ TIZERS ↔ CATALOG (см. rscable-site-tweaks.css) */
body#main .body.index .main.banner-auto > .container > .drag-block.container.MIDDLE_ADV {
  padding-bottom: 40px !important;
}
body#main .body.index .main.banner-auto > .container > .drag-block.container.TIZERS {
  padding-bottom: 40px !important;
  margin: 0 !important;
}
body#main .body.index .main.banner-auto > .container > .drag-block.container.TIZERS > .index-block.index-block--padding-top-12 > div {
  padding-top: 0 !important;
}
body#main .body.index .main.banner-auto > .container > .drag-block.container.CATALOG_SECTIONS > .index-block.index-block--padding-top-80 > .sections-list {
  padding-top: 0 !important;
}

/* --- Блок TIZERS: лид слева + сетка тизеров (как в макете) --- */
.rscable-tizers-intro-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px 40px;
}

.rscable-tizers-intro-wrap__lead {
  flex: 0 1 300px;
  max-width: 100%;
}

.rscable-tizers-intro-wrap__title {
  font-size: clamp(1.125rem, 1.5vw + 0.75rem, 1.375rem);
  line-height: 1.35;
  font-weight: 600;
  margin: 0;
  color: var(--white_text_black, #222228);
}

/* Заголовок на одной горизонтали с иконками тизеров (отступ как p--24 у карточки) */
@media screen and (min-width: 992px) {
  .rscable-tizers-intro-wrap__lead {
    padding-top: 24px;
    box-sizing: border-box;
  }
}

.rscable-tizers-intro-wrap__items {
  flex: 1 1 0;
  min-width: min(100%, 520px);
}

.rscable-tizers-intro-wrap__items .tizers-list__items-wrapper {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .rscable-tizers-intro-wrap--flat .rscable-tizers-intro-wrap__items {
    width: 100%;
    min-width: 0;
    flex: 1 1 100%;
  }

  .rscable-tizers-intro-wrap--flat .tizers-list__items-wrapper.grid-list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
  }

  .rscable-tizers-intro-wrap--flat .tizers-list__items-wrapper.grid-list > .grid-list__item {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
  }

  .rscable-tizers-intro-wrap--flat .tizers-list__item-wrapper {
    height: 100%;
  }

  .rscable-tizers-intro-wrap--flat .tizers-list__item {
    height: 100%;
    min-height: 136px;
    align-items: flex-start;
  }
}

/* Иконка слева от текста (если в настройках Aspro снова TOP) */
.rscable-tizers-intro-wrap--flat .tizers-list__item--column {
  flex-direction: row;
  align-items: flex-start;
}

.rscable-tizers-intro-wrap--flat .tizers-list__item-image-wrapper.mb.mb--40 {
  margin-bottom: 0;
  margin-right: 16px;
}

@media screen and (max-width: 991px) {
  .rscable-tizers-intro-wrap {
    flex-direction: column;
    gap: 20px;
  }

  .rscable-tizers-intro-wrap__lead {
    flex-basis: auto;
  }

  /* Тизеры: колонка на всю ширину вместо горизонтального скролла с вылетом за экран */
  .rscable-tizers-intro-wrap .tizers-list__items-wrapper.grid-list.mobile-scrolled {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: visible !important;
  }

  .rscable-tizers-intro-wrap .tizers-list__items-wrapper .grid-list__item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  .rscable-tizers-intro-wrap--flat .tizers-list__items-wrapper.grid-list.mobile-scrolled {
    gap: 12px;
  }

  .rscable-tizers-intro-wrap--flat .tizers-list__item {
    min-height: 0;
  }

  /* MIDDLE_ADV: три карточки — колонка, без overflow */
  .banners-with-text-bg-template .grid-list.grid-list--items.mobile-scrolled {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: visible !important;
  }

  .banners-with-text-bg-template .grid-list.mobile-scrolled > .grid-list__item {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
}