/* Seuntai — perbesar foto galeri (pasangan galeri.1.js). Kelas berawalan seuntai- supaya tidak bentrok dengan template. */
.seuntai-zoom { cursor: zoom-in; }
.seuntai-zoom:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.seuntai-lb-open, .seuntai-lb-open body { overflow: hidden; }
.seuntai-lb { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 56px 12px; background: rgba(10, 10, 14, .92); touch-action: pan-y pinch-zoom; -webkit-tap-highlight-color: transparent; animation: seuntai-lb-in .2s ease-out; }
.seuntai-lb[hidden] { display: none; }
.seuntai-lb-img { max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 6px; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); object-fit: contain; }
.seuntai-lb-count { position: absolute; left: 0; right: 0; bottom: 16px; margin: 0; text-align: center; color: #fff; font: 600 14px/1 system-ui, sans-serif; letter-spacing: .08em; opacity: .85; }
.seuntai-lb-btn { position: absolute; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #fff; font: 400 28px/44px system-ui, sans-serif; text-align: center; cursor: pointer; }
.seuntai-lb-btn:hover { background: rgba(255, 255, 255, .28); }
.seuntai-lb-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.seuntai-lb-close { top: 10px; right: 10px; }
.seuntai-lb-prev { left: 8px; top: 50%; margin-top: -22px; }
.seuntai-lb-next { right: 8px; top: 50%; margin-top: -22px; }
@keyframes seuntai-lb-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .seuntai-lb { animation: none; } }