/* PDF p14: balance the visible objects, not just their image canvases.
   Shared by every occurrence of these cards (home, listing and related items).
   CSS presentation only: source photography and detail galleries stay intact. */
.product-grid .product[href="#product/25"]{--photo-scale:1.16;--photo-offset:0%}
.product-grid .product[href="#product/4"]{--photo-scale:1.04;--photo-offset:1%}
.product-grid .product[href="#product/28"]{--photo-scale:.84;--photo-offset:0%}
.product-grid .product[href="#product/2"]{--photo-scale:1.1;--photo-offset:1%}
#main .product-grid .product:is([href="#product/25"],[href="#product/4"],[href="#product/28"],[href="#product/2"]) .product-art img{
 transform:translateY(var(--photo-offset)) scale(var(--photo-scale));
 transform-origin:center;
}
/* Keep the calibrated baseline on hover; the existing alternate view still works. */

/* PDF p15: individual optical calibration for the cookware series grid.
   Group photographs retain every item; no stretching or source-image cropping. */
.rev3-series-grid .collection-card{overflow:clip}
.rev3-series-grid .collection-card[href="#collections/BAOBAB"]{--series-scale:.9;--series-y:0%}
.rev3-series-grid .collection-card[href="#collections/DODAM"]{--series-scale:.85;--series-y:0%}
.rev3-series-grid .collection-card[href="#collections/JAJACK"]{--series-scale:1.15;--series-y:0%}
.rev3-series-grid .collection-card[href="#collections/DOM"]{--series-scale:.75;--series-y:1%}
.rev3-series-grid .collection-card[href="#collections/ORUM"]{--series-scale:1.1;--series-y:2%}
.rev3-series-grid .collection-card[href="#collections/SORO"]{--series-scale:.9;--series-y:0%}
.rev3-series-grid .collection-card[href="#collections/NUBI"]{--series-scale:1.2;--series-y:0%}
.rev3-series-grid .collection-card[href="#collections/GAMA"]{--series-scale:1.1;--series-y:2%}
.rev3-series-grid .collection-card[href="#collections/MONGLE%20POT"]{--series-scale:.88;--series-y:0%}
.rev3-series-grid .collection-card[href="#collections/SILBA%20POT"]{--series-scale:1.25;--series-y:0%}
#main .rev3-series-grid .collection-card:is([href$="BAOBAB"],[href$="DODAM"],[href$="JAJACK"],[href$="DOM"],[href$="ORUM"],[href$="SORO"],[href$="NUBI"],[href$="GAMA"],[href$="MONGLE%20POT"],[href$="SILBA%20POT"])>img{
 transform:translateY(var(--series-y,0%)) scale(var(--series-scale,1));
 transform-origin:center;
}
@media(max-width:760px){
 #main .rev3-series-grid .collection-card[href="#collections/DOM"]>img{padding:22px 12%}
 #main .rev3-series-grid .collection-card h3{padding-inline:18px}
}
