.card-carousel--has-text{@media (min-width:768px){display:grid;gap:60px;grid-template-columns:387px minmax(0,1fr);.card-carousel__text{padding-top:24px}}@media (min-width:1024px){--slider-padding:93px;gap:123px}}.card-carousel__cards{margin-right:calc(var(--container-margin)*-1);overflow:hidden;padding-right:calc(var(--slider-padding, 0px) + var(--container-margin));.splide__track{overflow:visible}}.card-carousel__text{font-size:18px;@media not screen and (min-width:768px){margin-bottom:40px}}.card-carousel__controls{align-items:center;display:flex;gap:47px;justify-content:space-between;margin-top:60px;@media (min-width:768px){margin-top:100px}.splide__pagination{flex-grow:1;flex-wrap:nowrap;gap:0;padding:0;position:static;li{flex-basis:100%;flex-grow:1;flex-shrink:1}.splide__pagination__page{height:2px;position:relative;width:100%;&.is-active,&:focus-visible,&:hover{background-color:var(--hyperlink-color);width:100%}&:before{content:"";height:22px;left:0;position:absolute;top:-10px;width:100%}}}.splide__arrows{align-items:center;display:flex;gap:8px}.splide__arrow{background-color:transparent;background-image:none;border:none;border-top:2px solid;color:var(--hyperlink-color);height:0;left:auto;position:relative;right:auto;top:auto;width:33px;&:focus-visible,&:hover{color:var(--hyperlink-hover-color)}&:before{border-right:2px solid;border-top:2px solid;height:10px;top:calc(50% - 1px);transform:translateY(-50%) rotate(-135deg);width:10px}&:after,&:before{content:"";left:0;position:absolute}&:after{height:22px;top:-10px;width:100%}}}.card-carousel__card{background-color:#fff;border:1px solid silver;border-radius:16px;font-size:14px;margin-inline:auto;max-width:300px;padding:48px 24px 75px;position:relative;&.card-carousel__card--has-link{transition:.2s ease-in-out;transition-property:background-color,border-color,color;&:has(:focus-visible),&:hover{background-color:var(--product-type-color,var(--hyperlink-color));border-color:var(--product-type-color,var(--hyperlink-color));color:#fff;.product-type,a{color:#fff}}.product-type{transition:inherit}}.card-carousel__title{a{&:before{content:"";inset:0;position:absolute}}}}