.image-grid .image img{width:100%;height:100%}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;display:flex;flex-wrap:wrap}.image{position:relative;cursor:pointer;width:12%}.image img{width:100%;height:auto;max-width:100%;border:1px solid #ccc}.image-details{position:fixed;top:0;right:-600px;width:400px;height:100vh;background-color:#f0f0f0;box-shadow:-5px 0 5px #0000001a;overflow:hidden;transition:right .3s ease-in-out}.details-content{padding:20px}.details-content img{width:100%;max-width:100%;height:auto;margin-bottom:10px}.image-details.show{right:0}.close-button{background-color:#333;color:#fff;border:none;padding:5px 10px;margin-bottom:10px;cursor:pointer}.swiper_for_style{width:100%;height:auto;margin:0;padding:5px;background:#fff;box-sizing:border-box}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}.image-container:hover{cursor:pointer}.swiper-slide{background-size:cover;background-position:center}.mySwiper .swiper-slide{width:25%;height:100%}.mySwiper .swiper-slide-thumb-active{opacity:1}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.image-container{position:relative;display:inline-block}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ccc;box-shadow:0 0 10px #0003;z-index:999;width:100%;max-width:800px;height:auto}.swiper-slide img{width:100%!important;height:100%!important;object-fit:cover!important}.popup p{margin:0}.close{position:absolute;top:5px;right:5px;cursor:pointer;font-size:20px;z-index:2}.image-container img{width:124px;height:auto;object-fit:contain}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:999}.sidhu--slider .swiper-slide{height:60%!important}.main-wrapper-popupslider{text-align:left}@media screen and (max-width: 767px){.swiper-button-prev,.swiper-button-next{color:#4b8c2a}}@media screen and (min-width: 768px){.main-wrapper-popupslider{padding:0 86px;margin-top:-30px}.swiper-button-prev,.swiper-button-next{color:#4b8c2a}.swiper-wrapper.sidhu--slider{margin:0 auto;padding:5px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/proslider.css.map */
