body {
      background-color: #FAFAFA;
      font-family: 'Inter', sans-serif;
      color: #1E1E1E;
    }
    .hide-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .hide-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    /* Special styling for the mobile bottom nav center button */
    .mobile-nav-home {
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
    }
      /* marquee animation */
  .marquee {
    animation: marquee 18s linear infinite;
  }
  @keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }
  /* pause on hover (optional) */
  .marquee:hover { animation-play-state: paused; }
    .heroSwiper .swiper-pagination-bullet { opacity: 0.5; }
  .heroSwiper .swiper-pagination-bullet-active { opacity: 1; background: #FC8934; }
  /* Swiper arrows smaller */
.heroSwiper .swiper-button-next::after,
.heroSwiper .swiper-button-prev::after {
  font-size: 16px !important; /* icon size */
  font-weight: 900;
}

/* Optional: reduce button size too */
.heroSwiper .swiper-button-next,
.heroSwiper .swiper-button-prev {
  width: 40px !important;
  height: 40px !important;
}


/* Category Slider Navigation Buttons */
.category-slider-container .swiper-button-prev,
.category-slider-container .swiper-button-next {
    background: #FC8934;
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

/* Arrow icon size */
.category-slider-container .swiper-button-prev::after,
.category-slider-container .swiper-button-next::after {
    font-size: 19px;     /* smaller icon */
    font-weight: 700;
    color: #ffffff;      /* change icon color here */
}

/* Hover effect */
.category-slider-container .swiper-button-prev:hover,
.category-slider-container .swiper-button-next:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .material-symbols-outlined.unfilled {
            font-variation-settings: 'FILL' 0;
        }