@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body{font-family:'Inter',sans-serif;scroll-behavior:smooth}
/* Custom scrollbar */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:#0ea5e9;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#0284c7}
/* Carousel helpers */
.snap-x{scroll-snap-type:x mandatory}
.snap-start{scroll-snap-align:start}
.fade-in{animation:fadeIn 1s ease-in}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* Disable manual scroll on auto carousels, keep programmatic scrolling */
.auto-carousel{touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none}
.auto-carousel::-webkit-scrollbar{display:none}

/* Fallback when Tailwind fails to load (ensures horizontal layout) */
.carousel-fallback{display:flex;overflow-x:hidden}
.carousel-fallback>*{flex:0 0 100%;width:100%;height:100%}