/* One physical backdrop across every row and column, at every viewport. */
.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#eee1cf url('/media/menu-cloth-v2.webp') center/100% 100% no-repeat;isolation:isolate;border:1px solid #d5c5b2;overflow:hidden}
.product{position:relative;min-width:0;padding:5% 5% 6%;border-inline-end:1px solid #fcfaf559;border-bottom:1px solid #fcfaf559;display:flex;flex-direction:column;animation:none}
.product-media{background:transparent;aspect-ratio:1/1;display:grid;place-items:center;overflow:visible}
.scene-product{position:absolute;inset:4.5%;display:block;width:91%;height:91%;overflow:hidden;filter:drop-shadow(0 12px 8px #3d1c1728);transition:transform .6s ease}
.product:hover .scene-product{transform:translateY(-5px)}
.product-media button{padding:0 1% 2%}
.product-media button span{box-shadow:0 3px 15px #44262c18}
.product-info{position:relative;margin-top:15px;padding:20px 24px;background:#fcfaf5ed;border:1px solid #fffc;box-shadow:0 8px 25px #44262c08;flex:1}
.product-head{margin-top:0;align-items:baseline}
.product h3{font-size:clamp(25px,2.8vw,42px)}
.product p{font-size:12px;line-height:1.9}.product .serves{font-size:11px;color:#826c46}
.product .price{font-size:30px}
html[lang=en] .product h3{font-size:clamp(25px,2.5vw,37px)}
@media(max-width:700px){
 .collection.section-pad{padding-inline:4%}
 .product{padding:9% 5% 10%}
 .product-media{aspect-ratio:1/1.12}
 .scene-product{inset:3% 0;width:100%;height:94%;filter:drop-shadow(0 5px 4px #3d1c1728)}
 .product-info{padding:12px 10px;margin-top:10px}
 .product-head{gap:7px;flex-direction:column}
 .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}
 .product-media button span{width:27px;height:27px;font-size:18px}
}
@media(prefers-reduced-motion:reduce){.scene-product{transition:none}.product:hover .scene-product{transform:none}}