/* Independent frames sample adjacent rectangles of ONE cloth image.
   Grid gutters and captions are excluded from image coordinates. */
.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px;background:none;border:0;overflow:visible}
.product{position:relative;min-width:0;padding:0;border:0;animation:none}
.product-media{aspect-ratio:4/5;position:relative;overflow:hidden;background-color:#eee1cf;background-image:url('/dolci/media/menu-cloth-v2.webp');background-size:200% var(--cloth-height,600%);background-position:var(--cloth-x,0%) var(--cloth-y,0%);background-repeat:no-repeat}
.scene-product{position:absolute;inset:7%;display:block;width:86%;height:86%;overflow:hidden;filter:drop-shadow(0 12px 8px #3d1c1728);transition:transform .6s ease}
.product:hover .scene-product{transform:translateY(-5px)}
.product-info{padding:0;margin:0;background:none;border:0;box-shadow:none}
.product-head{margin-top:18px;align-items:baseline}
.product h3{font-size:clamp(27px,2.6vw,38px)}
.product p{font-size:12px;line-height:1.9}.product .serves{font-size:11px;color:#826c46}
.product .price{font-size:28px}
html[lang=en] .product h3{font-size:clamp(25px,2.4vw,35px)}
@media(max-width:700px){
 .products{gap:32px 14px}
 .scene-product{inset:5%;width:90%;height:90%;filter:drop-shadow(0 5px 4px #3d1c1728)}
 .product-head{margin-top:12px;gap:7px;flex-direction:column;align-items:flex-start}
 .product h3,html[lang=en] .product h3{font-size:23px;line-height:1.45}
 .product p{font-size:10px;line-height:1.8}
 .product .price{font-size:23px}.product .serves{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.scene-product{transition:none}.product:hover .scene-product{transform:none}}