.product-media{position:relative}.product-media img,.product-media video{position:relative;opacity:1;transition-property:opacity;transition-duration:.5s;transition-timing-function:ease-out}.product-media img.preload,.product-media video.preload{opacity:0}@media (min-width:769px){.product-media .pagination-bullet,.product-media .swiper,.product-media .swiper-pagination-bullets,.product-media .swiper-slide,.product-media .swiper-wrapper{all:unset;margin:0;transform:none;box-sizing:border-box;transition-property:none;height:auto;overflow:visible}}@media (min-width:769px){.product-media .swiper-wrapper{width:100%;min-width:100%;max-width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.25em}}@media (min-width:769px) and (max-width:1024px){.product-media .swiper-wrapper{grid-template-columns:repeat(1,1fr)}}@media (max-width:768px){.product-media .swiper{width:100%;min-width:100%;max-width:100%;height:inherit;min-height:inherit;position:relative}}@media (max-width:768px){.product-media .swiper-wrapper{height:100%}}.product-media .media-pagination{display:none!important}@media (min-width:769px){.product-media .media-pagination{display:none}}@media (max-width:768px){.product-media .media-pagination{position:absolute;left:50%!important;transform:translateX(-50%);bottom:2em!important;width:100%;display:flex;gap:.25em;z-index:3;justify-content:center}}@media (max-width:768px){.product-media .media-pagination .swiper-pagination-bullet{background-color:var(--color-white);opacity:.35;width:1em;height:1em}}@media (max-width:768px){.product-media .media-pagination .swiper-pagination-bullet-active{opacity:1}}@media (min-width:769px){.product-media .product-media-nav{display:none}}@media (max-width:768px){.product-media .product-media-nav{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3em;height:4em;z-index:3;background:url(icon-card-prev.svg) no-repeat 50% 50%/cover;cursor:pointer;opacity:0;transition:opacity .15s linear}}@media (max-width:768px) and (max-width:768px){.product-media .product-media-nav{opacity:1}}@media (max-width:768px){.product-media .product-media-nav--next{left:auto;right:0;background:url(icon-card-next.svg) no-repeat 50% 50%/cover}}