.xo-gallery{--xo-loading-color: #bdbdbd}.grid-loading-effect{height:40px;width:40px;transform:rotateZ(45deg)}.grid-loading-effect div{position:relative;float:left;width:50%;height:50%;transform:scale(1.1)}.grid-loading-effect div:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#bdbdbd;animation:xoloadingdefault 2.4s infinite linear both;transform-origin:100% 100%}.grid-loading-effect .ld-cube2{transform:scale(1.1) rotateZ(90deg)}.grid-loading-effect .ld-cube2:before{animation-delay:.3s}.grid-loading-effect .ld-cube4{transform:scale(1.1) rotateZ(270deg)}.grid-loading-effect .ld-cube4:before{animation-delay:.9s}.grid-loading-effect .ld-cube3{transform:scale(1.1) rotateZ(180deg)}.grid-loading-effect .ld-cube3:before{animation-delay:.6s}@keyframes xoloadingdefault{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0}}.xo-gallery-id-1 .product-gallery{display:flex;align-items:flex-start;gap:20px}.xo-gallery-id-1 .thumbnails{display:flex;flex-direction:column;gap:15px}.xo-gallery-id-1 .thumbnails img{width:70px;height:70px;object-fit:cover;border-radius:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.xo-gallery-id-1 .thumbnails img:hover,.xo-gallery-id-1 .thumbnails img.active{border:2px solid #9c6ade;transform:scale(1.05)}.xo-gallery-id-1 .main-image img{width:450px;max-width:100%;border-radius:20px;object-fit:contain;transition:opacity .4s ease}