.product-gallery{max-width:600px;width:100%;margin:0 auto;padding:0 20px;border-radius:5px}.main-image-container{position:relative;margin-bottom:15px}.main-image{max-height:100%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#f9f9f9;border-radius:12px;overflow:hidden;padding:8px}.main-image img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:opacity .3s ease}.main-image img.fade-out{opacity:0}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:60px;color:#000;border:none;border-radius:4px;font-size:20px;cursor:pointer;z-index:10;background-color:transparent;transition:opacity .3s,background-color .3s}.nav-btn:hover{opacity:.8;background-color:#00000080}.prev-btn{left:10px}.next-btn{right:10px}.thumbnail-container{width:100%;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:10px 0;display:block;scrollbar-width:auto}.thumbnail-list{display:flex;flex-wrap:wrap;justify-content:start;gap:10px}.thumbnaill{width:100px;height:100px;object-fit:contain;flex-shrink:0;cursor:pointer;border:2px solid transparent;border-radius:10px}.thumbnaill:hover{border-color:#ccc;border-radius:10px}.thumbnaill.active{border-color:#3498db;box-shadow:0 2px 5px #0000001a;border-radius:10px}.main-image{cursor:zoom-in}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px;background:#000000d9;opacity:0;visibility:hidden;transition:opacity .25s ease}.gallery-lightbox.is-open{opacity:1;visibility:visible}.gallery-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;transform:scale(.96);transition:transform .25s ease}.gallery-lightbox.is-open img{transform:scale(1)}.gallery-lightbox-close{position:absolute;top:20px;right:24px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.gallery-lightbox-close:hover{background:#ffffff4d}.gallery-lightbox .nav-btn{color:#fff}.gallery-lightbox .nav-btn:hover{background-color:#ffffff26}@media(max-width:768px){.product-gallery{padding:0;margin:0}.nav-btn{width:30px;height:50px;font-size:16px}.main-image{padding:8px}.gallery-lightbox{padding:16px}.gallery-lightbox-close{top:10px;right:12px;width:34px;height:34px;font-size:18px}.thumbnaill{width:60px;height:60px}}.main-image video.main-video{width:100%;height:100%;object-fit:cover;border-radius:12px;background:#000}video.thumbnaill{object-fit:cover;background:#000}.gallery-lightbox video{max-width:90vw;max-height:90vh;border-radius:8px;background:#000}.gallery-lightbox{z-index:99999}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sunnylume-gallery.css.map */
