/* Every catalogue's unframed primary photo must override HTML pixel height.
   Legacy MK/Guess buttons do not use .product-view. Keep each collection's
   established aspect ratio; show the complete photo rather than a zoomed crop. */
.grid>[data-favourite-product]>button:not(.photo)>img,
.grid>[data-favourite-product]>img{width:100%!important;height:auto!important;max-width:100%;object-fit:contain!important;object-position:center!important}
/* Match established Karl grid geometry; never retain intrinsic pixel height. */
.grid>.card .product-view>img{width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:contain!important;background:#f5f4f1}

/* Guess portrait photos: fill card width without side letterboxing or cropping. */
.grid>.card .product-view>img{aspect-ratio:auto!important;width:100%!important;height:auto!important;object-fit:contain!important}
/* Guess full-width portrait viewer: scroll vertically instead of shrinking the photo. */
html.theme-black-gold #product-gallery{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html.theme-black-gold #product-gallery .gallery-inner{height:auto!important;min-height:100%;display:block!important}
html.theme-black-gold #product-gallery .gallery-header{position:sticky;top:0;z-index:5}
html.theme-black-gold #product-gallery .gallery-image-area{display:block!important;width:100%;max-width:760px;margin:0 auto;min-height:0;overflow:visible;background:#111!important}
html.theme-black-gold #product-gallery .gallery-image{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;object-fit:contain!important}
html.theme-black-gold #product-gallery .gallery-arrow{top:min(45dvh,400px)}