/* ==========================================================================
   Noamy Kids — pdp-media.css (loaded right after shortcodes.css)
   Product-page images (Leona, 26-10): wide photos were cut off by the 3:4 cover frame.
   Now: one square frame for stage, thumbs and sticky bar, product always whole + centred.
   The images are normalised server-side (inc/pdp-image.php): square, trimmed, card margin,
   on --cream; photos get at most 15% cropped. Frame ratio here = 1:1 = NMK_PDP_W there.
   Images that are not normalised yet fall back to object-fit: contain.
   ========================================================================== */

/* stage: fixed square frame */
.stage{aspect-ratio:1/1;background:var(--cream);isolation:isolate}
.stage img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.stage img.nmk-pdpimg{object-fit:cover}
.stage img:not(.nmk-pdpimg){padding:6%;mix-blend-mode:multiply}
.stage .zoom{z-index:2}

/* thumbs: same square frame */
.thumbs .thumb{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--cream);border:1px solid transparent;border-radius:2px;cursor:pointer}
.thumbs .thumb.on{border-color:var(--ink)}
.thumbs img,.thumbs img.on{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0}
.thumbs img:not(.nmk-pdpimg){padding:6%;mix-blend-mode:multiply}
.thumbs img.nmk-pdpimg{object-fit:cover;padding:0}

/* sticky "in de mand" bar */
.sticky-buy__img{flex:none;object-fit:contain;background:var(--cream)}
.sticky-buy__img.nmk-pdpimg{object-fit:cover}

/* zoom: original file, transparent PNGs on the cream instead of the dark overlay */
.nmk-lightbox img{background:var(--cream)}