/* Custom styles for Prime Discount Depot */

  /* Scrollbar */
  ::-webkit-scrollbar { width: 8px; }
  ::-webkit-scrollbar-track { background: #2a0f1c; }
  ::-webkit-scrollbar-thumb { background: #5c2740; border-radius: 4px; }
  ::-webkit-scrollbar-thumb:hover { background: #8b3d60; }

  /* Selection */
  ::selection { background: #ffca0a; color: #2a0f1c; }

  /* Smooth transitions */
  a, button, img { transition: all 0.3s ease; }

  /* Reveal animations - progressive enhancement */
  @media (prefers-reduced-motion: no-preference) {
    .reveal {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.8s ease, transform 0.8s ease;
    }
    .reveal.revealed {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* No-reduce-motion: always show reveals */
  @media (prefers-reduced-motion: reduce) {
    .reveal {
      opacity: 1;
      transform: none;
    }
  }

  /* Navbar glass effect when scrolled */
  #navbar.scrolled {
    background: rgba(42, 15, 28, 0.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  /* Mobile menu animation */
  #mobile-menu.open {
    opacity: 1;
    pointer-events: all;
  }

  /* Hero text shimmer */
  @keyframes shimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
  }

  /* Pulse dot */
  @keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.5); }
  }

  /* Category card hover glow */
  .group:hover .rounded-xl {
    box-shadow: 0 0 30px rgba(255, 202, 10, 0.2);
  }

  /* Custom cursor for interactive elements */
  @media (hover: hover) {
    a, button, .cursor-pointer { cursor: pointer; }
  }