.product-layout[data-image-mode]{--gallery-width:60%;grid-template-columns:minmax(0,var(--gallery-width)) minmax(0,1fr)}
.product-layout[data-image-mode] .product-gallery{min-width:0;align-items:start}
.product-layout[data-image-mode] .product-media--image{display:flex;justify-content:center;align-items:center;min-width:0;overflow:hidden}
.product-layout[data-image-mode="natural"] .product-media--image img{width:auto;height:auto;max-width:min(100%,var(--native-width));max-height:min(82svh,calc(100svh - var(--header-height) - 28px));object-fit:contain;object-position:center}
.product-layout[data-image-mode="expanded"] .product-media--image{aspect-ratio:var(--picture-ratio)}
.product-layout[data-image-mode="expanded"] .product-media--image img{width:100%;height:100%;max-height:none;object-fit:cover}
.product-layout[data-image-mode="custom"] .product-media--image{aspect-ratio:var(--picture-ratio)}
.product-layout[data-image-mode="custom"] .product-media--image img{width:var(--picture-scale);height:var(--picture-scale);max-width:var(--picture-max);max-height:none;object-fit:contain}
.product-layout--quick .product-media--image{display:flex;align-items:center;justify-content:center;min-height:0}
.product-layout--quick .product-media--image img{width:100%;height:100%;max-height:80svh;object-fit:contain;object-position:center}
.product-card .card-image{aspect-ratio:var(--catalog-image-ratio,4 / 5)}
.product-card .card-image>img{object-fit:var(--catalog-image-fit,contain);object-position:center}
@media(max-width:989px) and (min-width:750px){.product-layout[data-image-mode]{grid-template-columns:minmax(0,55%) minmax(0,45%)}}
@media(max-width:749px){
 .product-layout[data-image-mode]{display:block}
 .product-layout[data-image-mode] .product-gallery{align-items:center}
 .product-layout[data-image-mode] .product-media{flex:0 0 88%;min-width:88%}
 .product-layout[data-image-mode="natural"] .product-media--image img{max-height:78svh;width:auto;max-width:100%}
 .product-layout[data-image-mode="expanded"] .product-media--image,.product-layout[data-image-mode="custom"] .product-media--image{max-height:78svh}
}
