/* ============================================================
 * hw-banner-141674.css — слайд «Совместник "Яркая осень"» (IB22 #141674)
 * Задача (оператор, 28.09.2026): кнопка «Подробнее» по центру баннера
 * и хорошо заметна. Слайд переведён в TEXT_POSITION=center + TEXTCOLOR=light
 * (уникальный класс .main-slider__item.center на главной — единственный).
 * Скоп на slide id #bx_2875157043_141674, чтобы не задеть другие слайды.
 * ============================================================ */

/* --- Десктоп: кнопка в самом центре баннера, крупная и контрастная --- */
@media (min-width: 992px) {
  #bx_2875157043_141674 td.text {
    vertical-align: middle;
    text-align: center;
  }
  #bx_2875157043_141674 td.text .banner_title {
    text-align: center;
  }
  #bx_2875157043_141674 td.text .banner_buttons {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 54px;
    display: flex;
    justify-content: center;
    margin: 0;
  }
  #bx_2875157043_141674 td.text .banner_buttons .btn {
    /* кнопка должна выделяться на фото */
    background-color: #9c3530;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 15px 42px;
    border-radius: 4px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
    text-shadow: none;
    transition: background-color 0.2s ease-in-out, transform 0.15s ease-in-out;
    z-index: 20;
    position: relative;
  }
  #bx_2875157043_141674 td.text .banner_buttons .btn:hover {
    background-color: #7e2a26;
    transform: translateY(-1px);
  }
}

/* --- Планшет 768–991 --- */
@media (min-width: 768px) and (max-width: 991px) {
  #bx_2875157043_141674 td.text {
    vertical-align: middle;
    text-align: center;
  }
  #bx_2875157043_141674 td.text .banner_buttons {
    display: flex;
    justify-content: center;
  }
}

/* --- Мобайл <768: view_3 прячет td.text — возвращаем блок, центр --- */
@media (max-width: 767px) {
  #bx_2875157043_141674 td.text {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    z-index: 15;
    pointer-events: none; /* фон не перехватывает клики */
  }
  #bx_2875157043_141674 td.text .banner_title,
  #bx_2875157043_141674 td.text .banner_buttons {
    pointer-events: auto;
  }
  #bx_2875157043_141674 td.text .banner_buttons {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px; // выше пагинации
    display: flex;
    justify-content: center;
    margin: 0;
  }
  #bx_2875157043_141674 td.text .banner_buttons .btn {
    background-color: #9c3530;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-weight: 700;
    padding: 13px 34px;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
    z-index: 20;
  }
}

/* --- Текст «Совместник Яркая осень» вшит в саму картинку баннера:
       HTML-заголовок дублирует его — скрываем, остаётся только кнопка --- */
#bx_2875157043_141674 .banner_title { display: none !important; }