.product-photo-lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff8ec;overflow:hidden;overscroll-behavior:contain}
.product-photo-lightbox::backdrop{background:#21170ff0;backdrop-filter:blur(3px)}
.product-photo-lightbox[open]{display:block}
.product-photo-lightbox-frame{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;margin:0;padding:calc(76px + env(safe-area-inset-top)) max(80px,env(safe-area-inset-right)) calc(102px + env(safe-area-inset-bottom)) max(80px,env(safe-area-inset-left));box-sizing:border-box;touch-action:pan-y pinch-zoom}
.product-photo-lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 178px - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain;user-select:none;-webkit-user-drag:none}
.product-photo-lightbox-close,.product-photo-lightbox-direction{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:46px;height:46px;min-width:44px;min-height:44px;margin:0;padding:11px;border:1px solid #fff8ec70;border-radius:50%;background:#21170fcc;color:#fff8ec;cursor:pointer}
.product-photo-lightbox-close{top:max(16px,env(safe-area-inset-top));inset-inline-end:max(18px,env(safe-area-inset-right))}
.product-photo-lightbox-direction{top:50%;transform:translateY(-50%)}
.product-photo-lightbox-prev{inset-inline-start:max(18px,env(safe-area-inset-left))}.product-photo-lightbox-next{inset-inline-end:max(18px,env(safe-area-inset-right))}
.product-photo-lightbox-direction[hidden]{display:none}
.product-photo-lightbox-close svg,.product-photo-lightbox-direction svg{width:20px!important;height:20px;flex:0 0 20px;color:inherit}
.product-photo-lightbox-prev svg{transform:rotate(180deg)}.product-photo-lightbox:dir(rtl) .product-photo-lightbox-prev svg{transform:none}.product-photo-lightbox:dir(rtl) .product-photo-lightbox-next svg{transform:rotate(180deg)}
.product-photo-lightbox-close:hover,.product-photo-lightbox-direction:hover{background:#4c392beb}
.product-photo-lightbox-close:focus-visible,.product-photo-lightbox-direction:focus-visible{outline:2px solid #fff8ec;outline-offset:4px}
.product-photo-lightbox-meta{position:absolute;inset-inline:18px;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:5px;max-height:72px;overflow:hidden;margin:0;color:#fff8ec;text-align:center;font-size:14px;line-height:1.4;pointer-events:none}
.product-photo-lightbox-caption{max-width:min(900px,100%)}.product-photo-lightbox-counter{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;color:#fff8ecc2}
@media(max-width:640px){.product-photo-lightbox-frame{padding:calc(76px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(98px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.product-photo-lightbox-image{max-height:calc(100dvh - 174px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.product-photo-lightbox-close{inset-inline-end:max(14px,env(safe-area-inset-right))}.product-photo-lightbox-prev{inset-inline-start:max(8px,env(safe-area-inset-left))}.product-photo-lightbox-next{inset-inline-end:max(8px,env(safe-area-inset-right))}.product-photo-lightbox-meta{font-size:13px;bottom:calc(17px + env(safe-area-inset-bottom))}}