/* Discounts-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 discountSlideIn {
  from {
    opacity: 0;
    transform: translateX(-40px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes discountFadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tiles {
  animation: discountFadeUp 0.5s ease-out;
}

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

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

.tiles{
  padding-top: 8px;
}