.hs-module-category-carousel{--cc-card-width:clamp(220px,24vw,300px);overflow:visible;& .category-carousel__head{align-items:center;display:flex;gap:var(--Spacing-L);& .category-carousel__heading{margin:0}& .category-carousel__controls{align-items:center;display:flex;flex-shrink:0;gap:var(--Spacing-XS);& .category-carousel__view-all{white-space:nowrap}}& .category-carousel__empty{color:var(--Text-Description);margin:0}}& .category-carousel__track{display:flex;gap:var(--Spacing-XS);list-style:none;margin:var(--Spacing-M) 0 0;margin-inline:calc(50% - 50vw);overflow-x:auto;overflow-y:visible;padding-left:var(--container-gutter);padding-right:var(--Spacing-M);scroll-behavior:smooth;scroll-padding-left:var(--container-gutter);scroll-snap-type:x mandatory;scrollbar-width:none;width:100vw;&::-webkit-scrollbar{display:none}& .category-carousel__item{flex:0 0 auto;scroll-snap-align:start;width:var(--cc-card-width);& .category-carousel__card{color:var(--Colours-Greys-Grey-5-Black);display:block;text-decoration:none;& .category-carousel__card-image{aspect-ratio:4/3;background-color:var(--Other-Placeholder-Media);border-radius:var(--Components-Media-Corners);display:block;overflow:hidden;& img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}& .category-carousel__card-placeholder{display:block;height:100%;width:100%}}& .category-carousel__card-title{font-family:var(--font-family-body);font-size:var(--Components-Category-Size);font-weight:var(--Font-Weight-Medium);line-height:var(--Components-Category-Line-Height);margin-top:var(--Spacing-XS)}&:hover{& .category-carousel__card-image img{transform:scale(1.05)}}}}}@media (max-width:1024px){--cc-card-width:clamp(200px,60vw,260px);& .category-carousel__head{align-items:flex-start;flex-direction:column;gap:var(--Spacing-M)}}}