/* Piqelo v898 — shared product image lightbox. */
.piqeloZoomableImage{
  cursor:zoom-in!important;
  transition:filter .16s ease,opacity .16s ease,outline-color .16s ease!important;
  outline:1px solid transparent;
  outline-offset:3px;
}
.piqeloZoomableImage:hover{
  filter:brightness(1.045) saturate(1.025);
  outline-color:rgba(91,220,214,.24);
}
.piqeloZoomableImage:focus-visible{
  outline:2px solid rgba(91,225,219,.72)!important;
  outline-offset:4px!important;
}
body.piqeloImageViewerOpen{
  overscroll-behavior:none;
}
.piqeloImageViewer[hidden]{display:none!important}
.piqeloImageViewer{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  padding:clamp(12px,2.5vw,34px);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease;
}
.piqeloImageViewer.isOpen{
  opacity:1;
  pointer-events:auto;
}
.piqeloImageViewerBackdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 38%,rgba(21,94,118,.22),transparent 38%),
    rgba(1,10,17,.88);
  backdrop-filter:blur(16px);
}
.piqeloImageViewerPanel{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  width:min(94vw,1480px);
  max-height:94vh;
  min-height:min(460px,80vh);
  overflow:hidden;
  border:1px solid rgba(93,209,214,.28);
  border-radius:24px;
  background:
    radial-gradient(circle at 86% 8%,rgba(74,214,202,.10),transparent 28%),
    linear-gradient(145deg,rgba(7,31,48,.985),rgba(4,19,31,.99));
  box-shadow:
    inset 0 1px 0 rgba(185,255,247,.07),
    0 32px 90px rgba(0,0,0,.52);
  transform:translateY(8px) scale(.988);
  transition:transform .16s ease;
}
.piqeloImageViewer.isOpen .piqeloImageViewerPanel{
  transform:translateY(0) scale(1);
}
.piqeloImageViewerStage{
  min-height:0;
  display:grid;
  place-items:center;
  padding:clamp(22px,4vw,58px);
  background:
    radial-gradient(ellipse at center,rgba(74,161,190,.10),transparent 62%);
}
.piqeloImageViewerImage{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:calc(94vh - 120px);
  object-fit:contain;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.34));
}
.piqeloImageViewerClose{
  position:absolute;
  z-index:3;
  top:14px;
  right:14px;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  padding:0;
  border:1px solid rgba(119,205,219,.22);
  border-radius:50%;
  background:rgba(4,22,35,.88);
  color:#eafaff;
  font:500 30px/1 system-ui,sans-serif;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.22);
}
.piqeloImageViewerClose:hover,
.piqeloImageViewerClose:focus-visible{
  border-color:rgba(91,229,218,.55);
  background:rgba(10,56,70,.94);
  outline:none;
}
.piqeloImageViewerMeta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:62px;
  padding:13px 20px 14px;
  border-top:1px solid rgba(99,169,190,.14);
  background:rgba(3,17,28,.72);
}
.piqeloImageViewerCaption{
  min-width:0;
  color:#eff9fc;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.piqeloImageViewerHint{
  flex:0 0 auto;
  color:#7896a5;
  font-size:10px;
  font-weight:700;
}
@media(max-width:720px){
  .piqeloImageViewer{
    padding:8px;
  }
  .piqeloImageViewerPanel{
    width:100%;
    max-height:96vh;
    min-height:0;
    border-radius:18px;
  }
  .piqeloImageViewerStage{
    min-height:52vh;
    padding:42px 14px 18px;
  }
  .piqeloImageViewerImage{
    max-height:78vh;
  }
  .piqeloImageViewerClose{
    top:10px;
    right:10px;
    width:42px;
    height:42px;
  }
  .piqeloImageViewerMeta{
    min-height:54px;
    padding:10px 13px 11px;
  }
  .piqeloImageViewerCaption{
    font-size:12px;
    white-space:normal;
  }
  .piqeloImageViewerHint{
    display:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .piqeloZoomableImage,
  .piqeloImageViewer,
  .piqeloImageViewerPanel{
    transition:none!important;
  }
}