.xidu-gallery-main{position:relative;overflow:hidden;cursor:zoom-in;border-radius:12px}.xidu-gallery-main img{transition:transform .4s ease;width:100%;height:auto;display:block}.xidu-gallery-main:hover img{transform:scale(1.15)}.xidu-gallery-main.is-zoomed{cursor:zoom-out}.xidu-gallery-main.is-zoomed img{transform:scale(1.5)}.xidu-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.xidu-lightbox-overlay.active{opacity:1;visibility:visible}.xidu-lightbox__container{position:relative;width:90vw;height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.xidu-lightbox__image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080;transition:transform .3s ease}.xidu-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#c49a4a26;border:1px solid rgba(196,154,74,.2);color:#c49a4a;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease;z-index:1001;-webkit-user-select:none;user-select:none}.xidu-lightbox__nav:hover{background:#c49a4a40;border-color:#c49a4a66}.xidu-lightbox__nav.prev{left:20px}.xidu-lightbox__nav.next{right:20px}.xidu-lightbox__counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-family:Inter,sans-serif;font-size:.78rem;color:#9b96a8;background:#0f0a1ecc;padding:.4rem 1rem;border-radius:20px;border:1px solid rgba(196,154,74,.1)}.xidu-lightbox__close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#c49a4a1a;border:1px solid rgba(196,154,74,.15);color:#c49a4a;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:1001}.xidu-lightbox__close:hover{background:#c49a4a33}.xidu-gallery-thumbs{display:flex;gap:.6rem;margin-top:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:rgba(196,154,74,.2) transparent}.xidu-gallery-thumbs::-webkit-scrollbar{height:4px}.xidu-gallery-thumbs::-webkit-scrollbar-thumb{background:#c49a4a33;border-radius:2px}.xidu-gallery-thumb{flex-shrink:0;width:72px;height:72px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s ease,opacity .2s ease;opacity:.7}.xidu-gallery-thumb img,.xidu-gallery-thumb video{width:100%;height:100%;object-fit:cover;display:block}.xidu-gallery-thumb.active,.xidu-gallery-thumb:hover{border-color:#c49a4a;opacity:1}.xidu-gallery-thumb[data-type=video]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0a1e66;display:flex;align-items:center;justify-content:center}.xidu-gallery-thumb[data-type=video]:after{content:"\25b6";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#c49a4a;font-size:1.2rem;opacity:.9}.xidu-gallery-thumb{position:relative}.xidu-lightbox__video{max-width:100%;max-height:85vh;border-radius:8px}.xidu-gallery-main:after{content:"Click to zoom";position:absolute;bottom:10px;right:10px;font-family:Inter,sans-serif;font-size:.65rem;color:#9b96a899;background:#0f0a1e99;padding:.25rem .5rem;border-radius:4px;opacity:0;transition:opacity .3s ease;pointer-events:none}.xidu-gallery-main:hover:after{opacity:1}.xidu-gallery-main.is-zoomed:after{content:"Click to zoom out"}@media(max-width:768px){.xidu-lightbox__nav{width:40px;height:40px;font-size:1.2rem}.xidu-lightbox__nav.prev{left:10px}.xidu-lightbox__nav.next{right:10px}.xidu-lightbox__counter{bottom:10px;font-size:.7rem}.xidu-gallery-main:hover img{transform:none}.xidu-gallery-thumbs{gap:.4rem}.xidu-gallery-thumb{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.xidu-gallery-main img,.xidu-lightbox__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/xidu-gallery-lightbox.css.map */