.mobility-features{padding:8rem 0;color:#fff}.mobility-features__header{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:6rem;padding:0 2rem}.mobility-features__heading{font-weight:700;line-height:1.2;margin:0;color:#fff}.mobility-features__subheading{line-height:1.6;color:#fffc;margin:0}.mobility-carousel{position:relative}.mobility-carousel__track{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;padding:0 2rem 3rem}.mobility-carousel__track::-webkit-scrollbar{display:none}.mobility-carousel__track:active{cursor:grabbing}.mobility-card{flex:0 0 100%;scroll-snap-align:start;max-width:450px}.mobility-card__image-wrapper{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3 / 4;background:#2a2a2a}.mobility-card__image{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;opacity:var(--image-opacity, 1);transition:opacity .3s ease}.mobility-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--overlay-color-top) calc(var(--overlay-opacity-top) * 100%),transparent),color-mix(in srgb,var(--overlay-color-bottom) calc(var(--overlay-opacity-bottom) * 100%),transparent))}.mobility-card__content{position:absolute;bottom:0;left:0;right:0;padding:3rem 2.5rem;z-index:2}.mobility-card__title{color:#fff;line-height:1.3;margin:0 0 1rem}.mobility-card__description{color:#ffffffd9;line-height:1.6;margin:0}.mobility-carousel__dots{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.mobility-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:none;padding:0;cursor:pointer;transition:all .3s ease}.mobility-dot.active{background:#fff;width:28px;border-radius:5px}.mobility-dot:hover{background:#fff9}@media screen and (min-width:750px){.mobility-features__header{grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.mobility-carousel__track{gap:2.5rem;padding:0 3rem 3rem}.mobility-card{flex:0 0 calc(50% - 1.25rem)}.mobility-card__content{padding:3.5rem 3rem}}@media screen and (min-width:990px){.mobility-features{padding:10rem 0}.mobility-features__header{margin-bottom:8rem}.mobility-carousel__track{gap:3rem;padding:0 4rem 3rem}.mobility-card{flex:0 0 calc(33.333% - 2rem)}.mobility-card__content{padding:4rem 3.5rem}.mobility-dot{width:12px;height:12px}.mobility-dot.active{width:32px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-mobility-features.css.map */