.category-carousel{padding:40px 0;background:linear-gradient(to right, var(--color-main-dark) 35%, var(--color-main-grey) 35%)}.category-carousel__grid{display:grid;grid-template-columns:.2fr minmax(0, 1fr);gap:80px;align-items:center}.category-carousel__text{color:var(--color-main-light)}.category-carousel .category-carousel{width:100%}.category-carousel__eyebrow{margin-bottom:1rem}.category-carousel__title{margin-bottom:1rem}.category-carousel__body{font-weight:300}.category-carousel__controls{margin-top:4rem;display:flex;gap:1rem}.category-carousel__controls .swiper-button{position:static;display:inline-flex;align-items:center;justify-content:center;height:48px;width:48px;border-radius:50%;background:var(--color-main-light);color:var(--color-main-dark)}.category-carousel__controls .swiper-button::after{display:none}.category-carousel__controls .swiper-button.swiper-button-prev{transform:scale(-1, -1)}.category-carousel__controls .swiper-button.swiper-button-disabled{opacity:.6}@media only screen and (max-width: 991px){.category-carousel__controls{justify-content:center}.category-carousel__controls .swiper-button{height:30px;width:30px}}.category-carousel .category-carousel-item{aspect-ratio:3/4;position:relative;text-decoration:none}.category-carousel .category-carousel-item__background{height:100%;width:100%}.category-carousel .category-carousel-item__background img{height:100%;width:100%;object-fit:cover}.category-carousel .category-carousel-item__badge{position:absolute;left:0;bottom:30px;font-weight:500;font-size:1rem;padding:.5rem 1.5rem;background:var(--color-sec-greenish)}@media only screen and (max-width: 991px){.category-carousel{background:var(--color-main-dark);padding:48px 0}.category-carousel__grid{display:block;text-align:center;gap:24px}.category-carousel__slider{margin-top:1em}.category-carousel .category-carousel-item__badge{position:static;width:100%}}@media only screen and (max-width: 479px){.category-carousel{padding:40px 0}}.category-carousel .as-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}@media only screen and (max-width: 991px){.category-carousel .as-grid{grid-template-columns:repeat(2, 1fr);gap:8px}}@media only screen and (max-width: 991px){.category-carousel .as-grid .category-carousel-item{position:relative;text-decoration:none;flex-shrink:0;width:100%;display:flex;flex-direction:column;height:100%;position:relative;transition-property:transform;aspect-ratio:unset}}.category-carousel .category-carousel__controls.hide{display:none}