/*Скрываем стикеры в списке товаров */
.image_wrapper_block .sticker_skidka_dlya_biznesa, .image_wrapper_block .sticker_keshbek_urovnya_pro {
    display: none !important;
}
/*Скрыть боковое меню Каталог в категориях*/
.menu_top_block {
     display: none!important;   
}
/* ===== СИСТЕМА СТИКЕРОВ CapitalPower (ФИКСИРОВАННАЯ ШИРИНА) ===== */
/* Базовые стили для всех стикеров */
.sticker_skidka_dlya_biznesa,
.sticker_keshbek_urovnya_pro,
.sticker_proverennyy_vybor,
.sticker_15_po_kodu_b2b,
.sticker_promokod_10_b2b,
.sticker_promokod_5_b2b,
.sticker_promokod_20_b2b,
.sticker_promokod_25_b2b,
.sticker_dostavim_besplatno,
.sticker_privezem_zavtra {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 140px  !important;
    padding: 4px 5px;
    border-radius: 4px; /* Синхронизировано с артикулом */
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 0.3px;
    border: 1px solid !important; /* Обновлено */
    vertical-align: middle;
    transition: all 0.25s ease;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: default;
    margin-right: 8px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); /* Синхронизировано с артикулом */
    text-transform: uppercase;
    box-sizing: border-box;
}

/* ===== СТИКЕР "СКИДКА ДЛЯ БИЗНЕСА" ===== */
.sticker_skidka_dlya_biznesa {
    color: #2d2d2d !important;
    background: #ffd83a !important; /* Упрощено */
    border-color: #d9b71c !important; /* Осветлено */
}

/* ===== СТИКЕР "КЭШБЭК УРОВНЯ PRO" ===== */
.sticker_keshbek_urovnya_pro {
    color: #2d2d2d !important;
    background: #f8f8f8 !important; /* Упрощено до solid цвета */
    border-color: #e0e0e0 !important; /* Осветлено */
}

/* ===== СТИКЕР "PROВЕРЕННЫЙ ВЫБОР" ===== */
.sticker_proverennyy_vybor {
    color: #ffffff !important;
    background: #003d72 !important; /* Упрощено */
    border-color: #001c36 !important;
}

/* ===== СТИКЕРЫ ПРОМОКОДОВ ===== */
.sticker_15_po_kodu_b2b,
.sticker_promokod_10_b2b,
.sticker_promokod_5_b2b,
.sticker_promokod_20_b2b,
.sticker_promokod_25_b2b {
    color: #2d2d2d !important;
    background: #ffd83a !important; /* Упрощено */
    border-color: #d9b71c !important; /* Осветлено */
}

/* ===== СТИКЕР "БЕСПЛАТНАЯ ДОСТАВКА" ===== */
.sticker_dostavim_besplatno {
    color: #ffffff !important;
    background: #0085d0 !important; /* Упрощено */
    border-color: #0070b8 !important;
}

/* ===== СТИКЕР "ПРИВЕЗЕМ ЗАВТРА" ===== */
.sticker_privezem_zavtra {
    color: #ffffff !important;
    background: #5fa800 !important; /* Упрощено */
    border-color: #2e7d32 !important;
}

/* ===== ЭФФЕКТЫ ПРИ НАВЕДЕНИИ ===== */
.sticker_skidka_dlya_biznesa:hover,
.sticker_keshbek_urovnya_pro:hover,
.sticker_proverennyy_vybor:hover,
.sticker_15_po_kodu_b2b:hover,
.sticker_promokod_10_b2b:hover,
.sticker_promokod_5_b2b:hover,
.sticker_promokod_20_b2b:hover,
.sticker_promokod_25_b2b:hover,
.sticker_besplatnaya_dostavka:hover,
.sticker_privezem_zavtra:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Синхронизировано с артикулом */
}



/* Артикул в Каталоге CapitalPower */
.article {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #003d72 !important;
    background-color: #f8f9fa;
    padding: 8px 12px;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    margin: 8px 0;
    transition: all 0.2s ease;
    border: 1px solid #e9ecef;
    max-width: 100%;
    box-sizing: border-box;
}

