/* Responsive Product Gallery Lightbox v3 - 2026-06-28 */
.pg-lightbox,.pg-lightbox *{box-sizing:border-box}
.pg-lightbox[hidden]{display:none!important}
.pg-lightbox{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;font-family:inherit;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.pg-lightbox.pg-open{opacity:1;visibility:visible}
.pg-lightbox__backdrop{position:absolute;inset:0;background:rgba(4,14,24,.88);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.pg-lightbox__panel{position:relative;z-index:2;width:min(1180px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:26px;background:#fff;box-shadow:0 28px 100px rgba(0,0,0,.48);transform:translateY(10px) scale(.992);transition:transform .18s ease}
.pg-lightbox.pg-open .pg-lightbox__panel{transform:none}
.pg-lightbox__stage{position:relative;min-height:300px;flex:1 1 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px 82px 12px;background:linear-gradient(180deg,#f8fbfd 0%,#eaf1f5 100%);touch-action:pan-y pinch-zoom;user-select:none}
.pg-lightbox__image{display:block;width:auto;height:auto;max-width:100%;max-height:min(68vh,760px);max-height:min(68dvh,760px);object-fit:contain;opacity:1;transform:scale(1);transition:opacity .16s ease,transform .16s ease;-webkit-user-drag:none}
.pg-lightbox__image.pg-loading{opacity:.22;transform:scale(.985)}
.pg-lightbox__close,.pg-lightbox__arrow{position:absolute;z-index:4;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(9,35,52,.95);color:#fff;cursor:pointer;box-shadow:0 10px 28px rgba(9,35,52,.28);-webkit-tap-highlight-color:transparent;transition:background .16s ease,transform .16s ease}
.pg-lightbox__close:hover,.pg-lightbox__arrow:hover{background:#0d6092;transform:scale(1.04)}
.pg-lightbox__close:active,.pg-lightbox__arrow:active{transform:scale(.96)}
.pg-lightbox__close{top:14px;right:14px;width:46px;height:46px;font-size:30px;line-height:1}
.pg-lightbox__arrow{top:50%;width:56px;height:56px;margin-top:-28px;font-size:40px;line-height:1}
.pg-lightbox__arrow--prev{left:16px}.pg-lightbox__arrow--next{right:16px}
.pg-lightbox__close:focus-visible,.pg-lightbox__arrow:focus-visible,.pg-lightbox__thumb:focus-visible{outline:3px solid #2ea6df;outline-offset:3px}
.pg-lightbox__bottom{flex:0 0 auto;padding:14px 16px max(16px,env(safe-area-inset-bottom));border-top:1px solid rgba(26,69,91,.12);background:#fff}
.pg-lightbox__info{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.pg-lightbox__caption{min-width:0;color:#183548;font-size:15px;line-height:1.45;font-weight:750}
.pg-lightbox__count{flex:0 0 auto;display:inline-flex;align-items:center;min-height:32px;padding:5px 11px;border-radius:999px;background:#edf3f6;color:#173448;font-size:13px;font-weight:850}
.pg-lightbox__thumbs{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 7px;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;touch-action:pan-x}
.pg-lightbox__thumb{flex:0 0 92px;width:92px;padding:4px;border:1px solid rgba(26,69,91,.18);border-radius:13px;background:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(15,55,75,.08);scroll-snap-align:center;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.pg-lightbox__thumb:hover{transform:translateY(-2px)}
.pg-lightbox__thumb img{display:block;width:100%;height:68px;border-radius:9px;object-fit:cover;background:#eef3f5}
.pg-lightbox__thumb.pg-active{border-color:#1375b5;box-shadow:0 0 0 2px rgba(19,117,181,.22),0 8px 20px rgba(15,55,75,.13)}
html.pg-lock,body.pg-lock{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:760px){
 .pg-lightbox{padding:8px}
 .pg-lightbox__panel{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:18px}
 .pg-lightbox__stage{min-height:220px;padding:16px 48px 8px}
 .pg-lightbox__image{max-height:54vh;max-height:54dvh}
 .pg-lightbox__close{top:8px;right:8px;width:42px;height:42px;font-size:27px}
 .pg-lightbox__arrow{width:42px;height:42px;margin-top:-21px;font-size:31px}
 .pg-lightbox__arrow--prev{left:5px}.pg-lightbox__arrow--next{right:5px}
 .pg-lightbox__bottom{padding:11px 10px max(12px,env(safe-area-inset-bottom))}
 .pg-lightbox__info{display:grid;gap:7px;margin-bottom:9px}
 .pg-lightbox__caption{font-size:13px;line-height:1.38}
 .pg-lightbox__count{justify-self:start;min-height:28px;font-size:12px}
 .pg-lightbox__thumb{flex-basis:74px;width:74px;padding:3px;border-radius:11px}
 .pg-lightbox__thumb img{height:54px;border-radius:8px}
}
@media(max-width:420px){.pg-lightbox__stage{padding-inline:42px}.pg-lightbox__arrow{width:38px;height:38px;margin-top:-19px;font-size:28px}}
@media(prefers-reduced-motion:reduce){.pg-lightbox,.pg-lightbox__panel,.pg-lightbox__image,.pg-lightbox__close,.pg-lightbox__arrow,.pg-lightbox__thumb{transition:none!important}.pg-lightbox__thumbs{scroll-behavior:auto}}