/* styles.css */
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #000;
}
h1, h2, h3, h4, h5, h6, .font-serif { 
    font-family: 'Inter', sans-serif; 
}

/* Marquee Animation */
.animate-marquee {
  animation: marquee 30s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Vertical Marquee Animation */
.animate-marquee-vertical {
  animation: marquee-vertical 6s ease-in-out infinite;
}
@keyframes marquee-vertical {
  0%, 40% { transform: translateY(0); }
  50%, 90% { transform: translateY(-24px); }
  100% { transform: translateY(-48px); }
}

/* Hero Slider Styles */
.hero-swiper .swiper-slide .hero-bg {
  transition: transform 6s linear;
}
.hero-swiper .swiper-slide-active .hero-bg {
  transform: scale(1.08);
}
.hero-swiper .swiper-pagination-bullet {
  background: rgba(255,255,255,0.5);
  opacity: 1;
}
.hero-swiper .swiper-pagination-bullet-active {
  background: #f8bc0f !important;
  width: 32px !important;
  border-radius: 8px !important;
  transition: all 0.3s;
}
.hero-swiper .swiper-button-next, .hero-swiper .swiper-button-prev {
  color: white !important;
  opacity: 0;
  transition: all 0.3s;
}
.hero-swiper:hover .swiper-button-next, .hero-swiper:hover .swiper-button-prev {
  opacity: 1;
}
.hero-swiper .swiper-button-next:hover, .hero-swiper .swiper-button-prev:hover {
  color: #dc2626 !important;
}

/* Wholesale Banner Slider */
.wholesale-swiper .swiper-pagination-bullet {
  background: rgba(255,255,255,0.5);
  opacity: 1;
}
.wholesale-swiper .swiper-pagination-bullet-active {
  background: #FE9A00 !important;
  width: 32px !important;
  border-radius: 8px !important;
}

/* Hide scrollbar for smooth experience */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #111; 
}
::-webkit-scrollbar-thumb {
  background: #333; 
}
::-webkit-scrollbar-thumb:hover {
  background: #f8bc0f; 
}

/* Deal Slider */
.deal-swiper .swiper-pagination-bullet {
  background: rgba(255,255,255,0.5);
  opacity: 1;
}
.deal-swiper .swiper-pagination-bullet-active {
  background: #f8bc0f !important;
  width: 24px !important;
  border-radius: 8px !important;
  transition: all 0.3s;
}

/* Reveal Animations */
.reveal-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}
.reveal-up.active {
  opacity: 1;
  transform: translateY(0);
}