.ipg-gallery{--ipg-border:#d7dce5;--ipg-accent:#1f4cff;max-width:780px;width:100%}.ipg-gallery *{box-sizing:border-box}.ipg-main-wrap{position:relative;border:1px solid var(--ipg-border);background:#fff;aspect-ratio:1/1;overflow:hidden}.ipg-main{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;display:block}.ipg-main img{width:100%;height:100%;object-fit:cover;display:block}.ipg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:0;border-radius:999px;background:rgba(255,255,255,.85);color:#8a9099;font-size:36px;line-height:1;cursor:pointer;display:grid;place-items:center}.ipg-arrow:hover,.ipg-arrow:focus-visible{color:var(--ipg-accent);background:#fff;outline:2px solid var(--ipg-accent);outline-offset:2px}.ipg-prev{left:12px}.ipg-next{right:12px}.ipg-thumbs-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:stretch;margin-top:16px}.ipg-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ipg-thumb-count,4) - 1) * 16px) / var(--ipg-thumb-count,4));gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;padding-bottom:4px}.ipg-thumb{position:relative;aspect-ratio:1/1;border:1px solid var(--ipg-border);background:#fff;padding:6px;cursor:pointer;overflow:hidden}.ipg-thumb[aria-current=true]{border:2px solid var(--ipg-accent)}.ipg-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ipg-scroll{width:34px;border:1px solid var(--ipg-border);background:#fff;color:#a0a5ad;font-size:32px;cursor:pointer}.ipg-play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.ipg-play:before{content:"";width:54px;height:54px;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 4px 14px rgba(0,0,0,.18)}.ipg-play:after{content:"";position:absolute;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid rgba(31,76,255,.92);transform:translateX(3px)}.ipg-lightbox{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(0,0,0,.78)}.ipg-lightbox-panel{width:min(100%,980px);max-height:calc(100vh - 56px);background:#fff;border-radius:10px;overflow:hidden;display:grid;grid-template-rows:1fr auto;position:relative}.ipg-lightbox-media{min-height:260px;max-height:calc(100vh - 140px);display:grid;place-items:center;background:#f8fafc;overflow:hidden}.ipg-lightbox-media img{width:100%;height:100%;max-height:calc(100vh - 140px);object-fit:cover;display:block}.ipg-lightbox-media iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.ipg-title{margin:0;padding:14px 52px 16px 18px;font-size:16px;line-height:1.4;color:#111827}.ipg-close{position:absolute;top:8px;right:8px;width:38px;height:38px;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:#111827;font-size:26px;line-height:1;cursor:pointer;z-index:4}@media(max-width:560px){.ipg-arrow{width:36px;height:36px;font-size:30px}.ipg-thumbs{grid-auto-columns:calc((100% - (var(--ipg-thumb-count,4) - 1) * 16px) / var(--ipg-thumb-count,4));gap:10px}}

.ipg-lightbox-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:52px;
  height:52px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111827;
  font-size:44px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 4px 16px rgba(0,0,0,.22);
}
.ipg-lightbox-arrow:hover,
.ipg-lightbox-arrow:focus-visible{
  background:#fff;
  outline:2px solid var(--ipg-accent,#1f4cff);
  outline-offset:2px;
}
.ipg-lightbox-prev{left:14px}
.ipg-lightbox-next{right:14px}
@media(max-width:560px){
  .ipg-lightbox-arrow{width:42px;height:42px;font-size:36px}
  .ipg-lightbox-prev{left:8px}
  .ipg-lightbox-next{right:8px}
}


.ipg-main.ipg-no-zoom{cursor:default}
.ipg-lightbox-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:52px;
  height:52px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111827;
  font-size:44px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 4px 16px rgba(0,0,0,.22);
}
.ipg-lightbox-arrow:hover,
.ipg-lightbox-arrow:focus-visible{
  background:#fff;
  outline:2px solid var(--ipg-accent,#1f4cff);
  outline-offset:2px;
}
.ipg-lightbox-prev{left:14px}
.ipg-lightbox-next{right:14px}
@media(max-width:560px){
  .ipg-lightbox-arrow{width:42px;height:42px;font-size:36px}
  .ipg-lightbox-prev{left:8px}
  .ipg-lightbox-next{right:8px}
}


/* v1.3.3 thumbnail pager: no visible scrollbar, arrow-only navigation */
.ipg-thumbs-viewport{
  position:relative;
  overflow:hidden;
  width:100%;
}

.ipg-thumbs-viewport::before,
.ipg-thumbs-viewport::after{
  content:"";
  position:absolute;
  top:0;
  bottom:4px;
  width:28px;
  z-index:2;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease;
}

.ipg-thumbs-viewport::before{
  left:0;
  background:linear-gradient(to right, rgba(255,255,255,.95), rgba(255,255,255,0));
}

.ipg-thumbs-viewport::after{
  right:0;
  background:linear-gradient(to left, rgba(255,255,255,.95), rgba(255,255,255,0));
}

.ipg-thumbs-viewport.ipg-has-left::before,
.ipg-thumbs-viewport.ipg-has-right::after{
  opacity:1;
}

.ipg-gallery .ipg-thumbs{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - (var(--ipg-thumb-count,4) - 1) * 16px) / var(--ipg-thumb-count,4)) !important;
  gap:16px !important;
  overflow:visible !important;
  scroll-behavior:auto !important;
  scrollbar-width:none !important;
  transition:transform .22s ease;
  will-change:transform;
}

