/* =========================
   ST135N FIX (ЦЕЛИКОМ ДЛЯ ЗАМЕНЫ)
   - Края: 15px, между колонками: 10px, между рядами: 30px
   - Фото: бордер черный 25% по умолчанию, 100% при hover/active по карточке
   - Мобилка: поля каталога 10px, панель фильтров/поиск/сортировка с отступами 10px
   ========================= */

/* 0) Переменные отступов (десктоп) */
.t-store__grid-cont,
.t-store__grid,
.js-store-grid-cont {
  --store-side: 15px;  /* поля слева/справа */
  --store-gap: 10px;   /* между колонками */
  --store-row: 30px;   /* между рядами */
}

/* 1) Контейнер каталога: только поля, НЕ трогаем display */
.t-store__grid-cont .t-store__grid,
.t-store__grid,
.js-store-grid-cont {
  padding-left: calc(var(--store-side) - (var(--store-gap) / 2)) !important;
  padding-right: calc(var(--store-side) - (var(--store-gap) / 2)) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* 2) Колонка/обертка товара (в новых каталогах Tilda чаще всего .js-product) */
.t-store__grid .js-product,
.js-store-grid-cont .js-product {
  padding-left: calc(var(--store-gap) / 2) !important;
  padding-right: calc(var(--store-gap) / 2) !important;
  margin-bottom: var(--store-row) !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Если в конкретной версии присутствуют t-col_* */
.t-store__grid [class*="t-col_"],
.js-store-grid-cont [class*="t-col_"] {
  padding-left: calc(var(--store-gap) / 2) !important;
  padding-right: calc(var(--store-gap) / 2) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* 3) Карточка: без внутренних отступов */
.t-store__card,
.t-store__prod-snippet {
  padding: 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* 4) БОРДЕР НА ФОТО:
      default = черный 25%
      hover/active по карточке = черный 100% */
.t-store__card .t-store__card__imgwrapper,
.t-store__prod-snippet .t-store__prod-snippet__imgwrapper {
  box-sizing: border-box !important;
  border: 1.2px solid rgba(0, 0, 0, 0.25) !important;
  transition: border-color 0.3s ease !important;

  position: relative !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.t-store__card:hover .t-store__card__imgwrapper,
.t-store__card:active .t-store__card__imgwrapper,
.t-store__prod-snippet:hover .t-store__prod-snippet__imgwrapper,
.t-store__prod-snippet:active .t-store__prod-snippet__imgwrapper {
  border-color: rgba(0, 0, 0, 1) !important;
}

/* 5) Гасим псевдоэлементы/оверлеи темы (чтобы не появлялись “линии”) */
.t-store__card__imgwrapper::before,
.t-store__card__imgwrapper::after,
.t-store__prod-snippet__imgwrapper::before,
.t-store__prod-snippet__imgwrapper::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 6) Картинка на 100% ширины */
.t-store__card__imgwrapper img,
.t-store__prod-snippet__imgwrapper img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* 7) Если тема рисует разделитель — тушим */
.t-store__card .t-store__card__separator,
.t-store__prod-snippet .t-store__card__separator {
  display: none !important;
}

/* 8) Мобилка:
      - поля каталога 10px
      - между колонками 0px
      - ряд 30px
      - панель фильтров/поиск/сортировка с отступами 10px */
@media (max-width: 640px) {
  .t-store__grid-cont,
  .t-store__grid,
  .js-store-grid-cont {
    --store-side: 10px;
    --store-gap: 0px;
    --store-row: 30px;
  }

  /* Панель управления магазина (фильтры/поиск/сортировка) */
  .t-store__parts-switch,
  .t-store__toolbar,
  .t-store__filter__wrapper,
  .t-store__filter,
  .t-store__search,
  .t-store__sorting,
  .t-store__controls {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* На случай внутренних растягивающих правил */
  .t-store__toolbar *,
  .t-store__filter__wrapper *,
  .t-store__controls * {
    box-sizing: border-box !important;
  }
}