@media (max-width: 1024px) {
  .collections-swiper .swiper-slide {
    width: 60vw !important;
  }
}

@media (max-width: 768px) {

  .hero-title {
    font-size: 3.5rem;
  }

  .collections-swiper .swiper-slide {
    width: 85vw !important;
  }

  .counter {
    font-size: 2.5rem;
  }
}

@media (max-width: 640px) {

  .text-gradient-gold {
    font-size: 2rem;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  html {
    scroll-behavior: auto;
  }

  .marquee-content {
    animation: none;
  }
}