/* =========================
   CARD STYLE (внешний вид)
   ========================= */

/* Белая карточка + скругления + легкая тень */
.t-store .t-store_card,
.t-store .js-product {
  background: #fff !important;
  border-radius: 0px;
  overflow: hidden;
}

/* Чтобы внутренние отступы были как у “плашки” */
.t-store .t-store_card__wrap_txt,
.t-store .store_card__wrap_txt-and-btns {
  padding: 20px 20px 18px !important;
}

/* Контейнер с отметками/опциями */
.t-store .store_card__wrap_txt-and-opts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px 0;
}

/* Сама “плашка-таб” */
.t-store .store_card__wrap_txt-and-opts * {
  font-size: 13px;
  line-height: 1;
}

.t-store .store_card__wrap_txt-and-opts .t-store__card__opt,
.t-store .store_card__wrap_txt-and-opts .t-store__card__option,
.t-store .store_card__wrap_txt-and-opts a,
.t-store .store_card__wrap_txt-and-opts div {
  background: #f2f4f7;
  border-radius: 999px;
  padding: 8px 10px;
  border: 1px solid rgba(0, 0, 0, .06);
}

/* белая подложка под строкой */
.t-store .card-note {
  background: #ffffff;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 13px;
  margin-top: 8px;
}

/* картинка */
.t-store__grid-cont_col-width_stretch .t-store__card__imgwrapper_4-3 {
  padding-bottom: 5% !important;
}

/* Бейдж после переноса */
.t-store .t-store__card__mark-wrapper {
  margin-top: 10px;
  margin-right: 115px;
}

.t-store__card__mark {
  font-size: 12px;
  height: 25px;
  width: auto;
}

/* Ширина контейнера на очень больших экранах */
@media (min-width: 1920px) {
  .t-store__grid-cont_col-width_stretch {
    width: calc(100% - 124px) !important; /* 24px слева/справа */
    max-width: 2400px !important;        /* под 2K/4K */
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }
}


/* =========================
   GRID FIX (раскладка карточек)
   ВАЖНО: именно это чинит мобилку
   ========================= */

/* Контейнер списка карточек */
.t-store .t-store__card-list {
  display: flex !important;
  flex-wrap: wrap !important;
  column-gap: 16px !important;
  row-gap: 16px !important;
  align-items: stretch !important;
}

/* Внешний элемент карточки (любая колонка тильды) */
.t-store .t-store__card-list > [class*="t-store__stretch-col_"] {
  display: flex !important;
}

/* Сама карточка тянется по высоте */
.t-store .t-store_card {
  height: 100% !important;
  display: flex;
  flex-direction: column;
}


/* ===== DESKTOP: 3 в ряд ===== */
@media (min-width: 1200px) {
  .t-store .t-store__card-list > [class*="t-store__stretch-col_"] {
    width: calc((100% - 32px) / 3) !important; /* 2 промежутка по 16px */
  }
}

/* ===== TABLET + MOBILE: 2 в ряд ===== */
@media (max-width: 1199px) {
  .t-store .t-store__card-list > [class*="t-store__stretch-col_"] {
    width: calc((100% - 16px) / 2) !important; /* 1 промежуток 16px */
  }
}

/* ===== VERY SMALL: 1 в ряд (если надо) ===== */
@media (max-width: 360px) {
  .t-store .t-store__card-list > [class*="t-store__stretch-col_"] {
    width: 100% !important;
  }
}


.t-store__grid-cont_col-width_stretch .t-store__card__imgwrapper_16-9 {
    padding-bottom: 36%;
    margin-top: 10px !important;
}