/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 03 2025 | 04:45:21 */
/* 1. Képátmenet beállítása (a nagyításhoz) */
/* Csak az .entry-thumbnail-en belüli img-re vonatkozzon, ami a fő termékkép */
.product-item-inner .entry-thumbnail img {
    transition: transform 0.3s ease-in-out; 
    transform-origin: center center;
	box-shadow: 0px 2px 3px 2px rgb(0 0 0 / 17%);
	margin-bottom: 20px;
}

/* 2. A képet tartalmazó blokk levágása */
/* Ez elrejti a kép 110%-os méretéből kilógó részt */
.product-thumb {
    overflow: hidden; 
}

/* 3. A HOVER EFFEKT: ha a külső kártyára mutatunk, CSAK A FŐ KÉP nagyításra kerül */
/* A :hover a .product-item-inner-en van, de az effekt csak az .entry-thumbnail img-t érinti */
.product-item-inner:hover .entry-thumbnail img {
    transform: scale(1.1); /* 110%-os nagyítás */
	box-shadow: 0px 2px 3px 2px rgb(0 0 0 / 17%);
}