/* 1.3.2 : vignettes produits jamais rognées. Cadre identique pour toutes les cartes,
   photo entière (carrée, en hauteur ou en largeur) centrée dans le cadre. Partout sur le site. */
.product-small .box-image { background: #FFFFFF; }
.product-small .box-image > div:not(.image-tools):not(.out-of-stock-label) > a,
.product-small .box-image > a { position: relative; display: block; aspect-ratio: var(--k3s-img-ratio, 4 / 5); overflow: hidden; background: #FFFFFF; }
.product-small .box-image > div:not(.image-tools):not(.out-of-stock-label) > a img,
.product-small .box-image > a img { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; object-fit: contain !important; object-position: center; }

/* 1.3.3 : même carte arrondie que la boutique pour toutes les grilles de produits (pages partenaires, accueil…). */
.product-small.col > .col-inner, .product-small.col > .col-inner:hover, .product-small.col:hover > .col-inner { background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 24px !important; }
.row[class*="box-shadow"] .product-small.col > .col-inner, .product-small [class*="box-shadow"], .product-small [class*="box-shadow"]:hover { box-shadow: none !important; }
.product-small.box { position: relative; height: 100%; background: #FFFFFF; border-radius: 24px !important; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.product-small.col:hover .product-small.box { transform: translateY(-6px); box-shadow: 0 22px 44px rgba(28,28,30,.12) !important; }
.product-small.box .box-image { margin: 10px 10px 0; border-radius: 18px; overflow: hidden; }
.product-small.box .box-text { background: transparent !important; box-shadow: none !important; }
@media (prefers-reduced-motion: reduce) { .product-small.box { transition: none; } .product-small.col:hover .product-small.box { transform: none; } }

/* 1.4.1 : pastille promo masquée produit par produit */
.k3s-nosale .badge-container .on-sale, .k3s-nosale .badge-container .onsale, .k3s-nosale .onsale { display: none !important; }
.k3s-nosale .badge-container .callout:has(.on-sale), .k3s-nosale .badge-container .callout:has(.onsale) { display: none !important; }