.card-carousel{--icon-fill: var(--color-dark);--icon-fill-hover: var(--color-mid-light);overflow:hidden;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}@media (min-width: 768px){.card-carousel{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}}.card-carousel__container{position:relative;padding:0 0 0 var(--page-width-margin);max-width:100%}@media (min-width: 768px){.card-carousel__container{padding:0}}.card-carousel__content{display:flex;justify-content:space-between;padding:0 var(--page-width-margin) 0 0;gap:calc(var(--spacing-lg) * 1.5)}@media (min-width: 768px){.card-carousel__content{padding:0 var(--page-width-margin)}}.card-carousel__content .text{display:flex;flex-direction:column;gap:var(--spacing-sm)}.card-carousel__content .title{text-wrap:initial;margin:0}.card-carousel__content .title-case--regular{line-height:130%}.card-carousel__content .title-case--lower{line-height:130%;text-transform:lowercase}.card-carousel__content .title-case--upper{line-height:110%;text-transform:uppercase}.card-carousel__content .description{margin:0;color:var(--color-text-secondary)}.card-carousel__content .description p{margin:0}.card-carousel__content .btn{text-wrap:nowrap}.card-carousel__placeholder{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (max-width: 767px){.card-carousel__placeholder{grid-template-columns:repeat(2,1fr)}.card-carousel__placeholder .card-product:nth-last-of-type(-n+2){display:none}}.card-carousel .button-desktop{display:none}@media (min-width: 768px){.card-carousel .button-desktop{display:block}.card-carousel .button-mobile{display:none}}.card-carousel .slider .swiper-button-prev{display:none}.card-carousel .slider .swiper-button-next{top:0;right:0}.card-carousel .slider .swiper-button-next svg{--icon-fill: var(--color-text)}@media (min-width: 768px){.card-carousel .slider .swiper-button-next{display:none}}.card-carousel .slider[data-auto-width-desktop=true] swiper-container,.card-carousel .slider[data-auto-width-mobile=true] swiper-container{align-items:stretch}.card-carousel .slider[data-auto-width-desktop=true] swiper-slide,.card-carousel .slider[data-auto-width-mobile=true] swiper-slide{width:-moz-fit-content;width:fit-content;white-space:nowrap}
