.ji-gallery { width: 100%; max-width: 608px; margin: 0 auto 20px; }
.ji-gallery-stage { position: relative; width: 100%; }
.ji-gallery-zoom { display: block; width: 100%; padding: 0; border: 0; background: #f8fafc; cursor: zoom-in; }
.ji-gallery-main { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.ji-gallery-arrow { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); width: 36px; height: 44px; border: 0; background: rgba(15,23,42,.72); color: white; font-size: 28px; cursor: pointer; }
.ji-gallery-prev { left: 0; }
.ji-gallery-next { right: 0; }
.ji-gallery-thumbs { display: flex; gap: 8px; overflow-x: auto; padding: 10px 2px; }
.ji-gallery-thumb { flex: 0 0 72px; width: 72px; height: 58px; padding: 2px; border: 2px solid transparent; background: white; cursor: pointer; }
.ji-gallery-thumb[aria-pressed="true"] { border-color: #0e5eab; }
.ji-gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ji-gallery-count { text-align: right; color: #475569; font-size: 13px; }
@media (max-width: 600px) { .ji-gallery-thumb { flex-basis: 60px; width: 60px; height: 50px; } }