.product-lightbox-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;opacity:0;transition:opacity .3s ease}.product-lightbox-popup.active{opacity:1}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;cursor:pointer}.lightbox-modal{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden}.lightbox-close{position:absolute;top:20px;right:20px;z-index:100001;width:40px;height:40px;background:#fff;border:2px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.lightbox-close:hover{background:#f0f0f0;transform:rotate(90deg)}.lightbox-main-container{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.lightbox-controls-bar{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:100000;display:flex;align-items:center;gap:20px;background:#fffffff2;padding:10px 20px;border-radius:25px;box-shadow:0 2px 10px #0000001a}.lightbox-nav-prev,.lightbox-nav-next{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.lightbox-nav-prev:hover,.lightbox-nav-next:hover{background:#f0f0f0;transform:scale(1.1)}.lightbox-zoom-controls{display:flex;align-items:center;gap:10px}.zoom-in,.zoom-out,.zoom-reset{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.zoom-in:hover,.zoom-out:hover,.zoom-reset:hover{background:#f0f0f0;transform:scale(1.1)}.zoom-level{min-width:50px;text-align:center;font-size:14px;font-weight:500;color:#333}.lightbox-image-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:80px 20px 20px}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transform-origin:center;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.lightbox-image.dragging{transition:none}.lightbox-thumbnails{display:flex;gap:10px;padding:15px;background:#f9f9f9;border-top:1px solid #e0e0e0;overflow-x:auto;justify-content:center;min-height:80px}.lightbox-thumbnail{width:60px;height:60px;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .3s ease;flex-shrink:0}.lightbox-thumbnail img{width:100%;height:100%;object-fit:cover}.lightbox-thumbnail:hover{transform:scale(1.1);border-color:#666}.lightbox-thumbnail.active{border-color:#000;transform:scale(1.15)}.lightbox-counter{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:5px 15px;border-radius:20px;font-size:14px;z-index:10000}.sfondo-overlay{display:none!important}@media (max-width: 768px){.lightbox-controls-bar{top:10px;padding:8px 15px;gap:15px}.lightbox-nav-prev,.lightbox-nav-next{width:32px;height:32px}.zoom-in,.zoom-out,.zoom-reset{width:28px;height:28px}.zoom-level{font-size:12px;min-width:40px}.lightbox-close{top:10px;right:10px;width:36px;height:36px}.lightbox-image-container{padding:60px 10px 10px}.lightbox-thumbnails{padding:10px;min-height:60px}.lightbox-thumbnail{width:50px;height:50px}.lightbox-counter{bottom:80px;font-size:12px}.lightbox-image{cursor:default}}.lightbox-nav-arrows{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 20px;pointer-events:none;z-index:10000}.lightbox-nav-arrows button{width:50px;height:50px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;transition:all .3s ease;box-shadow:0 2px 10px #0003}.lightbox-nav-arrows button:hover{background:#fff;transform:scale(1.1)}.lightbox-image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-lightbox.css.map */