/* Стили для компактной кнопки */
.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: 100vh !important; min-height:100vh !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 — конец ===== */


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

/* 9. Первый экран на айфоне: 100vh в Safari считается без адресной строки,
      блок получался выше видимой области и при скролле под шапкой
      оставалась тёмная полоса (видео Дмитрия от 02.09).
      dvh считает реальную высоту, старые браузеры возьмут 100vh из п.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: 100dvh !important;
    min-height: 100dvh !important;
  }
}

/* 10. Кегль на кнопках «Узнать подробнее» и заголовках карточек (просил Евгений) */
@media screen and (max-width: 640px) {
  .t-store__card__title,
  .t-store__card__title .t-name { font-size: 19px !important; line-height: 1.3 !important; }
  .t-store__card__btn,
  .t-store__card__btn-text,
  .t-store__card__btn .t-btnflex__text { font-size: 17px !important; }
}

/* 11. Зоны нажатия крупнее: 44px оказалось незаметно */
@media screen and (max-width: 640px) {
  .t-store__card__btn,
  .t-btn, .t-submit,
  .custom-product-button { min-height: 52px !important; }
  .t-menu__link-item,
  .t-menusub__link-item {
    min-height: 50px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  /* у бургера расширяем только область попадания, вид не трогаем */
  .t-menuburger { position: relative !important; }
  .t-menuburger::after {
    content: '' !important;
    position: absolute !important;
    top: -14px !important; right: -14px !important;
    bottom: -14px !important; left: -14px !important;
  }
}

/* 12. Кнопка мессенджеров опущена на одну линию с кнопкой «наверх»:
      справа она висела на 100px от низа, слева кнопка наверх на 18px,
      из-за этого перекос по высоте (просил Евгений) */
@media screen and (max-width: 640px) {
  /* сам блок задаёт себе bottom через #rec...:
     на главной 100px, на внутренних 29px — отсюда и перекос,
     поэтому перебиваем по id, иначе не хватает специфичности */
  html body #rec1642680061 .t898 .t898__btn,
  html body #rec1639132941 .t898 .t898__btn,
  html body .t898 .t898__btn { bottom: 20px !important; }
}

/* 13. Бургер чуть крупнее, 28px → 32px (просил Евгений).
      Выравнивание по центру с лого задано в HEAD, его не трогаем */
@media screen and (max-width: 640px) {
  .t-menuburger { width: 32px !important; }
  .t-menuburger span { width: 32px !important; }
}
/* ===== ПРАВКИ 02.09.2026 — конец ===== */


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

/* 14. Текст баннера гайда не помещался в картинку: блок шире её на 17px
      (left:60px при right:-16.8px), из-за этого последнее слово первой строки
      уезжало под белую форму и обрезалось. Выравнивание согласовано с Дмитрием,
      сам текст не менялся. Только десктоп — мобильная раскладка настроена в п.6 */
@media screen and (min-width: 641px) {
  .white-saas-generator-text-general {
    left: 40px !important;
    right: 40px !important;
    width: auto !important;
  }
  .white-saas-generator-text-general-span {
    font-size: 23px !important;
    line-height: 1.35 !important;
  }
}
/* ===== ПРАВКИ 03.09.2026 — конец ===== */