.section-product__media{position:sticky;top:4em;width:100%;transition-duration:.5s;transition-timing-function:ease-in-out}.section-product__media.scroll-position{top:10em}@media (max-width:1024px){.section-product__media.scroll-position{top:0}}.section-product__media img{position:relative;opacity:1;transition-property:opacity;transition-duration:.25s;transition-timing-function:linear;width:100%;border-radius:.625em;aspect-ratio:1/1;background-color:#e9e9e9}.section-product__media img.preload{opacity:0}.section-product__media .product-media__item{background-color:var(--color-grey-light)}.section-product__media .swiper{border-radius:20px}.section-product__media .swiper-slide a{display:flex;align-items:center;justify-content:flex-start}@media (max-width:1024px){.section-product__media .swiper-slide a{justify-content:center}}.section-product__media .swiper-thumbnails{margin-top:1.625em}.section-product__media .swiper-pagination{max-width:762px;bottom:24px}@media (max-width:1024px){.section-product__media .swiper-pagination{max-width:unset}}.section-product__media .swiper-pagination-bullets{text-align:center}.section-product__media .swiper-pagination-bullet{background:0 0;border:2px solid var(--color-dark-purple);margin:0 .375em!important;width:1em;height:1em;background:0 0!important;opacity:1}.section-product__media .swiper-pagination-bullet-active{background:var(--color-bright-green)!important}.section-product__media .swiper-button-next,.section-product__media .swiper-button-prev{transform:translateY(-50%)}.section-product__media .swiper-navigation{position:absolute;width:100%;max-width:762px;top:50%}.section-product__media .swiper-button{background-color:#31f786;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:40px;cursor:pointer}.section-product__media .swiper-button-prev{position:absolute;left:-20px}.section-product__media .swiper-button-next{position:absolute;right:-20px}.section-product__media .swiper-button svg{width:1.2em;height:auto}.section-product__media .swiper-button svg circle,.section-product__media .swiper-button svg line,.section-product__media .swiper-button svg path,.section-product__media .swiper-button svg polygon{fill:none;stroke:#5a008d;stroke-width:2;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}@media (max-width:1024px){.section-product__media .swiper-button{display:none}}.section-product__media .swiper-button::after{content:none}@media (max-width:1024px){.section-product__media{position:relative;top:unset}}