/* Стили для компактной кнопки */
.custom-product-button {
    background-color: #3f1427 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    margin-top: 15px !important;
    padding: 12px 30px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: none !important;
    cursor: pointer !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 200px !important;
}

/* Наследуем размер шрифта от описания товара */
.t-store__prod-popup__text .custom-product-button {
    font-size: inherit !important;
}

.custom-product-button:hover {
    background-color: #2d0e1c !important;
    transform: translateY(-1px) !important;
    color: #ffffff !important;
}

/* Адаптивность для мобильных */
@media (max-width: 480px) {
    .custom-product-button {
        padding: 14px 25px !important;
        min-width: 180px !important;
        display: block !important;
        width: 100% !important;
        max-width: 280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* Стили для кнопки "Узнать подробнее" в разделе "Смотрите также" */
.t-store__card__btn {
    background-color: transparent !important;
    color: #3f1427 !important;
    border: 1px solid #3f1427 !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
}

.t-store__card__btn:hover {
    background-color: #3f1427 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}
/* Выравнивание карточек товаров в разделе "Смотрите также" */
.t-store__card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.t-store__card__wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    flex-grow: 1 !important;
}

.t-store__card__textwrapper {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    height: 100% !important;
}

/* Заголовок занимает доступное пространство */
.t-store__card__title {
    flex-grow: 1 !important;
    min-height: 60px !important;
    display: flex !important;
    align-items: flex-start !important;
}

/* Кнопка всегда внизу */
.t-store__card__btn {
    margin-top: auto !important;
    align-self: flex-start !important;
}

/* Гарантируем одинаковую высоту карточек */
.t-store__card__all {
    display: flex !important;
    flex-wrap: wrap !important;
}

.t-store__card {
    height: auto !important;
    min-height: 350px !important;
}

/* ===== ПРАВКИ 31.08.2026 — начало (можно удалить целиком для отката) ===== */

/* 1. Скрытие цен в каталоге и карточках товаров */
.t-store__card__price,
.t-store__card__price-wrapper,
.t-store__card__price-value,
.t-store__prod-popup__price,
.t-store__prod-popup__price-wrapper,
.js-store-prod-price,
.js-store-prod-price-val,
.t-store__prod-snippet__price,
.t-store__relevants__price { display: none !important; }


/* 2. Читаемый кегль в каталоге и карточках (только мобильные) */
@media screen and (max-width: 640px) {
  .t-store__card__title,
  .t-store__card__title .t-name { font-size: 17px !important; line-height: 1.35 !important; }
  .t-store__card__descr,
  .t-store__card__descr .t-descr { font-size: 14px !important; line-height: 1.5 !important; }
  .t-store__prod-popup__title { font-size: 20px !important; line-height: 1.3 !important; }
  .t-store__prod-popup__text,
  .t-store__prod-popup__text .t-descr,
  .t-store__prod-popup__opts { font-size: 15px !important; line-height: 1.6 !important; }
  .t-store__card__btn,
  .t-store__card__btn-text { font-size: 15px !important; }
}

/* 3. Зоны нажатия кнопок, ссылок и меню (только мобильные) */
@media screen and (max-width: 640px) {
  .t-store__card__btn,
  .t-btn, .t-submit, .t-menu__link-item,
  .t-menusub__link-item, .t-menuburger,
  .custom-product-button {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .t-menu__link-item, .t-menusub__link-item {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 16px !important;
  }
  .t-footer__link, .t-footer a, .t-cell a { padding: 6px 0 !important; display: inline-block !important; }
  .t-footer, .t-footer .t-text, .t-footer .t-descr,
  .t-footer__descr, .t-footer__link { font-size: 13px !important; line-height: 1.5 !important; }
}

/* 4. Блок «Наши партнёры и поставщики» скрыт на мобильных */
@media screen and (max-width: 640px) {
  #rec1654881401 { display: none !important; }
}

/* ===== ПРАВКИ 31.08.2026 — конец ===== */

/* ===== ПРАВКИ 01.09.2026 — начало (можно удалить целиком для отката) ===== */

/* 5. Под первым экраном виден край следующего блока (только мобильные) */
@media screen and (max-width: 640px) {
  html body #rec1642418351 .t396__artboard.t396__artboard,
  html body #rec1642418351 .t396__carrier,
  html body #rec1642418351 .t396__filter { height: 86vh !important; min-height: 470px !important; }
}

/* 6. Баннер гайда (виджет Envybox) вписан в экран телефона:
      было 900px при ширине экрана 390px — крестик и форма оставались за кадром */
@media screen and (max-width: 640px) {
  .white-saas-generator {
    width: 92vw !important; max-width: 340px !important;
    height: auto !important; max-height: 88vh !important;
    left: 50% !important; right: auto !important; top: 50% !important;
    bottom: auto !important; margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    overflow-y: auto !important; -webkit-overflow-scrolling: touch !important;
    border-radius: 10px !important;
  }
  .white-saas-generator-container { width: 100% !important; height: auto !important; }
  .white-saas-generator-left-block {
    position: relative !important; width: 100% !important; height: auto !important;
    float: none !important;
  }
  .white-saas-generator-image { width: 100% !important; height: auto !important; display: block !important; }
  .white-saas-generator-text-general {
    left: 0 !important; right: 0 !important; top: 50% !important;
    transform: translateY(-50%) !important; width: 100% !important;
    padding: 0 12px !important; box-sizing: border-box !important;
  }
  .white-saas-generator-text-general-span { font-size: 15px !important; line-height: 1.35 !important; }
  .white-saas-generator-right-block {
    position: static !important; width: 100% !important; height: auto !important;
    float: none !important; padding: 14px 14px 20px !important; box-sizing: border-box !important;
  }
  .white-saas-generator-close-button {
    position: absolute !important; top: 6px !important; right: 8px !important; left: auto !important;
    width: 34px !important; height: 34px !important; line-height: 34px !important;
    text-align: center !important; font-size: 26px !important; z-index: 10 !important;
  }
  .white-saas-generator-text-sub { font-size: 14px !important; line-height: 1.4 !important; max-height: none !important; }
  .white-saas-generator input[type="tel"], .white-saas-generator input[type="text"] { font-size: 16px !important; }
  .white-saas-generator-btn, .white-saas-generator-button, .white-saas-generator-btn-yes { min-height: 44px !important; font-size: 15px !important; }
}

/* 7. Текст оффера в баннере гайда переносится по ширине экрана
      (в тексте виджета стоят неразрывные пробелы — строка не помещалась) */
@media screen and (max-width: 640px) {
  .white-saas-generator-text-general-span {
    font-size: 13px !important; line-height: 1.4 !important;
    overflow-wrap: anywhere !important; word-break: break-word !important;
  }
}

/* 8. Пояснение под кнопкой «Узнать актуальную цену» в карточке товара
      (было 8px — нечитаемо на телефоне) */
@media screen and (max-width: 640px) {
  .custom-button-text { font-size: 12px !important; line-height: 1.4 !important; }
  .custom-button-container { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
}

/* ===== ПРАВКИ 01.09.2026 — конец ===== */
