/**
 * Стили для страницы Каталога (pages/catalog.css)
 * Размещение товаров в 2 ряда (2 колонки) для блока #rec3509034201
 */

/* ========================================================
   1. Полное скрытие прелоадера (серых мерцающих прямоугольников)
   ======================================================== */
#rec3509034201 .js-store-grid-cont-preloader,
#rec3509034201 .t-store__grid-cont-preloader_hidden,
#rec3509034201 .t-store__card-preloader {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ========================================================
   2. Сетка реальных товаров Tilda Store (#rec3509034201)
   ======================================================== */

/* Контейнер каталога — Flexbox применяется только к сетке товаров, исключая прелоадер */
#rec3509034201 .js-store-grid-cont:not(.js-store-grid-cont-preloader) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  row-gap: 50px !important;
}

/* Скрываем встроенные 3-колоночные разделители строк Tilda */
#rec3509034201 .t-store__grid-separator,
#rec3509034201 .t-clear {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Десктоп (> 1200px): ровно 2 карточки в ряд */
#rec3509034201 .js-store-grid-cont:not(.js-store-grid-cont-preloader) > .t-store__card,
#rec3509034201 .js-store-grid-cont:not(.js-store-grid-cont-preloader) > .t-col_4 {
  width: calc(50% - 40px) !important;
  max-width: calc(50% - 40px) !important;
  flex: 0 0 calc(50% - 40px) !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
  box-sizing: content-box !important;
  float: none !important;
}

/* Ноутбуки и экраны (961px - 1200px): 2 карточки в ряд */
@media screen and (max-width: 1200px) {
  #rec3509034201 .js-store-grid-cont:not(.js-store-grid-cont-preloader) > .t-store__card,
  #rec3509034201 .js-store-grid-cont:not(.js-store-grid-cont-preloader) > .t-col_4 {
    width: calc(50% - 20px) !important;
    max-width: calc(50% - 20px) !important;
    flex: 0 0 calc(50% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}

/* Планшеты и мобильные (<= 960px): 2 карточки в ряд */
@media screen and (max-width: 960px) {
  #rec3509034201 .js-store-grid-cont:not(.js-store-grid-cont-preloader) > .t-store__card,
  #rec3509034201 .js-store-grid-cont:not(.js-store-grid-cont-preloader) > .t-col_4 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    box-sizing: border-box !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: inline-flex !important;
  }
}

/* Кнопка "Показать еще" и разделители категорий на всю ширину */
#rec3509034201 .t-store__load-more-btn-wrap,
#rec3509034201 .t-store__grid-separator {
  width: 100% !important;
  flex: 0 0 100% !important;
}