.collection-card{position:relative;width:100%}.collection-card__image{position:relative}.collection-card__image .image+.image{height:100%;left:0;position:absolute;top:0;width:100%}.collection-card__image .image+.image picture{opacity:0;transform:scale(1.02)}@media(min-width: 1024px){.collection-card__image{gap:var(--space-16)}.collection-card__image:hover .image+.image picture{opacity:1;transform:scale(1)}}.collection-card__link{color:var(--color-off-black);display:flex;flex-direction:column;gap:var(--space-8);position:relative;text-decoration:none}.collection-carousel{display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-24) var(--space-16)}@media(min-width: 1024px){.collection-carousel{gap:var(--space-40);padding:var(--space-40)}}.collection-carousel__wrapper{display:flex;transition:opacity .3s ease-in-out}@media(min-width: 1024px){.collection-carousel__wrapper{flex-direction:row;gap:var(--space-8)}}.swiper .collection-carousel__wrapper{gap:0}.collection-carousel__wrapper .collection-card{flex:0 0 60%}.swiper .collection-carousel__wrapper .collection-card{flex:none}@media(min-width: 1024px){.collection-carousel__wrapper .collection-card{flex:0 0 16.6666666667%}}.collection-carousel__heading{align-items:center;display:flex;gap:var(--space-32);justify-content:space-between}.collection-carousel__filters{align-items:center;display:flex;gap:var(--space-12);white-space:nowrap;overflow-x:auto}@media(min-width: 1024px){.collection-carousel__filters{gap:var(--space-24)}}.collection-carousel__filters::-webkit-scrollbar{display:none}.collection-carousel__filters li{color:var(--color-dark-grey);font:var(--font-p-3);list-style-type:none}.collection-carousel__filters li+li:before{content:"|";display:inline-block;margin-right:var(--space-12);opacity:.75}@media(min-width: 1024px){.collection-carousel__filters li+li:before{margin-right:var(--space-24)}}.collection-carousel__filter{font-weight:var(--font-strong-weight)}.collection-carousel__filter span{opacity:.9;transition:all .3s ease-in-out}.collection-carousel__filter--active span,.collection-carousel__filter:hover span{color:var(--color-black);opacity:1}.collection-carousel .carousel__controls{display:flex}
