/* ===== PRODUCT IMAGE GALLERY ===== */
.product-gallery{max-width:520px;margin:0 auto 30px}
.gallery-main{position:relative;overflow:hidden;border:1px solid var(--gold-alpha-10);cursor:zoom-in;background:var(--navy-deep)}
.gallery-main img{width:100%;display:block;transition:transform 0.4s ease}
.gallery-main:hover img{transform:scale(1.05)}
.gallery-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.gallery-thumbs::-webkit-scrollbar{height:4px}
.gallery-thumbs::-webkit-scrollbar-thumb{background:var(--gold-alpha-30);border-radius:2px}
.gallery-thumbs img{width:72px;height:72px;object-fit:cover;border:2px solid transparent;opacity:0.5;cursor:pointer;transition:all 0.3s ease;flex-shrink:0}
.gallery-thumbs img:hover{opacity:0.85}
.gallery-thumbs img.active{border-color:var(--gold);opacity:1}

/* ===== LIGHTBOX ===== */
.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.92);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:lbFadeIn 0.25s ease}
.lightbox-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;cursor:default;border:1px solid var(--gold-alpha-15)}
.lightbox-close{position:fixed;top:20px;right:28px;background:none;border:none;color:var(--gold);font-size:2.4rem;cursor:pointer;z-index:10000;line-height:1;transition:opacity 0.2s}
.lightbox-close:hover{opacity:0.7}
@keyframes lbFadeIn{from{opacity:0}to{opacity:1}}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .product-gallery{max-width:100%}
  .gallery-thumbs img{width:60px;height:60px}
}