/* =========================================================
   ST315N (#rec2405782811) — контейнер + сетка карточек
   1440: 3 колонки, gap 20, padding 70
   960 : 2 колонки, gap 20, padding 40
   640 : 2 колонки, gap 10, padding 25
   360 : 1 колонка, gap 10, padding 15
   ========================================================= */

/* 1) Контейнер блока под вашу ширину и паддинги */
#rec2405782811 .t-container,
#rec2405782811 .t-container_12 {
  max-width: 1440px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 60px !important;
  padding-right: 60px !important;
  box-sizing: border-box !important;
}

/* 2) Превращаем раскладку карточек в CSS-grid.
   В ST315N карточки почти всегда лежат в .t-row (это ключевое).
*/
#rec2405782811 .t-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

/* 3) Отключаем тильдовские "колонки" и их гаттеры,
   чтобы не мешали grid-gap (важно для ровных 20/10px).
*/
#rec2405782811 .t-row .t-col,
#rec2405782811 .t-row [class*="t-col_"] {
  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;
}

/* Иногда у Tilda есть вспомогательные элементы-очистки строк */
#rec2405782811 .t-clear,
#rec2405782811 .t-row:before,
#rec2405782811 .t-row:after {
  display: none !important;
  content: none !important;
}


/* ====== 960 ====== */
@media screen and (max-width: 1439px) {
  #rec2405782811 .t-container,
  #rec2405782811 .t-container_12 {
    max-width: 960px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  #rec2405782811 .t-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

/* ====== 640 ====== */
@media screen and (max-width: 959px) {
  #rec2405782811 .t-container,
  #rec2405782811 .t-container_12 {
    max-width: 640px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #rec2405782811 .t-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

/* ====== 360 ====== */
@media screen and (max-width: 639px) {
  #rec2405782811 .t-container,
  #rec2405782811 .t-container_12 {
    max-width: 360px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #rec2405782811 .t-row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* Скрываем заголовки только в карточках каталога/слайдера */
#rec2405782811 .js-store-grid-cont .t-store__card__title,
#rec2405782811 .js-store-grid-cont .t-card__title,
#rec2405782811 .js-store-grid-cont .t-name,
#rec2405782811 .t-store__grid-cont .t-store__card__title,
#rec2405782811 .t-store__grid-cont .t-card__title,
#rec2405782811 .t-store__grid-cont .t-name {
  display: none !important;
}

/* Убираем лишние отступы под заголовок */
#rec2405782811 .t-store__card__descr,
#rec2405782811 .t-store__card__textwrapper,
#rec2405782811 .t315__textwrapper,
#rec2405782811 .t-store__card__bottom {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* =========================
   NLM146 — стрелки слайдера
   Блок: #rec2405782811
   1440 / 960 / 640 — вверху слева
   360 — по центру
   ========================= */

#rec2405782811 .t-store__card-list.slick-initialized.slick-slider {
  position: relative !important;
}

/* Общие стили стрелок */
#rec2405782811 .t-store__card-list .slick-prev,
#rec2405782811 .t-store__card-list .slick-next {
  position: absolute !important;
  top: -65px !important;
  transform: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 150px !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 30 !important;
}

/* 1440 по умолчанию: слева сверху */
#rec2405782811 .t-store__card-list .slick-prev {
  left: 0 !important;
  right: auto !important;
}

#rec2405782811 .t-store__card-list .slick-next {
  left: 180px !important; /* 140px ширина + 40px расстояние */
  right: auto !important;
}

/* Картинка стрелки */
#rec2405782811 .t-store__card-list .arrow-img {
  display: block !important;
  width: 100% !important;
  max-width: 150px !important;
  height: auto !important;
}

/* =========================
   960
   ========================= */
@media screen and (max-width: 1439px) {
  #rec2405782811 .t-store__card-list .slick-prev,
  #rec2405782811 .t-store__card-list .slick-next {
    top: -55px !important;
    width: 135px !important;
  }

  #rec2405782811 .t-store__card-list .arrow-img {
    max-width: 130px !important;
  }

  #rec2405782811 .t-store__card-list .slick-prev {
    left: 0 !important;
  }

  #rec2405782811 .t-store__card-list .slick-next {
    left: 150px !important; /* 110 + 30 */
  }
}

/* =========================
   640
   ========================= */
@media screen and (max-width: 959px) {
  #rec2405782811 .t-store__card-list .slick-prev,
  #rec2405782811 .t-store__card-list .slick-next {
    top: -30px !important;
    width: 135px !important;
  }

  #rec2405782811 .t-store__card-list .arrow-img {
    max-width: 135px !important;
  }

  #rec2405782811 .t-store__card-list .slick-prev {
    left: 0 !important;
  }

  #rec2405782811 .t-store__card-list .slick-next {
    left: 155px !important; /* 135 + 25 */
  }
}

/* =========================
   360
   ========================= */
@media screen and (max-width: 639px) {
  #rec2405782811 .t-store__card-list {
    padding-top: 15px !important; /* место под стрелки сверху */
  }

  #rec2405782811 .t-store__card-list .slick-prev,
  #rec2405782811 .t-store__card-list .slick-next {
    top: -20px !important;
    width: 135px !important;
  }

  #rec2405782811 .t-store__card-list .arrow-img {
    max-width: 135px !important;
  }

  /* центрируем обе стрелки */
  #rec2405782811 .t-store__card-list .slick-prev {
    left: calc(50% - 155px) !important;
  }

  #rec2405782811 .t-store__card-list .slick-next {
    left: calc(50% + 15px) !important;
  }
}