.main-page-gallery{max-width:623px;width:100%;padding:0;margin-top:2px;overflow:hidden}.swiper-container-thumbs{width:100%;height:115px}.swiper-slide-thumb{display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.swiper-slide-thumb:hover{border-color:#3b82f6;transform:translateY(-2px)}.swiper-slide-thumb img{width:100%;height:100%;object-fit:cover}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.open{opacity:1;visibility:visible}.gallery-modal-content{background-color:#fff;box-shadow:0 10px 25px #00000080;position:relative;max-width:90vw;max-height:90vh;width:950px;height:660px;display:flex;flex-direction:column;overflow:hidden;transform:scale(.9);opacity:0;transition:transform .3s ease,opacity .3s ease}.modal-overlay.open .gallery-modal-content{transform:scale(1);opacity:1}#closeModalBtn.modal-close{top:15px;right:15px;background-color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;line-height:1;opacity:.5}.swiper-container-main{width:100%;height:100%;overflow:hidden;position:relative}.swiper-slide-main.swiper-slide{display:flex;justify-content:center;align-items:center}.swiper-slide-main img{max-width:100%;max-height:100%;object-fit:contain}.swiper-button-next,.swiper-button-prev{color:#fff!important;background-color:#0000004d;border-radius:50%;width:44px;height:44px;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease;position:absolute;z-index:1}.swiper-button-prev{left:15px}.swiper-button-next{right:15px}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-next:hover,.swiper-button-prev:hover{background-color:#0009}.swiper-container-main .swiper-button-next,.swiper-container-main .swiper-button-prev{top:50%;transform:translateY(-50%)}