.lightbox-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#f7f2ef;z-index:10000;display:none;flex-direction:column}.lightbox-modal.active{display:flex}.lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#00000080;border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.lightbox-close:hover{background:#000c}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#00000080;border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.lightbox-nav:hover{background:#000c}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-swiper-container{flex:1;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:80px 20px 60px;position:relative}.lightbox-swiper{width:100%;max-width:1200px}.lightbox-swiper .swiper-slide{display:flex;justify-content:center;align-items:flex-start}.lightbox-swiper .swiper-slide img{max-width:100%;height:auto;display:block}.lightbox-pagination{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:10px}.lightbox-pagination .swiper-pagination-bullet{width:12px;height:12px;background:transparent;border:2px solid #000;opacity:1}.lightbox-pagination .swiper-pagination-bullet-active{background:#000}#thumbnailContainer .swiper-slide{cursor:pointer}.zoom-hint{display:none}@media(max-width:768px){.lightbox-close{top:10px;right:10px;width:36px;height:36px;font-size:20px}.zoom-hint{width:56%;display:block;position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:5;background:#000000b3;color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;pointer-events:none}.lightbox-nav{width:40px;height:40px;font-size:20px;top:50%;transform:translateY(-50%)}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-swiper-container{padding:60px 0 50px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/new-main-product2.css.map */