:root {
  --gradient: linear-gradient(135deg, #f97316, #ec4899, #8b5cf6);
  --gradient-transparent: linear-gradient(
    135deg,
    rgba(249, 115, 22, 0.5),
    rgba(236, 72, 153, 0.5),
    rgba(139, 92, 246, 0.5)
  );
}

.mayday_header-container {
  background: var(--gradient);
}

.mayday_home_collection-highlight {
  background: var(--gradient-transparent);
}

.mayday_base-button--primary,
.mayday_base-button--custom,
.mayday_search-show_all {
  background: var(--gradient) !important;
  border: none !important;
  border-radius: 40px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(139, 92, 246, 0.3);
  transition: all 0.3s ease !important;
}

.mayday_base-button--primary:hover,
.mayday_base-button--custom:hover,
.mayday_search-show_all:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(139, 92, 246, 0.4) !important;
  filter: brightness(1.05);
}