/* Responsive Product Gallery Lightbox v3 - 2026-06-28 */
.pg-lightbox,
.pg-lightbox *{box-sizing:border-box}
.pg-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  height:100dvh!important;
  padding:18px!important;
  font-family:inherit!important;
  isolation:isolate!important;
}
.pg-lightbox.pg-open{display:flex!important}
.pg-lightbox__backdrop{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  background:rgba(3,13,22,.88)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  backdrop-filter:blur(9px)!important;
}
.pg-lightbox__panel{
  position:relative!important;
  z-index:2!important;
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  max-height:calc(100dvh - 36px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 30px 110px rgba(0,0,0,.5)!important;
  opacity:1!important;
  visibility:visible!important;
}
.pg-lightbox__stage{
  position:relative!important;
  min-height:300px!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:24px 84px 14px!important;
  background:linear-gradient(180deg,#f9fcfd 0%,#e8f0f4 100%)!important;
}
.pg-lightbox__image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:min(67dvh,760px)!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:scale(1)!important;
  transition:opacity .16s ease,transform .16s ease!important;
  cursor:zoom-in!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.pg-lightbox__image.pg-loading{opacity:.22!important;transform:scale(.985)!important}
.pg-lightbox__close,
.pg-lightbox__arrow{
  position:absolute!important;
  z-index:10!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:999px!important;
  background:rgba(8,39,57,.95)!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer!important;
  box-shadow:0 12px 32px rgba(5,25,38,.32)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
.pg-lightbox__close span,
.pg-lightbox__arrow span{
  display:block!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:400!important;
  line-height:1!important;
  transform:none!important;
}
.pg-lightbox__close{
  top:14px!important;
  right:14px!important;
  width:46px!important;
  height:46px!important;
}
.pg-lightbox__close span{font-size:31px!important;margin-top:-2px!important}
.pg-lightbox__arrow{
  top:50%!important;
  width:56px!important;
  height:56px!important;
  margin-top:-28px!important;
}
.pg-lightbox__arrow span{font-size:43px!important;margin-top:-4px!important}
.pg-lightbox__arrow--prev{left:16px!important}
.pg-lightbox__arrow--next{right:16px!important}
.pg-lightbox__close:hover,
.pg-lightbox__arrow:hover{background:#0d6f91!important;transform:scale(1.04)!important}
.pg-lightbox__close:focus-visible,
.pg-lightbox__arrow:focus-visible,
.pg-lightbox__thumb:focus-visible{outline:3px solid #35b6e5!important;outline-offset:3px!important}
.pg-lightbox.pg-single .pg-lightbox__arrow{display:none!important}
.pg-lightbox__bottom{
  position:relative!important;
  z-index:5!important;
  flex:0 0 auto!important;
  display:block!important;
  width:100%!important;
  padding:14px 16px 16px!important;
  border-top:1px solid rgba(26,69,91,.13)!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
.pg-lightbox__info{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 12px!important;
}
.pg-lightbox__caption{
  min-width:0!important;
  color:#183548!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:750!important;
}
.pg-lightbox__count{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:58px!important;
  min-height:32px!important;
  padding:5px 11px!important;
  border-radius:999px!important;
  background:#eaf2f6!important;
  color:#173448!important;
  font-size:13px!important;
  font-weight:850!important;
}
.pg-lightbox__thumbs{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:80px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:3px 3px 8px!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  opacity:1!important;
  visibility:visible!important;
}
.pg-lightbox__thumb{
  position:relative!important;
  flex:0 0 92px!important;
  width:92px!important;
  height:78px!important;
  display:block!important;
  padding:4px!important;
  border:1px solid rgba(26,69,91,.2)!important;
  border-radius:13px!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer!important;
  box-shadow:0 6px 18px rgba(15,55,75,.09)!important;
  scroll-snap-align:center!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.pg-lightbox__thumb img{
  display:block!important;
  width:100%!important;
  height:68px!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  object-fit:cover!important;
  background:#eef3f5!important;
  opacity:1!important;
  visibility:visible!important;
}
.pg-lightbox__thumb.pg-active{
  border-color:#0d7daf!important;
  box-shadow:0 0 0 3px rgba(13,125,175,.22),0 9px 22px rgba(15,55,75,.14)!important;
}
html.pg-lock,
body.pg-lock{overflow:hidden!important;overscroll-behavior:none!important}

@media(max-width:760px){
  .pg-lightbox{padding:7px!important}
  .pg-lightbox__panel{max-height:calc(100dvh - 14px)!important;border-radius:18px!important}
  .pg-lightbox__stage{min-height:220px!important;padding:14px 48px 8px!important}
  .pg-lightbox__image{max-height:54dvh!important;border-radius:8px!important}
  .pg-lightbox__close{top:8px!important;right:8px!important;width:41px!important;height:41px!important}
  .pg-lightbox__close span{font-size:28px!important}
  .pg-lightbox__arrow{width:42px!important;height:42px!important;margin-top:-21px!important}
  .pg-lightbox__arrow span{font-size:34px!important}
  .pg-lightbox__arrow--prev{left:5px!important}
  .pg-lightbox__arrow--next{right:5px!important}
  .pg-lightbox__bottom{padding:10px 9px 11px!important}
  .pg-lightbox__info{display:grid!important;gap:6px!important;margin-bottom:8px!important}
  .pg-lightbox__caption{font-size:12.5px!important;line-height:1.35!important;max-height:3.7em!important;overflow:hidden!important}
  .pg-lightbox__count{justify-self:start!important;min-height:27px!important;font-size:12px!important}
  .pg-lightbox__thumbs{min-height:66px!important;gap:7px!important;padding-bottom:5px!important}
  .pg-lightbox__thumb{flex-basis:72px!important;width:72px!important;height:61px!important;padding:3px!important;border-radius:10px!important}
  .pg-lightbox__thumb img{height:53px!important;border-radius:7px!important}
}

@media(max-height:620px) and (orientation:landscape){
  .pg-lightbox{padding:6px!important}
  .pg-lightbox__panel{max-height:calc(100dvh - 12px)!important}
  .pg-lightbox__stage{min-height:160px!important;padding:8px 62px!important}
  .pg-lightbox__image{max-height:58dvh!important}
  .pg-lightbox__bottom{padding:7px 10px 8px!important}
  .pg-lightbox__info{margin-bottom:5px!important}
  .pg-lightbox__caption{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .pg-lightbox__thumbs{min-height:54px!important}
  .pg-lightbox__thumb{flex-basis:62px!important;width:62px!important;height:49px!important;padding:2px!important}
  .pg-lightbox__thumb img{height:43px!important}
}

@media(prefers-reduced-motion:reduce){
  .pg-lightbox *,
  .pg-lightbox *::before,
  .pg-lightbox *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}