.product-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#141414f2;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.product-lightbox.active{opacity:1;visibility:visible}.product-lightbox.opening{animation:lightboxFadeIn .4s cubic-bezier(.25,.46,.45,.94)}.product-lightbox.closing{animation:lightboxFadeOut .3s cubic-bezier(.25,.46,.45,.94)}@keyframes lightboxFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes lightboxFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.lightbox-close{position:absolute;top:20px;right:20px;width:50px;height:50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:24px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lightbox-close:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.lightbox-close:before{content:""}.lightbox-close:after{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E") no-repeat center;background-size:contain;display:block;line-height:1}.lightbox-content{width:90%;height:90%;max-width:1200px;max-height:800px;display:flex;flex-direction:column;position:relative}.lightbox-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px;overflow:hidden;border-radius:12px;min-height:400px;max-height:calc(100vh - 200px)}.lightbox-main img,.lightbox-main video{max-width:90vw;max-height:calc(100vh - 200px);width:auto;height:auto;object-fit:contain;object-position:center;border-radius:12px;box-shadow:0 0 #0000004d;transition:transform .3s ease}.lightbox-main video{cursor:pointer}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden}.lightbox-content:hover .lightbox-nav{opacity:1;visibility:visible}.lightbox-nav:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.lightbox-nav.disabled{opacity:.3!important;cursor:not-allowed;pointer-events:none}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-prev:after{content:"";width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 19l-7-7 7-7'/%3E%3C/svg%3E") no-repeat center;background-size:contain;display:block}.lightbox-next:after{content:"";width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5l7 7-7 7'/%3E%3C/svg%3E") no-repeat center;background-size:contain;display:block}.lightbox-thumbnails{height:80px;display:flex;align-items:center;justify-content:center;position:relative;padding:0 60px}.lightbox-thumbnails-container{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:10px 0;max-width:100%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.lightbox-thumbnails-container::-webkit-scrollbar{height:4px}.lightbox-thumbnails-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.lightbox-thumbnails-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.lightbox-thumbnails-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.lightbox-thumbnail{width:60px;height:60px;flex-shrink:0;cursor:pointer;border:2px solid transparent;border-radius:8px;overflow:hidden;transition:all .3s ease;position:relative;opacity:.6}.lightbox-thumbnail:hover{opacity:.8;transform:scale(1)}.lightbox-thumbnail.active{opacity:1;border-color:#fff;transform:scale(1);box-shadow:0 0 #ffffff4d}.lightbox-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:6px}.lightbox-thumbnail .thumbnail-badge{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:#000c;border-radius:3px;display:flex;align-items:center;justify-content:center}.lightbox-thumbnail .thumbnail-badge svg{width:10px;height:10px;fill:#fff}.lightbox-thumb-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:5}.lightbox-thumb-nav:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.lightbox-thumb-nav.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.lightbox-thumb-prev{left:10px}.lightbox-thumb-next{right:10px}.lightbox-thumb-prev:after{content:"";width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 19l-7-7 7-7'/%3E%3C/svg%3E") no-repeat center;background-size:contain;display:block}.lightbox-thumb-next:after{content:"";width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5l7 7-7 7'/%3E%3C/svg%3E") no-repeat center;background-size:contain;display:block}.lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media screen and (max-width: 768px){.lightbox-content{width:95%;height:95%}.lightbox-close{top:15px;right:15px;width:40px;height:40px;font-size:20px}.lightbox-nav{width:50px;height:50px;font-size:18px}.lightbox-prev{left:15px}.lightbox-next{right:15px}.lightbox-thumbnails{height:70px;padding:0 50px}.lightbox-thumbnail{width:50px;height:50px}.lightbox-thumb-nav{width:35px;height:35px;font-size:14px}}@media screen and (max-width: 480px){.lightbox-thumbnails{padding:0 45px}.lightbox-thumbnail{width:45px;height:45px}.lightbox-thumb-nav{width:30px;height:30px;font-size:12px}.lightbox-thumb-prev{left:5px}.lightbox-thumb-next{right:5px}}.lightbox-main img.zooming{transform:scale(1.5);cursor:zoom-out}.lightbox-close:focus,.lightbox-nav:focus,.lightbox-thumb-nav:focus,.lightbox-thumbnail:focus{outline:2px solid white;outline-offset:2px}.lightbox-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:lightboxSpin 1s linear infinite}@keyframes lightboxSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (hover: none) and (pointer: coarse){.lightbox-nav{opacity:1;visibility:visible}.lightbox-main img{touch-action:pinch-zoom}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-gallery-lightbox.css.map */