/* =========================================================
   PITA CHLÉB – vizuální sjednocení velikosti produktu na fotce
   Nahrává se do: /user/documents/upload/product-images.css
   Připojit přes <link> v editoru kódu.

   Některé produkty mají na fotce misku přes celý rám, jiné
   malou uprostřed. Tady zmenšíme „přerostlé" fotky, aby
   produkt působil stejně velký napříč výpisem.

   Cílíme přes data-micro-product-id konkrétní karty.
   Čísla scale() lze libovolně doladit (1 = původní velikost).
   ========================================================= */

/* Aby zvětšená (přiblížená) fotka nepřetekla přes text karty
   (název / popis / cena), ořízneme ji do rámu obrázku. Nutné
   hlavně tam, kde rám neořezává jiný styl (slider na titulce). */
.product .p[data-micro-product-id="105"] .image,
.product .p[data-micro-product-id="117"] .image {
    display: block;
    overflow: hidden;
}

/* Hummus 250 g (id 105) – miska vyplňuje skoro celý rám,
   zmenšíme ji, aby působila jako Lilková pomazánka 250 g. */
.product .p[data-micro-product-id="105"] .image img {
    transform: scale(0.55) !important;
    transition: transform 0.3s ease;
}

/* Na kategorii má karta hover-zoom – udržíme zmenšení i při najetí
   (jen lehké přiblížení, ať efekt zůstane). */
body.type-category #products .product .p[data-micro-product-id="105"]:hover .image img {
    transform: scale(0.58) !important;
}

/* Lilková pomazánka 1 kg (id 117) – malá miska s velkým okrajem,
   mírně přiblížíme, ať je miska o něco větší. */
.product .p[data-micro-product-id="117"] .image img {
    transform: scale(1.20) !important;
    transition: transform 0.3s ease;
}
body.type-category #products .product .p[data-micro-product-id="117"]:hover .image img {
    transform: scale(1.25) !important;
}

/* Hummus 400 g (id 108) – miska vyplňuje skoro celý rám,
   mírně zmenšíme. */
.product .p[data-micro-product-id="108"] .image img {
    transform: scale(0.82) !important;
    transition: transform 0.3s ease;
}
body.type-category #products .product .p[data-micro-product-id="108"]:hover .image img {
    transform: scale(0.85) !important;
}

/* --- Šablona pro další produkty (odkomentovat a doplnit id/scale) ---
.product .p[data-micro-product-id="ID"] .image img {
    transform: scale(0.80) !important;
    transition: transform 0.3s ease;
}
body.type-category #products .product .p[data-micro-product-id="ID"]:hover .image img {
    transform: scale(0.84) !important;
}
*/