.ccn-product-carousel__intro{display:flex;flex-direction:column;gap:1.2rem;margin:0 auto 2.4rem}@media screen and (min-width: 750px){.ccn-product-carousel__intro{margin-bottom:3.2rem}}.ccn-product-carousel__intro--align-left{text-align:left;align-items:flex-start}.ccn-product-carousel__intro--align-center{text-align:center;align-items:center}.ccn-product-carousel__intro--align-right{text-align:right;align-items:flex-end}.ccn-product-carousel__badge{font-size:1rem;font-weight:500;letter-spacing:.1rem;text-transform:uppercase;color:rgba(var(--color-foreground), 0.5)}.ccn-product-carousel__badge p{margin:0}.ccn-product-carousel__heading{margin:0}.ccn-product-carousel__subtext{font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground), 0.7);max-width:60rem;padding-bottom:2.5rem}.ccn-product-carousel__subtext p{margin:0}.ccn-product-carousel__header{display:flex;justify-content:center;margin-bottom:2.4rem}.ccn-product-carousel__tabs{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.ccn-product-carousel__viewport{position:relative}.ccn-product-carousel__track{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.4rem}.ccn-product-carousel__track::-webkit-scrollbar{display:none}.ccn-product-carousel__slide{flex:0 0 calc(50% - 0.8rem);scroll-snap-align:start;min-width:0}@media screen and (min-width: 750px){.ccn-product-carousel__slide{flex:0 0 calc(33.333% - 1.1rem)}}@media screen and (min-width: 990px){.ccn-product-carousel__slide{flex:0 0 calc(25% - 1.2rem)}}.ccn-product-carousel__arrow{position:absolute;top:50%;transform:translateY(-100%);z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground), 0.15);border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));box-shadow:0 2px 8px rgba(0,0,0,.08);transition:box-shadow .2s ease,border-color .2s ease}.ccn-product-carousel__arrow:hover{border-color:rgba(var(--color-foreground), 0.3);box-shadow:0 4px 12px rgba(0,0,0,.12)}.ccn-product-carousel__arrow--prev{left:-1.2rem}.ccn-product-carousel__arrow--next{right:-1.2rem}@media screen and (max-width: 989px){.ccn-product-carousel__arrow{display:none}}.ccn-product-carousel__cta{text-align:center;margin-top:3.2rem}