.bikes-carousel-wrapper.svelte-1r360cx{position:relative}.bikes-carousel.svelte-1r360cx{display:flex;gap:1.5rem;column-gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem 0 1rem;scroll-padding-inline:50%;-webkit-overflow-scrolling:touch;justify-content:safe center}.bikes-carousel.svelte-1r360cx::-webkit-scrollbar{display:none}.carousel-slide.svelte-1r360cx{flex:0 0 calc((100% - 3rem) / 3);min-width:0;scroll-snap-align:center}@media (min-width: 1024px){.carousel-slide.svelte-1r360cx .bike-badge{top:10%}}.carousel-arrow.svelte-1r360cx{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;background:#fbf555;color:#000;border:none;cursor:pointer;box-shadow:0 6px 20px #0000002e;transition:background .2s ease,transform .2s ease}.carousel-arrow.svelte-1r360cx:hover{background:#f4ec3f;transform:translateY(-50%) scale(1.06)}.carousel-arrow.svelte-1r360cx:active{transform:translateY(-50%) scale(.97)}.carousel-arrow.svelte-1r360cx:focus-visible{outline:3px solid #0f172a;outline-offset:3px}.carousel-arrow.svelte-1r360cx svg:where(.svelte-1r360cx){width:24px;height:24px}.carousel-arrow-prev.svelte-1r360cx{left:-28px}.carousel-arrow-next.svelte-1r360cx{right:-28px}@media (max-width: 1024px){.bikes-carousel.svelte-1r360cx{gap:1.25rem;column-gap:1.25rem}.carousel-slide.svelte-1r360cx{flex:0 0 70%}}@media (max-width: 768px){.bikes-carousel-wrapper.svelte-1r360cx{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.bikes-carousel.svelte-1r360cx{gap:.75rem;column-gap:.75rem;padding-left:6vw;padding-right:6vw}.carousel-slide.svelte-1r360cx{flex:0 0 88vw}.carousel-arrow.svelte-1r360cx{width:auto;height:auto;background:transparent;color:#8aa6bc;box-shadow:none;padding:.25rem}.carousel-arrow.svelte-1r360cx svg:where(.svelte-1r360cx){width:32px;height:32px;stroke-width:3}.carousel-arrow-prev.svelte-1r360cx{left:0}.carousel-arrow-next.svelte-1r360cx{right:0}}@media (min-width: 2560px){.bikes-carousel.svelte-1r360cx{gap:2rem;column-gap:2rem}.carousel-slide.svelte-1r360cx{flex:0 0 calc((100% - 4rem) / 3)}}