/* The established case layout is preserved. Only the image detail gains SKU context. */
#image-dialog[data-sku-context="true"][open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,26%);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
#image-dialog[data-sku-context="true"]>.viewer-toolbar,#image-dialog[data-sku-context="true"]>.album-nav{grid-column:1/-1}
#image-dialog[data-sku-context="true"]>.viewer-image{height:100%;min-height:0;min-width:0;grid-column:1;grid-row:2}
.viewer-products{grid-column:2;grid-row:2;min-height:0;overflow:auto;padding:24px 24px 16px 0}
.viewer-products[hidden]{display:none!important}
.viewer-products h3{font-family:var(--body-font,inherit);font-size:14px;line-height:22px;margin:0 0 16px;font-weight:500}
.viewer-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
.viewer-product-list a{display:flex;flex-direction:column;gap:6px;min-width:0;text-decoration:none;color:inherit}
.viewer-product-list img{display:block;width:100%;height:140px;object-fit:contain}
.viewer-product-list span{font-size:11px;line-height:16px;overflow-wrap:anywhere}
@media(max-width:767px){
 #image-dialog[data-sku-context="true"][open]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto}
 #image-dialog[data-sku-context="true"]>.viewer-image{grid-row:2;padding:12px}
 #image-dialog[data-sku-context="true"]>.viewer-products{grid-column:1;grid-row:3;padding:8px 16px 12px;border-top:1px solid var(--line)}
 #image-dialog[data-sku-context="true"]>.album-nav{grid-row:4}
 .viewer-products h3{font-size:12px;line-height:18px;margin:0 0 6px}
 .viewer-product-list{display:flex;overflow-x:auto;gap:12px}
 .viewer-product-list a{flex:0 0 82px}.viewer-product-list img{height:88px}.viewer-product-list span{font-size:10px;line-height:14px}
}