/*
  Мобильная плитка каталога Тильды
*/

@media screen and (max-width: 640px) {
  /* Растягиваем сетку на всю ширину экрана: компенсируем боковые поля блока (20px) */
  .t1291 .t-catalog__grid-cont_indent .js-catalog-grid-cont,
  .t1291 .t-catalog__grid-cont_indent .js-catalog-grid-cont-preloader {
    width: calc(100% + 40px) !important;
    max-width: none !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  /* Карточки вплотную друг к другу */
  .t1291 .t-catalog__card-list {
    --t-catalog-mobile-col-gap: 0px !important;
  }

  /* Текст под фото не прилипает к краю экрана */
  .t1291 .t-catalog__card__wrap_txt-and-btns {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}




/* ===== Карточка товара: раскладка ===== */
@media screen and (min-width: 960px) {
  /* контент сразу под фиксированным меню (высота меню 56px) */
  .t-catalog__prod-snippet__container {
    padding-top: 56px !important;
    padding-bottom: 60px !important;
  }

  /* сетка: фото | описание сверху, табы под ним */
  .t-catalog__product-snippet > .t-container {
    display: grid !important;
    grid-template-columns: 65% minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    align-items: start;
  }
  .t-catalog__product-snippet > .t-container > .t-container_fluid {
    display: contents !important;
  }
  .t-catalog__product-snippet .t-container::before,
  .t-catalog__product-snippet .t-container::after {
    display: none !important;
  }

  /* фото: без отступов по краям и между собой */
  .t-catalog__product-snippet .t-catalog__prod-popup__col-left {
    grid-column: 1;
    grid-row: 1 / 3;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .t-catalog__product-snippet .t-catalog__prod-popup__gallery-column {
    display: flex;
    flex-wrap: wrap;
  }
  .t-catalog__product-snippet .t-catalog__prod-popup__wrapper {
    display: block !important;
    width: 50% !important;
    margin: 0 !important;
  }
  .t-catalog__product-snippet .t-catalog__prod-popup__columns {
    display: block;
    width: 100% !important;
    height: auto;
  }

  /* правая колонка: название, цена, кнопка */
  .t-catalog__product-snippet .t-catalog__prod-popup__col-right {
    grid-column: 2;
    grid-row: 1;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 20px 30px 0 !important;
    position: static !important;
  }

  /* табы переезжают под кнопку «В корзину» */
  .t-catalog__product-snippet .t-catalog__tabs {
    grid-column: 2;
    grid-row: 2;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 30px 30px 0 !important;
    padding: 0 !important;
  }
}

/* ===== Липкая правая колонка ===== */
@media screen and (min-width: 960px) {
  .t-catalog__product-snippet .t-catalog__prod-popup__col-right:has(.t-catalog__tabs) {
    grid-row: 1 / -1 !important;   /* колонка тянется на всю высоту фото */
    align-self: start;
    position: sticky !important;   /* прилипает при прокрутке */
    top: 56px;                     /* сразу под меню */
  }
  .t-catalog__product-snippet .t-catalog__prod-popup__col-right .t-catalog__tabs {
    margin: 30px 0 0 !important;
  }
}

/* табы внутри колонки — без лишних боковых отступов (и на телефоне тоже) */
.t-catalog__product-snippet .t-catalog__prod-popup__col-right .t-catalog__tabs {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ===== Табы: меньше и шрифтом Manrope ===== */
.t-catalog__product-snippet .t-catalog__tabs__item-title,
.t-catalog__product-snippet .t-catalog__tabs__button-title,
.t-catalog__product-snippet .t-catalog__tabs__content {
  font-family: 'Manrope', Arial, sans-serif !important;
}
.t-catalog__product-snippet .t-catalog__tabs__item-button {
  padding: 12px 24px 12px 0 !important;
}
.t-catalog__product-snippet .t-catalog__tabs__item:last-child .t-catalog__tabs__item-button {
  border-bottom-color: #eee !important;   /* линия под последним табом, как на референсе */
}
.t-catalog__product-snippet .t-catalog__tabs__item-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}
.t-catalog__product-snippet .t-catalog__tabs__content {
  font-size: 13px !important;
  line-height: 1.55 !important;
  margin: 0 0 16px !important;
  max-width: none !important;
}
.t-catalog__product-snippet .t-catalog__tabs__close {
  transform: scale(.7);   /* плюсик и крестик поменьше */
}

/* ===== Пропорции фото на странице товара ===== */
.t-catalog__product-snippet {
  --photo-ratio: 9 / 16;   /* ← меняй здесь: 9 / 16 или 3 / 4 */
}

/* компьютер: фото в колонках */
.t-catalog__product-snippet .t-catalog__prod-popup__columns {
  aspect-ratio: var(--photo-ratio) !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center;
}

/* телефон: слайдер */
.t-catalog__product-snippet .t-slds__bgimg {
  padding-bottom: 0 !important;
  aspect-ratio: var(--photo-ratio);
  background-size: cover !important;
  background-position: center !important;
}