@keyframes float {
  0%, 100% {
    transform: translateY(0px) translateX(0px);
  }
  33% {
    transform: translateY(-20px) translateX(10px);
  }
  66% {
    transform: translateY(10px) translateX(-10px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .particle-card {
    animation: float 6s ease-in-out infinite;
  }
}

.particle-card:nth-child(2) {
  animation-delay: -2s;
}

.particle-card:nth-child(3) {
  animation-delay: -4s;
}

/* Animações da Logo */
@keyframes logoFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes logoLetter {
  0%, 100% {
    transform: translateY(0px) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-5px) scale(1.05);
    opacity: 0.9;
  }
}

.logo-letter {
  display: inline-block;
}

@media (prefers-reduced-motion: no-preference) {
  .logo-animated {
    animation: logoFloat 6s ease-in-out infinite;
  }
  .logo-letter {
    animation: logoLetter 3s ease-in-out infinite;
    animation-delay: var(--delay);
  }
  .logo-shop {
    animation: logoFloat 6s ease-in-out infinite;
    animation-delay: 0.6s;
  }
}

/* Animações Futuristas */
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

@keyframes glow-pulse {
  0%, 100% {
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.5),
                 0 0 20px rgba(59, 130, 246, 0.3),
                 0 0 30px rgba(59, 130, 246, 0.2);
  }
  50% {
    text-shadow: 0 0 20px rgba(59, 130, 246, 0.8),
                 0 0 30px rgba(59, 130, 246, 0.5),
                 0 0 40px rgba(59, 130, 246, 0.3);
  }
}

@keyframes title-float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .animate-shimmer {
    animation: shimmer 4s ease-in-out infinite;
  }
  .title-futuristic {
    animation: title-float 5s ease-in-out infinite;
  }
}

.section-title-futuristic {}
.product-name-futuristic {}

/* Animações Sutis para Cards de Features */
@keyframes float-slow {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
}

@keyframes icon-float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .animate-float-slow {
    animation: float-slow 5s ease-in-out infinite;
  }
  .animate-icon-float {
    animation: icon-float 4s ease-in-out infinite;
  }
  .mascot-float {
    animation: mascot-float 6s ease-in-out infinite;
  }
}

@keyframes mascot-float {
  0%, 100% {
    transform: translateY(0px) scale(1);
  }
  50% {
    transform: translateY(-10px) scale(1.03);
  }
}

/* Carrossel de Categorias */
.categories-carousel {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.categories-carousel::-webkit-scrollbar {
  display: none;
}
.categories-carousel.dragging {
  scroll-behavior: auto;
  user-select: none;
}
.categories-carousel.dragging a {
  pointer-events: none;
}