@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");

body {
  font-family: "Roboto", sans-serif !important;
}
/* completely hide scrollbars everywhere */
.no-scrollbar {
  -ms-overflow-style: none; /* IE & Edge */
  scrollbar-width: none; /* Firefox */
}
.no-scrollbar::-webkit-scrollbar {
  display: none !important; /* Chrome, Safari, Opera */
}
/* hide everything after the 6th item by default */
#featuredStocks .stock-item:nth-child(n + 7) {
  display: none;
}
/* when "show-all" class is present, show everything */
#featuredStocks.show-all .stock-item {
  display: flex;
}
#carousel {
  /* existing… */
  will-change: transform;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch; /* smoother on iOS */
}
#carousel > * {
  /* each slide */
  scroll-snap-align: start;
  will-change: transform;
  backface-visibility: hidden;
}