.product .main .pictures{grid-area:pictures;position:relative;height:500px;display:flex;flex:none;justify-content:space-between;overflow:hidden}@media (max-width:1299px){.product .main .pictures{flex-direction:column}}@media (max-width:991px){.product .main .pictures{height:385px;margin:20px 0 10px}}.product .main .pictures .ribbons .ribbon picture{position:absolute;z-index:2}.product .main .pictures .ribbons .ribbon picture.topleft{top:0;left:20px}.product .main .pictures .ribbons .ribbon picture.topmiddle{top:0;left:50%;transform:translateX(-50%)}.product .main .pictures .ribbons .ribbon picture.topright{top:0;right:20px}.product .main .pictures .ribbons .ribbon picture.bottomleft{bottom:0;left:20px}.product .main .pictures .ribbons .ribbon picture.bottommiddle{bottom:0;left:50%;transform:translateX(-50%)}.product .main .pictures .ribbons .ribbon picture.bottomright{bottom:0;right:20px}.product .main .pictures .ribbons .ribbon picture.center{top:50%;left:50%;transform:translate(-50%,-50%)}.product .main .pictures .ribbons .ribbon picture.rightmiddle{right:20px;top:50%;transform:translateY(-50%)}.product .main .pictures .ribbons .ribbon picture.leftmiddle{left:20px;top:50%;transform:translateY(-50%)}.product .main .pictures .ribbons .ribbon picture img{max-width:100%}.product .main .pictures img{object-fit:contain;width:100%;height:100%}.product .main .pictures .pictures-swiper{position:relative;max-width:calc(100% - 100px);height:500px;padding:0 30px}@media (max-width:1450px){.product .main .pictures .pictures-swiper{max-width:calc(100% - 70px);padding:0 15px}}@media (max-width:1299px){.product .main .pictures .pictures-swiper{max-width:100%;padding:0 25px 0 0}}@media (max-width:991px){.product .main .pictures .pictures-swiper{height:385px;margin:0 auto;padding:0 0 35px 0}}.product .main .pictures .pictures-swiper .swiper-slide{display:flex;justify-content:center;background-color:var(--backgroundColor2)}.product .main .pictures .pictures-swiper .swiper-button-next,.product .main .pictures .pictures-swiper .swiper-button-prev{display:none}@media (max-width:991px){.product .main .pictures .pictures-swiper .swiper-button-next,.product .main .pictures .pictures-swiper .swiper-button-prev{display:block}}.product .main .pictures .swiper-pagination{--swiper-pagination-bottom:2px}.product .main .pictures .swiper-pagination .swiper-pagination-bullet{--swiper-pagination-bullet-width:12px;--swiper-pagination-bullet-height:12px}.product .main .pictures .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{--swiper-pagination-color:var(--titleTextColor)}@media (min-width:992px){.product .main .pictures .swiper-pagination{display:none}}.product .main .pictures .container-product-thumbs{position:relative;order:-1;padding:25px 0}@media (max-width:1299px){.product .main .pictures .container-product-thumbs{padding:0 25px 0 0;order:1}}@media (max-width:991px){.product .main .pictures .container-product-thumbs{display:none}}.product .main .pictures .container-product-thumbs .pictures-swiper-thumbs{position:relative;height:100%;overflow:hidden;width:100px}@media (max-width:1450px){.product .main .pictures .container-product-thumbs .pictures-swiper-thumbs{width:70px}}@media (max-width:1299px){.product .main .pictures .container-product-thumbs .pictures-swiper-thumbs{width:100%}}.product .main .pictures .container-product-thumbs .pictures-swiper-thumbs .swiper-wrapper .swiper-slide{border:1px solid var(--backgroundColor1);border-radius:2px;padding:5px;text-align:center;cursor:pointer}.product .main .pictures .container-product-thumbs .pictures-swiper-thumbs .swiper-wrapper .swiper-slide picture{width:auto}.product .main .pictures .container-product-thumbs .swiper-button-next,.product .main .pictures .container-product-thumbs .swiper-button-prev{color:var(--mutedTextColor);font-weight:700}@media (max-width:1299px){.product .main .pictures .container-product-thumbs .swiper-button-next,.product .main .pictures .container-product-thumbs .swiper-button-prev{display:none}}.product .main .pictures .container-product-thumbs .swiper-button-prev{top:10px;left:50%;transform:translateX(-50%) rotate(90deg)}.product .main .pictures .container-product-thumbs .swiper-button-prev::after{font-size:12px}.product .main .pictures .container-product-thumbs .swiper-button-next{top:unset;bottom:-10px;left:50%;transform:translateX(-50%) rotate(90deg)}.product .main .pictures .container-product-thumbs .swiper-button-next::after{font-size:12px}
/*# sourceMappingURL=productpictures.min.css.map */