/* Menu-specific overrides - Фиолетовый градиентный фон как у кнопок */
html body {
  background: 
    radial-gradient(1000px 700px at 20% 10%, rgba(91, 33, 182, 0.15), transparent 60%),
    radial-gradient(900px 600px at 80% 30%, rgba(76, 29, 149, 0.12), transparent 55%),
    radial-gradient(800px 500px at 50% 70%, rgba(59, 26, 107, 0.1), transparent 50%),
    linear-gradient(135deg, #4C1D95 0%, #5B21B6 50%, #3B1A6B 100%) !important;
  background-attachment: fixed !important;
}

html body .bg .glow-a {
  background: rgba(91, 33, 182, 0.25) !important;
  left: -200px !important;
  top: -250px !important;
  width: 900px !important;
  height: 900px !important;
  filter: blur(70px) !important;
  opacity: 1 !important;
}

html body .bg .glow-b {
  background: rgba(76, 29, 149, 0.2) !important;
  right: -250px !important;
  top: 50px !important;
  width: 850px !important;
  height: 850px !important;
  filter: blur(70px) !important;
  opacity: 1 !important;
}

html body .bg .grid {
  opacity: 0.1 !important;
  background-image:
    linear-gradient(to right, rgba(91, 33, 182, 0.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(91, 33, 182, 0.08) 1px, transparent 1px) !important;
}

html body .bg .noise {
  opacity: 0.15 !important;
  mix-blend-mode: overlay !important;
}

/* Анимации для главного меню */
@keyframes menuFadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes menuScaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.tiles {
  animation: menuFadeIn 0.6s ease-out;
}

.ecommerce-btn-wrapper {
  animation: menuScaleIn 0.5s ease-out 0.2s both;
}

.tile {
  opacity: 0;
  transform: translateY(20px);
  animation: menuFadeIn 0.4s ease-out forwards;
}

.tile:nth-child(1) { animation-delay: 0.3s; }
.tile:nth-child(2) { animation-delay: 0.4s; }
.tile:nth-child(3) { animation-delay: 0.5s; }
.tile:nth-child(4) { animation-delay: 0.6s; }
.tile:nth-child(5) { animation-delay: 0.7s; }
.tile:nth-child(6) { animation-delay: 0.8s; }
.tile:nth-child(n+7) { animation-delay: 0.9s; }