/* свои правила магазина: подключаются последними, обновления шаблона их не трогают */

/* Рекламные изображения упаковок показываем целиком, без обрезки текста по краям. */
.product-card__img { object-fit: contain; object-position: center; }
.product-card:hover .product-card__img { transform: none; }
/* Ярлык стоит под кадром и не закрывает надписи на упаковке. */
.product-card__media { overflow: visible; }
.product-card__tag {
  top: 100%; left: 50%; right: auto;
  transform: translateX(-50%); margin-top: 10px;
  padding: 0; background: none; color: var(--muted);
  white-space: nowrap;
}
.product-card__body { padding-top: 38px; }

/* Компактный split на телефоне: текст, кнопка и кадр помещаются в первый экран. */
@media (max-width: 720px) {
  .page--index .hero--split {
    --hero-pad: 28px;
    --section-pad: 32px;
    --card-ratio: 4 / 3;
  }
}