@import url('orinza-v76.css');

/* v77 (2026-10-06): фото товара больше не срезается скруглением карточки.

   Симптом (жалоба владельца, https://orinza.ru/moyki/, «Кухонная мойка
   ORS.490.440.SATIN из нержавеющей стали»): верхний левый и верхний правый край
   товара на фото выглядят закруглёнными, хотя у самого товара углы острые.

   Причина: .card имеет border-radius: var(--r-lg) (24px) + overflow:hidden, а фото
   товара лежит край-в-край (миниатюра 480x480, силуэт товара занимает 99% кадра —
   проверено по пикселям). Скругление карточки срезало верхние углы фото примерно
   на 24px с каждой стороны, т.е. искажало вид реального товара. На странице товара
   фото специально вставлено с отступами (.prod-stage-link{inset:64px 40px 36px}),
   поэтому там углы всегда были целые.

   Решение: фото не трогаем вообще (ни размер, ни отступы). У карточки скругляем
   только нижние углы — фото остаётся край-в-край и нигде не подрезается.
   В виде «список» фото стоит слева, поэтому там скругляем только правые углы.

   Заодно убран зум фото при наведении (.card:hover .card-img img{transform:scale(1.04)}):
   он подрезал по ~8px с каждой стороны внутри overflow:hidden, т.е. на пике анимации
   товар тоже показывался обрезанным. Подъём карточки и тень при наведении сохранены. */
.card {
    border-radius: 0 0 var(--r-lg) var(--r-lg);
}

.products-grid--list .card {
    border-radius: 0 var(--r-lg) var(--r-lg) 0;
}

.card:hover .card-img img {
    transform: none;
}