/* WOW Distribution — Custom Styles */
/* Tailwind handles most styling via CDN; this file covers custom overrides */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Hero overlay gradient */
.hero-overlay {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.75) 0%, rgba(15, 23, 42, 0.4) 100%);
}

/* Category card hover effect */
.category-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.category-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* Image grid items */
.product-img {
  transition: transform 0.4s ease;
}
.product-img:hover {
  transform: scale(1.05);
}

/* CTA pulse */
.cta-pulse {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(5, 150, 105, 0.4); }
  50% { box-shadow: 0 0 0 12px rgba(5, 150, 105, 0); }
}

/* Mobile nav toggle */
.mobile-nav {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.mobile-nav.open {
  max-height: 500px;
}

/* Fade-in on scroll (used with IntersectionObserver) */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}