.cross-sells{display:block;overflow-x:clip;overflow-y:visible}.cross-sells aside{display:block;overflow:visible;background:linear-gradient(to left,rgb(var(--color-light-grey)) 50%,rgb(var(--color-brand-pink-100)));padding:1rem;border:.1rem solid rgb(var(--color-brand-navy-blue-200));border-radius:var(--radius-medium)}.cross-sells--alt{margin:-1.6rem}.cross-sells--alt aside{border-radius:0;background:linear-gradient(to right,rgb(var(--color-light-grey)) 20%,rgb(var(--color-brand-pink-100),.3))}@media screen and (min-width: 990px){.cross-sells aside{padding:1.6rem}}.cross-sells__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem;gap:.8rem}.cross-sells__arrows{display:flex;align-items:center;gap:1rem}.cross-sells__arrow{-webkit-appearance:none;border-radius:0;border:none;background:none;padding:0;cursor:pointer}.cross-sells__arrow svg{width:1.6rem;height:1.6rem}.cross-sells--alt .cross-sells__arrow svg{width:2rem;height:2rem}@media screen and (min-width: 990px){.cross-sells__arrows{gap:1.4rem}.cross-sells__arrow svg{width:2.4rem;height:2.4rem}}.cross-sells__title{font-weight:600;margin:0}@media screen and (max-width: 989px){.cross-sells__title{font-size:1.4rem}.cross-sells--alt .cross-sells__title{font-size:1.5rem}}@media screen and (max-width: 400px){.cross-sells--alt .cross-sells__title{font-size:1.4rem}}@media screen and (min-width: 990px){.cross-sells--alt .cross-sells__title{font-size:1.7rem}}.cross-sells .swiper.swiper-initialized{overflow:visible;padding-right:2rem}@media screen and (min-width: 990px){.cross-sells.cross-sells--alt .swiper.swiper-initialized{padding-right:6rem}}@media screen and (min-width: 1300px){.cross-sells .swiper.swiper-initialized{padding-right:7rem}}@media screen and (min-width: 1400px){.cross-sells .swiper.swiper-initialized{padding-right:13rem}}.cross-sells .swiper-wrapper{box-sizing:border-box}.cross-sells .swiper-slide{container-type:inline-size;height:auto!important}.cross-sells__item{container-type:inline-size}.cross-sells__item+.cross-sells__item{margin-top:1rem}.cross-sells .dropdown summary{width:100%}
/*# sourceMappingURL=/cdn/shop/t/316/assets/component-cross-sells.css.map */