/* Плитка каталога: фото товара не обрезаются и стоят на одинаковом фоне.
   Добавлено 2026-10-08.

   Что было: в style.css (строка ~4229) у миниатюр стоял object-fit: cover
   при фиксированной высоте 234px. Квадратное фото 300x300 в ячейке 202x234
   масштабировалось по высоте, и примерно 14% картинки срезалось по бокам.
   Плюс фон ячейки #f1f3f7: у 77 товаров из 100 фото на сплошном белом,
   у 22 — с прозрачностью, поэтому часть плиток была белой, часть серой.

   Что стало: contain — фото вписывается целиком, ничего не режется;
   белый фон одинаков для всех, прозрачные и белые фото выглядят одинаково;
   отступ, чтобы товар не упирался в край. Высота ячейки не меняется,
   сетка каталога остаётся прежней. */

.woocommerce div.products div.product > div > div.thumbnail-wrap img,
.woocommerce-page div.products div.product > div > div.thumbnail-wrap img,
.tax-product_cat.woocommerce div.products div.product > .woocommerce-LoopProduct-link img,
.tax-product_cat.woocommerce-page div.products div.product > .woocommerce-LoopProduct-link img,
.upsells.products .product .thumbnail-wrap img,
.woocommerce .related.products .product .thumbnail-wrap img,
.woocommerce div.products .upsell div.product > div > div.thumbnail-wrap img {
    object-fit: contain;
    object-position: center;
    background-color: #fff;
    padding: 12px;
    box-sizing: border-box;
}

/* На узких экранах ячейка ниже — отступ уменьшаем, иначе товар мельчает. */
@media (max-width: 767px) {
    .woocommerce div.products div.product > div > div.thumbnail-wrap img,
    .woocommerce-page div.products div.product > div > div.thumbnail-wrap img,
    .tax-product_cat.woocommerce div.products div.product > .woocommerce-LoopProduct-link img,
    .tax-product_cat.woocommerce-page div.products div.product > .woocommerce-LoopProduct-link img {
        padding: 8px;
    }
}