.media-gallery-wrapper{overflow:hidden}.media-gallery-wrapper .modal{display:none;position:fixed;z-index:4;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#fff}.media-gallery-wrapper .close{color:#000;position:absolute;top:25px;right:25px;line-height:1}.media-gallery-wrapper .cursor{cursor:pointer}.media-gallery-wrapper .modal-content{position:relative;background-color:transparent;margin:auto;padding:0;width:100%;max-width:1200px;height:80vh}.media-gallery-wrapper img.media{width:100%;height:100%;object-fit:contain;background:transparent}.media-gallery-wrapper .media-gallery-box .media-box{width:100%;position:relative;overflow:hidden}.media-gallery-wrapper .media-gallery-box .media-box:before{content:"";width:100%;display:flex;padding-bottom:69.23076923%}.media-gallery-wrapper .media-gallery-box .media-box img{width:100%;height:100%;position:absolute;object-fit:cover;top:0;left:0;border-radius:6px;overflow:hidden;transition:all .2s ease}.media-gallery-wrapper .media-gallery-box .media-box:hover img{transform:scale(1.2)}.media-gallery-wrapper .sec-head{margin-bottom:30px}.media-gallery-wrapper .media-gallery-box{max-width:1200px;width:100%;margin:0 auto}.media-gallery-wrapper .swiper{height:100%}.template-article .media-gallery-wrapper .swiper-main-wrapper{max-width:1200px;width:100%;margin:0 auto}.media-gallery-wrapper #myModal .media-box{display:flex;height:100%}.media-gallery-wrapper #myModal .nav-btns .btn-arrow.swiper-button-prev{left:0}.media-gallery-wrapper #myModal .nav-btns .btn-arrow.swiper-button-next{right:0}.blog-gallery-wrapper #myModal .nav-btns .btn-arrow.swiper-button-prev{left:25px}.blog-gallery-wrapper #myModal .nav-btns .btn-arrow.swiper-button-next{right:25px}@media screen and (min-width:750px){.media-gallery-wrapper .page-width:has(.swiper){padding-left:90px;padding-right:90px;max-width:calc(var(--page-width) + 80px)}.media-gallery-wrapper .nav-btns .btn-arrow.swiper-button-prev{left:-70px}.media-gallery-wrapper .nav-btns .btn-arrow.swiper-button-next{right:-70px}}@media screen and (max-width:749px){.media-gallery-wrapper .media-gallery-box .swiper{overflow:visible}.media-gallery-wrapper .media-gallery-box .gallery-box.swiper-slide{width:209px}.media-gallery-wrapper .media-gallery-box .media-box:before{padding-bottom:69.85645933%}.blog-gallery-wrapper #myModal .nav-btns .btn-arrow.swiper-button-prev{left:10px}.blog-gallery-wrapper #myModal .nav-btns .btn-arrow.swiper-button-next{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/media-gallery.css.map */