.ipg-gallery .ipg-thumbs::-webkit-scrollbar{
  display:none !important;
}

.ipg-scroll:disabled{
  opacity:.35;
  cursor:default;
}

.ipg-scroll:disabled:hover,
.ipg-scroll:disabled:focus-visible{
  color:#a0a5ad;
  outline:none;
}

@media(max-width:560px){
  .ipg-gallery .ipg-thumbs{
    grid-auto-columns:calc((100% - (var(--ipg-thumb-count,4) - 1) * 10px) / var(--ipg-thumb-count,4)) !important;
    gap:10px !important;
  }
}


/* v1.3.4 thumbnail navigation: hidden scrollbar, arrow scrolls one thumbnail at a time */
.ipg-thumbs-viewport{
  position:relative;
  overflow:hidden;
  width:100%;
}

.ipg-thumbs-viewport::before,
.ipg-thumbs-viewport::after{
  content:"";
  position:absolute;
  top:0;
  bottom:4px;
  width:28px;
  z-index:2;
  pointer-events:none;
  opacity:0;
  transition:opacity .18s ease;
}

.ipg-thumbs-viewport::before{
  left:0;
  background:linear-gradient(to right, rgba(255,255,255,.95), rgba(255,255,255,0));
}

.ipg-thumbs-viewport::after{
  right:0;
  background:linear-gradient(to left, rgba(255,255,255,.95), rgba(255,255,255,0));
}

.ipg-thumbs-viewport.ipg-has-left::before,
.ipg-thumbs-viewport.ipg-has-right::after{
  opacity:1;
}

.ipg-gallery .ipg-thumbs{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - (var(--ipg-thumb-count,4) - 1) * 16px) / var(--ipg-thumb-count,4)) !important;
  gap:16px !important;
  overflow-x:hidden !important;
  overflow-y:hidden !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  transform:none !important;
  transition:none !important;
}

.ipg-gallery .ipg-thumbs::-webkit-scrollbar{
  display:none !important;
}

.ipg-scroll:disabled{
  opacity:.35;
  cursor:default;
}

.ipg-scroll:disabled:hover,
.ipg-scroll:disabled:focus-visible{
  color:#a0a5ad;
  outline:none;
}

@media(max-width:560px){
  .ipg-gallery .ipg-thumbs{
    grid-auto-columns:calc((100% - (var(--ipg-thumb-count,4) - 1) * 10px) / var(--ipg-thumb-count,4)) !important;
    gap:10px !important;
  }
}