/* === ST300: квадратные карточки 1:1 === */

.t-store__card,
.t-store__card.t-store__card-item,
.t-store__item {
  border-radius: 0 !important;
  border: 2px solid #000000 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background-color: #fffaf0;
  padding: 12px 12px 16px 12px !important;
}

.t-store__card__imgwrapper,
.t-store__card__imgwrapper_animated,
.t-store__card__imgwrapper.t-align_center {
  border-radius: 0 !important;
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}

.t-store__card__img,
.t-store__card__bgimg,
.t-store__img {
  border-radius: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: 2px solid #000000 !important;
  box-sizing: border-box !important;
}

.t-store__card__title {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}

.t-store__card__price {
  margin-top: 4px !important;
}

/* === МОБИЛКА — без scale, только паддинги === */
@media screen and (max-width: 640px) {

  .t-store__grid {
    row-gap: 0px !important;
    grid-row-gap: 0px !important;
  }

  .t-store__card,
  .t-store__card.t-store__card-item,
  .t-store__item {
    padding: 6px 6px 10px 6px !important;
    transform: scale(0.95);
    transform-origin: top center;
    margin-top: -40px !important;   /* крути это значение под нужный зазор */
  }

  .t-store__card__imgwrapper,
  .t-store__card__imgwrapper_animated,
  .t-store__card__imgwrapper.t-align_center {
    padding: 4px !important;
    margin-bottom: 8px !important;
  }

  .t-store__card__wrap_txt,
  .t-store__card__textwrapper {
    margin-bottom: 0 !important;
  }

.t-store__card__img,
.t-store__card__bgimg,
.t-store__img {
  mix-blend-mode: multiply !important;
}