/* ====== Только мобильные экраны до 480px ====== */
@media (max-width: 480px) {
  .t-store.t-store__prod-snippet__container {
    padding-top: 20px !important;
  }
}

/* Снизу от хлебных крошек обнуляем */
.t758__list {
  margin-bottom: 0px !important;
}














  /* ================= Базовая типографика внутри нашей кнопки ================= */
  .tb-whats-btn .t-btn__text,
  .tb-whats-btn .t-store__card__btn-text,
  .tb-whats-btn .js-store-prod-popup-buy-btn-txt{
    /* адаптивный кегль по твоему правилу */
    font-size: clamp(14px, 2vw, 14px);
  }

  /* ================== Каталог (карточки) ==================
     Нолим растягивает width:100% на селекторах с js-store-*, 
     дублируем поведение для нашей .tb-whats-btn                        */
  .t-store__card-nlm057 .tb-whats-btn{
    width: 100% !important;        /* тянем на всю ширину ячейки/грида */
    display: inline-block;          /* остаёмся кнопкой-ссылкой */
  }

  /* Центровка текста внутри «табличной» разметки кнопки Tilda */
  .t-store__card-nlm057 .tb-whats-btn table{
    width: 100% !important;         /* таблица всегда на всю ширину */
    height: 100% !important;        /* и по высоте */
  }
  .t-store__card-nlm057 .tb-whats-btn tr{
    display: grid;                  /* как у Нолима */
    height: 100%;
    align-items: center;            /* вертикальная центровка */
  }
  .t-store__card-nlm057 .tb-whats-btn td{
    white-space: nowrap;            /* не рвём надпись */
    overflow: hidden;               /* безопасное обрезание */
    max-width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;        /* троеточие при узкой колонке */
  }

  /* ================== Попап с релевантами и обычный попап товара ==================
     На попап Нолим уже даёт .js-store-buttons-wrapper a {width:100%},
     но у нас своя кнопка — подстрахуем явно                         */
  .t-popup__container .tb-whats-btn,
  .t-store__prod-popup .tb-whats-btn{
    width: 100% !important;
    display: inline-block;
  }
  .t-popup__container .tb-whats-btn table,
  .t-store__prod-popup .tb-whats-btn table{
    width: 100% !important;
    height: 100% !important;
  }
  .t-popup__container .tb-whats-btn tr,
  .t-store__prod-popup .tb-whats-btn tr{
    display: grid;
    height: 100%;
    align-items: center;
  }
  .t-popup__container .tb-whats-btn td,
  .t-store__prod-popup .tb-whats-btn td{
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  /* ================= Резерв на брейкпоинты (под будущие правки) ================= */
  @media (max-width:960px){}
  @media (max-width:640px){}
  @media (max-width:480px){}
  @media (max-width:320px){}

