.napoon-gallery{display:flex;gap:10px;align-items:start;position:relative;z-index:1}.napoon-thumbs-col{width:var(--napoon-th, 110px);flex-shrink:0;position:relative;display:flex;flex-direction:column}.napoon-th-window{width:100%;height:100%;overflow:hidden}.napoon-th-list{display:flex;flex-direction:column;transition:transform .28s ease}.napoon-slide-group{visibility:hidden!important;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.napoon-slide-group.active{visibility:visible!important;pointer-events:auto}.napoon-th-group{display:none!important;flex-direction:column;gap:var(--napoon-th-gap, 8px)}.napoon-th-group.active{display:flex!important}.napoon-thumb{flex-shrink:0;width:100%;border-radius:10px;overflow:hidden;border:1.5px solid transparent;cursor:pointer;transition:border-color .18s;padding:0;background:none;display:block}.napoon-thumb:hover,.napoon-thumb.active{border-color:var(--napoon-navy, #1B2A4A)}.napoon-thumb img{width:100%;height:100%;object-fit:cover;display:block}.napoon-th-btn{position:absolute;left:50%;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(27,42,74,.2);background:#ffffffeb;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--napoon-navy, #1B2A4A);z-index:3;transition:background .18s,border-color .18s;padding:0}.napoon-th-btn:hover{background:#fff;border-color:var(--napoon-navy, #1B2A4A)}.napoon-th-btn.hidden{display:none}.napoon-th-up{top:0;transform:translate(-50%,-50%)}.napoon-th-down{bottom:0;top:auto;transform:translate(-50%,50%)}.napoon-main-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.napoon-main-box{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--napoon-r-lg, 18px);overflow:hidden;background:#e2ddd4;cursor:zoom-in}#napoonSlidesContainer{position:absolute;top:0;right:0;bottom:0;left:0}.napoon-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.napoon-slide.active{display:block}.napoon-slide img{width:100%;height:100%;object-fit:cover}.napoon-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--napoon-navy, #1B2A4A);z-index:3;transition:background .18s,border-color .18s;padding:0}.napoon-arrow:hover{background:#fff;border-color:var(--napoon-navy, #1B2A4A)}.napoon-arrow.napoon-prev{left:12px}.napoon-arrow.napoon-next{right:12px}.napoon-zoom-btn{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--napoon-navy, #1B2A4A);z-index:3;font-size:22px;font-weight:300;transition:background .18s;padding:0}.napoon-zoom-btn:hover{background:#fff}.napoon-dots-bar{display:none;gap:7px;justify-content:center;flex-shrink:0}.napoon-dot{width:8px;height:8px;border-radius:50%;background:transparent;border:1.5px solid rgba(255,255,255,.7);cursor:pointer;padding:0;transition:background .2s,border-color .2s,transform .2s}.napoon-dot.active{background:#fff;border-color:#fff;transform:scale(1.2)}.napoon-th-mobile-section{display:none}.napoon-th-mobile-outer{position:relative;overflow:visible}.napoon-th-mobile-clip{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.napoon-th-mobile-clip::-webkit-scrollbar{display:none}#napoonThMobile{display:flex;gap:var(--napoon-th-gap, 8px)}.napoon-th-m-group{display:none!important;gap:var(--napoon-th-gap, 8px)}.napoon-th-m-group.active{display:flex!important}.napoon-th-m-item{flex-shrink:0;border-radius:10px;overflow:hidden;padding:0;background:none;border:1.5px solid transparent;cursor:pointer;transition:border-color .18s;scroll-snap-align:start}.napoon-th-m-item:hover,.napoon-th-m-item.active{border-color:var(--napoon-navy, #1B2A4A)}.napoon-th-m-item img{width:100%;height:100%;object-fit:cover;display:block}.napoon-th-mb-btn{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:#ffffffe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--napoon-navy, #1B2A4A);z-index:3;padding:0;min-width:30px;min-height:30px;flex-shrink:0;box-sizing:border-box}.napoon-th-ml{left:0}.napoon-th-mr{right:0}.napoon-lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#080a12d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;isolation:isolate;align-items:center;justify-content:center;padding:40px 32px}.napoon-lightbox.open{display:flex}.napoon-lb-close{position:fixed;top:16px;right:16px;width:42px;height:42px;border-radius:50%;background:#ffffff24;border:1.5px solid rgba(255,255,255,.32);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1010;transition:background .18s;padding:0}.napoon-lb-close:hover{background:#ffffff3d}.napoon-lb-stage{display:flex;align-items:center;gap:16px;width:100%;max-width:min(900px,calc(100vh - 160px) + 120px)}.napoon-lb-main-col{flex:1;display:flex;flex-direction:column;min-width:0;align-items:center}.napoon-lb-box{width:100%;aspect-ratio:1 / 1;position:relative;max-height:calc(100vh - 160px);max-width:calc(100vh - 160px);margin:0 auto}.napoon-lb-images{width:100%;height:100%;border-radius:var(--napoon-r-lg, 18px);overflow:hidden;position:relative}#napoonLbSlidesContainer{position:absolute;top:0;right:0;bottom:0;left:0}.napoon-lb-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.napoon-lb-slide.active{display:block}.napoon-lb-slide img{width:100%;height:100%;object-fit:cover}.napoon-lb-dots-bar{display:flex;gap:7px;justify-content:center;padding-top:14px;flex-shrink:0}.napoon-lb-dot{width:8px;height:8px;border-radius:50%;background:transparent;border:1.5px solid rgba(255,255,255,.6);cursor:pointer;padding:0;transition:background .2s,transform .2s}.napoon-lb-dot.active{background:#fff;border-color:#fff;transform:scale(1.2)}.napoon-lb-side-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:#ffffff1a;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0;transition:background .18s,border-color .18s;padding:0}.napoon-lb-side-btn:hover{background:#fff3;border-color:#ffffff80}.napoon-lb-bottom-nav{display:none}.napoon-lb-bottom-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:#ffffff1a;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0;transition:background .18s;padding:0}.napoon-lb-bottom-btn:hover{background:#fff3}.napoon-lb-dots-m{display:flex;gap:7px}@media(min-width:990px){.product__media-wrapper{position:sticky;top:calc(var(--header-height, 80px) + 2rem);align-self:flex-start;z-index:1}.product__info-container.product__column-sticky{position:relative;top:auto}}@media(min-width:990px){.napoon-gallery{display:flex;gap:10px;align-items:start}.napoon-main-wrap{flex:1;min-width:0}.napoon-th-mobile-section{display:none}.napoon-arrow,.napoon-zoom-btn,.napoon-lb-side-btn{display:flex}.napoon-lb-bottom-nav{display:none}}@media(max-width:989px){.napoon-gallery{flex-direction:column;gap:10px;align-items:center}.napoon-main-wrap{width:100%}.napoon-thumbs-col{display:none}.napoon-main-box{border-radius:14px;overflow:hidden}#napoonSlidesContainer{border-radius:14px;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.napoon-arrow{width:36px;height:36px}.napoon-arrow.napoon-prev{left:-18px}.napoon-arrow.napoon-next{right:-18px}.napoon-zoom-btn{width:36px;height:36px;font-size:18px;top:8px;right:8px}.napoon-dots-bar,.napoon-arrow{display:none}.napoon-th-mobile-section{display:block;margin-bottom:20px}.napoon-lb-side-btn{display:none}.napoon-lb-stage{flex-direction:column;align-items:stretch;max-width:100%;gap:0}.napoon-lb-main-col{width:100%}.napoon-lb-box{max-height:none;aspect-ratio:1 / 1}.napoon-lb-dots-bar{display:none!important}.napoon-lb-bottom-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:14px}.napoon-lightbox{padding:20px 16px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/napoon-gallery.css.map */