/* Общие стили для карточек (десктоп) */
.js-product.t-store__card.t-store__stretch-col.t-store__stretch-col_33.t-align_left.t-item {
  box-shadow: 0 0 0 2px #007BFF; /* Синяя обводка толщиной 2px */
  border-radius: 8px; /* Закругление углов */
  padding: 10px; /* Внутренний отступ для контента */
  margin: 5px; /* Отступ между элементами */
  background-color: #fff; /* Фон карточки */
  transition: box-shadow 0.3s ease; /* Плавное изменение обводки */
  width: calc(33.33% - 10px); /* Ширина карточки с учетом отступов (3 в ряд) */
  box-sizing: border-box; /* Учитываем padding и border в ширине */
}

/* Эффект при наведении */
.js-product.t-store__card.t-store__stretch-col.t-store__stretch-col_33.t-align_left.t-item:hover {
  box-shadow: 0 0 0 4px #0056b3; /* Увеличение обводки при наведении */
}

/* Стили для мобильных устройств (2 карточки в ряд) */
@media (max-width: 767px) {
  .js-product.t-store__card.t-store__stretch-col.t-store__stretch-col_33.t-align_left.t-item {
    width: calc(50% - 10px); /* Ширина карточки с учетом отступов (2 в ряд) */
  }
}

/* Стили для очень маленьких экранов (1 карточка в ряд) */
@media (max-width: 480px) {
  .js-product.t-store__card.t-store__stretch-col.t-store__stretch-col_33.t-align_left.t-item {
    width: calc(100% - 10px); /* Ширина карточки с учетом отступов (1 в ряд) */
  }
}