.product-gallery{max-width:100%;width:100%;position:relative}.product-gallery__container{position:relative}.main-gallery{position:relative;z-index:1}.main-gallery__slide{width:100%;max-width:100%;position:relative;padding-bottom:91%;overflow:hidden}.main-gallery__slide img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-actions__button{width:24px;height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;border:1px solid var(--main-color);background:var(--secondary-color);cursor:pointer}.thumbs-gallery__slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbs-gallery__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}div.swiper-slide.thumbs-gallery__slide{overflow:hidden;cursor:pointer;border:1px solid transparent;box-sizing:border-box}div.swiper-slide.thumbs-gallery__slide.swiper-slide-thumb-active{overflow:hidden;cursor:pointer;border:1px solid var(--sub-main-color)}div.swiper-slide.thumbs-gallery__slide{overflow:hidden;cursor:pointer;border-radius:8px}.gallery-actions__button.swiper-button-disabled{opacity:.5;pointer-events:none}@media (min-width:749px){.main-gallery__swiper:not(.swiper-initialized) .main-gallery__wrapper>:not(:first-child){display:none}.main-gallery__swiper{border-radius:20px;overflow:hidden}.product-gallery{overflow:hidden}.thumbs-gallery{opacity:0;visibility:hidden;-webkit-transition:opacity .3s linear,visibility .3s linear;transition:opacity .3s linear,visibility .3s linear}.thumbs-gallery:has(.swiper-initialized){opacity:1;visibility:visible}.thumbs-gallery__container,.thumbs-gallery__swiper{max-width:50px;max-height:171px;width:100%;overflow:hidden}.thumbs-gallery__wrapper>:not(:last-child){margin-bottom:10.5px}div.swiper-slide.thumbs-gallery__slide{height:calc(171px / 3 - 10.5px * 2 / 3);max-height:calc(171px / 3 - 10.5px * 2 / 3)}.gallery-actions__button{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);margin:0 auto}.gallery-actions__button--prev{display:none}.gallery-actions__button--next{margin-top:10px}.thumbs-gallery{position:absolute;z-index:2;top:15px;left:15px}}@media (min-width:1240px){.thumbs-gallery{top:30px;left:30px}.thumbs-gallery:has(.swiper-initialized){opacity:1}.thumbs-gallery__container,.thumbs-gallery__swiper{max-width:72px;max-height:400px}div.swiper-slide.thumbs-gallery__slide{height:calc(400px / 5 - 10.5px * 4 / 5);max-height:calc(400px / 5 - 10.5px * 4 / 5);border-radius:20px;overflow:hidden;cursor:pointer}.gallery-actions__button{width:38px;height:38px}.gallery-actions__button--next{margin-top:30px}.gallery-actions__button svg{width:9px;height:9px}}@media (max-width:768px){.main-gallery__swiper:not(.swiper-initialized) .main-gallery__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.main-gallery{margin:0 -30px;max-width:calc(100% + 60px);width:calc(100% + 60px);padding-left:20px;padding-right:20px;overflow:hidden}.swiper.main-gallery__swiper{overflow:visible}.main-gallery__wrapper>:not(:last-child){margin-right:20px}.main-gallery__slide{border-radius:20px;overflow:hidden;max-width:calc(100% - 25px);width:calc(100% - 25px);min-width:calc(100% - 25px);padding-bottom:104%}.thumbs-gallery{display:none}.thumbs-gallery:has(.swiper-initialized){margin-top:20px;margin-bottom:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.thumbs-gallery__container{max-width:calc(100% - 72px);width:100%;margin:0 auto}.thumbs-gallery__wrapper>:not(:last-child){margin-right:8px}.thumbs-gallery__slide{max-width:calc(100% / 5 - 8px * 4 / 5);width:100px;position:relative;aspect-ratio:1/1}.thumbs-gallery__slide img{position:absolute;inset:0}}@media (hover:hover){.gallery-actions__button:not(.swiper-button-disabled):hover{background-color:#74a299}.gallery-actions__button:not(.swiper-button-disabled):hover svg path{fill:var(--white-color)}}
