/* Увеличиваем ширину контейнера для всех блоков на странице */
  .t-container {
    max-width: 1358px !important;
  }
  
  

  /* Принудительно убираем отступы у класса .t-catalog__grid-cont */
  div.t-catalog__grid-cont,
  .t-catalog__grid-cont {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding: 0 !important;
  }




  /* 1. Задаем ширину основного контейнера блока */
  .t-catalog__relevants-grid-cont {
    max-width: 1358px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* 2. Превращаем список карточек в Grid-сетку */
  .t-catalog__relevants-grid-cont .t-catalog__card-list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 карточки в ряд */
    gap: 10px !important; /* Отступ 10px между карточками */
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3. Сбрасываем стандартные стили колонок Тильды */
  .t-catalog__relevants-grid-cont .t-catalog__card.t-col {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  /* 4. Принудительное соотношение сторон картинок 1:1 (квадрат) */
  .t-catalog__relevants-grid-cont .t-catalog__card__imgwrapper,
  .t-catalog__relevants-grid-cont .t-catalog__card__bgimg {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    padding-bottom: 0 !important; /* Отключаем стандартный padding Тильды */
    background-size: cover !important;
    background-position: center !important;
  }

  /* 📱 Адаптив для планшетов и мобилок */
  @media screen and (max-width: 960px) {
    .t-catalog__relevants-grid-cont .t-catalog__card-list {
      grid-template-columns: repeat(2, 1fr) !important; /* 2 карточки в ряд */
      gap: 10px !important;
    }
  }

  @media screen and (max-width: 480px) {
    .t-catalog__relevants-grid-cont .t-catalog__card-list {
      grid-template-columns: 1fr !important; /* 1 карточка в ряд */
      gap: 10px !important;
    }
  }



  /* Растягиваем контейнер табов до 1358px */
  .t-catalog__tabs.t-col_12 {
    max-width: 1358px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  /* Гарантируем, что внутренние элементы табов занимают всю доступную ширину */
  .t-catalog__tabs__controls-wrap,
  .t-catalog__tabs__list,
  .t-catalog__tabs__content {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  

  /* 1. Убираем боковые отступы у родительской колонки и сетки рекомендуемых товаров */
  .t-catalog__relevants-grid-cont,
  div.t-catalog__relevants-grid-cont {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding: 0 !important;
    max-width: 1358px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* 2. Убираем паддинги у внешней колонки t-col, если она оборачивает рекоммендации */
  .t-catalog__relevants-grid-cont.t-col,
  div.t-container .t-col:has(.t-catalog__relevants-grid-cont) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }



  /* Обнуляем левый отступ у колонки слайдера карточки товара */
  .t-catalog__prod-snippet__container .t-catalog__prod-popup__slider.t-col,
  .t-catalog__prod-snippet__container .t-catalog__prod-popup__col-left {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* Если внутри слайдера есть дополнительный padding у контейнера миниатюр */
  .t-catalog__prod-snippet__container .t-slds__thumbsbullets-with-gallery,
  .t-catalog__prod-snippet__container .t-slds__main {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
</style>