.product-media-stage{aspect-ratio:1;position:relative;background:#f5f7f5;overflow:hidden}
.product-media-stage img,.product-media-stage video{width:100%;height:100%;object-fit:contain;display:block}
.product-media-stage [hidden]{display:none!important}
.media-navigation{display:flex;align-items:center;gap:12px;margin:12px 0;flex-wrap:wrap}
.media-navigation button{min-height:40px;min-width:40px;padding:6px 12px;background:#fff;border:1px solid var(--line);border-radius:6px;cursor:pointer;color:var(--sage-deep)}
.product-media-thumbs{display:flex;gap:8px;overflow-x:auto;padding:3px 0 10px}
.product-media-thumbs button{flex:0 0 64px;width:64px;height:64px;position:relative;border:2px solid transparent;border-radius:6px;padding:0;overflow:hidden;cursor:pointer;background:#fff}
.product-media-thumbs button[aria-pressed=true]{border-color:var(--sage)}
.product-media-thumbs img{width:100%;height:100%;object-fit:contain}
.product-media-thumbs span{position:absolute;inset:18px;background:#fff;color:#203d28;border-radius:50%;display:grid;place-items:center}
#mediaLightbox{padding:40px 12px 12px;border:0;width:min(1000px,94vw);max-height:94dvh;margin:auto;border-radius:8px}
#mediaLightbox::backdrop{background:rgba(0,0,0,.8)}
#mediaLightbox img{display:block;max-width:100%;height:75dvh;object-fit:contain;margin:auto}
#mediaLightbox button{position:absolute;right:8px;top:4px;width:36px;height:36px;font-size:24px;cursor:pointer}
