/* assets\css\style.css */

.gold-gradient {
  background: linear-gradient(135deg, #d4af37, #ffd700);
}

.badge-hot {
  @apply absolute top-4 left-4 bg-red-600 text-white px-5 py-2 rounded-full text-sm font-bold z-10;
}

.product-card {
  @apply bg-white rounded-2xl shadow-2xl overflow-hidden transition-all duration-500 hover:shadow-3xl hover:-translate-y-translate-y-3;
}

.btn-gold {
  @apply bg-accent hover:bg-yellow-600 text-primary font-bold rounded-xl transition;
}

/* ==== CONSISTENT TYPOGRAPHY & SPACING ==== */
.prose h1,
h1 {
  @apply text-5xl md:text-6xl font-bold font-serif leading-tight;
}
.prose h2,
h2 {
  @apply text-4xl md:text-5xl font-serif text-primary mb-8;
}
.prose h3,
h3 {
  @apply text-2xl md:text-3xl font-serif text-primary mb-6;
}
.prose p,
p {
  @apply text-lg leading-relaxed text-gray-700 mb-6;
}

/* Buttons */
.btn-primary {
  @apply bg-accent hover:bg-yellow-600 text-primary font-bold py-4 px-8 rounded-xl text-lg transition transform hover:scale-105;
}
.btn-whatsapp {
  @apply bg-green-600 hover:bg-green-700 text-white font-bold py-5 px-12 rounded-xl text-xl transition flex items-center justify-center gap-3;
}

/* Cards & Containers */
.card {
  @apply bg-white rounded-2xl shadow-xl p-8;
}
.product-card {
  @apply bg-white rounded-2xl shadow-2xl overflow-hidden transition-all duration-500 hover:shadow-3xl hover:-translate-y-2;
}

/* Grids */
.grid-gap {
  @apply gap-12 md:gap-16 lg:gap-20;
}

/* Toast Enhancements */
.toast-progress {
  animation: toast-progress linear forwards;
}
@keyframes toast-progress {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}