/* Product media overlay: native top layer; controls remain outside image area. */
.product-lightbox{--pl-bg:#151820;--pl-text:#fff;--pl-border:#727784;box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:var(--pl-text);background:var(--pl-bg);font-family:var(--font-ui);overflow:hidden}
.product-lightbox[open]{display:flex;flex-direction:column}.product-lightbox::backdrop{background:rgb(0 0 0 / 85%)}
.product-lightbox header,.product-lightbox footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;flex-shrink:0}.product-lightbox header{padding-top:max(12px,env(safe-area-inset-top))}.product-lightbox footer{justify-content:center;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.product-lightbox button{font:inherit;min-height:44px;min-width:44px;border:1px solid var(--pl-border);border-radius:var(--r,8px);color:inherit;background:transparent;padding:8px 12px;cursor:pointer}.product-lightbox button:disabled{opacity:.4;cursor:default}.product-lightbox :focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.product-lightbox .pl-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.product-lightbox .pl-canvas{display:flex;align-items:center;justify-content:center;min-width:100%;min-height:100%}.product-lightbox img{max-width:100%;max-height:100%;min-width:0;min-height:0;width:auto;height:auto;object-fit:contain;user-select:none}.product-lightbox .pl-error{text-align:center;margin:8px;color:var(--pl-text)}
@media(max-width:520px){.product-lightbox header,.product-lightbox footer{gap:8px;padding-left:12px;padding-right:12px}.product-lightbox footer button{padding:8px}.product-lightbox header span{font-size:14px}}

.product-lightbox.pl-reading .pl-canvas{align-items:flex-start;min-height:0}
.product-lightbox.pl-reading img{display:block;width:100%;max-height:none;height:auto;margin:0}
.product-lightbox.pl-reading footer{flex-wrap:wrap}
.product-lightbox.pl-reading [data-pl-original]{color:inherit;font-size:.8rem;padding:.45rem;text-decoration:underline}
.pl-reading-image{flex:none}