.article:hover {
    background-color: #f1f3f5;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Для планшетов */
@media (max-width: 768px) {
    .article {
        font-size: 13px;
        padding: 6px 10px;
        margin: 6px 0;
    }
}

/* Для мобильных устройств */
@media (max-width: 520px) { /* Скрыть кнопки Избранное и Сравнить */
  .wish_item_button,
  .compare_item_button,
    .wrapp_one_click{
    display: none !important;
  }
}
@media (max-width: 448px) {
    .article {
        font-size: 11px; /* Еще меньше размер шрифта */
        padding: 4px 6px; /* Уменьшаем отступы */
        margin: 4px 0;
        display: inline-block; /* Остаемся в строке */
        white-space: nowrap; /* Запрещаем перенос текста */
        overflow: hidden; /* Скрываем выходящий за границы текст */
        text-overflow: ellipsis; /* Добавляем многоточие если текст не помещается */
        max-width: 180px; /* Максимальная ширина для артикула */
        vertical-align: middle; /* Выравниваем по центру относительно бренда */
    }
}

/* Для iPhone SE и аналогичных маленьких экранов */
@media (max-width: 380px) {
    .article {
        font-size: 10px; /* Минимальный размер шрифта */
        padding: 3px 5px; /* Минимальные отступы */
        max-width: 150px; /* Еще уже максимальная ширина */
    }
}


/* Артикул в списке Категорий CapitalPower */

.article_block {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #003d72 !important;
    transition: all 0.2s ease;
    max-width: 100%;
    box-sizing: border-box;
}

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

/*set media queries  for mobile devices */
@media (max-width: 767px) {
    .bg_section_image {
        height: 73px !important;
      }

}
@media (max-width: 420px) {
/*Размер заголовков на главной*/
.top_block h3 {font-size: 1.4rem;}

}
@media (max-width: 1400px) {
/*Дополнительный текст на банерах*/
.nomobile-text_baners {display: none;}

}





/* 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; }

/* CSS */
/* Основные стили плавающей панели фильтров для мобильной шапке */
.catalog-header-filter {
  position: fixed;
  top: 65px; /* Высота вашего хедера */
  left: 0;
  width: 100%;
  height: 0;
  z-index: 999;
  overflow: hidden;
  transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: none; /* Скрываем по умолчанию */
}

.catalog-header-filter.visible {
  height: 52px;
}

/* Специфичные стили ТОЛЬКО для плавающей панели */
.catalog-header-filter .bx-filter-title.filter_title {
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transform: translateY(-100%);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  padding: 0 20px;
  margin: 0;
}

.catalog-header-filter.visible .bx-filter-title.filter_title {
  transform: translateY(0);
}

/* Текст и иконки ТОЛЬКО в плавающей панели */
.catalog-header-filter .bx-filter-title .font_upper_md {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.2px;
  font-size: 13px;
  color: #2c2f34;
  padding-left: 8px;
  transition: color 0.3s ease;
}

.catalog-header-filter .bx-filter-title .icon {
  width: 20px;
  height: 20px;
  fill: #2c2f34;
  transition: fill 0.3s ease;
}

/* Эффекты при наведении ТОЛЬКО для плавающей панели */
.catalog-header-filter .bx-filter-title.filter_title:hover {
  cursor: pointer;
  background: #f8f9fa;
}

.catalog-header-filter .bx-filter-title.filter_title:hover .font_upper_md {
  color: #003d72;
}

.catalog-header-filter .bx-filter-title.filter_title:hover .icon {
  fill: #003d72;
}

/* Стиль для активного фильтра ТОЛЬКО в плавающей панели */
.catalog-header-filter .bx-filter-title.filter_title.active-filter {
  background: #f0f7ff;
}

.catalog-header-filter .bx-filter-title.filter_title.active-filter .font_upper_md {
  color: #003d72;
}

.catalog-header-filter .bx-filter-title.filter_title.active-filter .icon {
  fill: #003d72;
}