/* Custom Rose Gold, Pearl Silk & Champagne Gold Luxury Theme for House of Beauty */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

:root {
  --bg-dark: #fdf7f4;
  --bg-card: rgba(255, 255, 255, 0.95);
  --bg-card-hover: rgba(255, 245, 247, 0.98);
  --border-color: rgba(217, 119, 127, 0.35);
  --rose-gold: #d9777f;
  --rose-gold-dark: #8a1832;
  --champagne-gold: #c5a059;
  --dusty-pink: #f4a2b0;
  --text-main: #1a0a0d;
  --text-muted: #422027;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--bg-dark);
  color: var(--text-main);
  background-image: 
    radial-gradient(circle at 10% 10%, rgba(244, 162, 176, 0.22) 0%, transparent 45%),
    radial-gradient(circle at 90% 90%, rgba(212, 175, 55, 0.15) 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, rgba(253, 247, 244, 0.8) 0%, transparent 100%);
  background-attachment: fixed;
  overflow-x: hidden;
}

/* --- MOTION DESIGN & ANIMATIONS --- */

@keyframes floatSlow {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 15px rgba(217, 119, 127, 0.2); }
  50% { box-shadow: 0 0 30px rgba(217, 119, 127, 0.5); }
}

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

@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.animate-float {
  animation: floatSlow 6s ease-in-out infinite;
}

.animate-fade-in {
  animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.shimmer-btn {
  background: linear-gradient(90deg, #e88899 0%, #c5a059 50%, #e88899 100%);
  background-size: 200% 100%;
  animation: shimmer 4s infinite linear;
}

/* Glassmorphism Panels in Rose Gold Theme */
.glass-panel {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(217, 119, 127, 0.3);
  box-shadow: 0 10px 30px 0 rgba(217, 119, 127, 0.12);
  transition: all 0.3s ease;
}

.glass-card {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(217, 119, 127, 0.25);
  box-shadow: 0 4px 20px rgba(184, 64, 93, 0.08);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card:hover {
  transform: translateY(-6px) scale(1.01);
  border-color: rgba(217, 119, 127, 0.6);
  box-shadow: 0 16px 35px -10px rgba(217, 119, 127, 0.28);
}

/* Rose Gold & Gold Text Gradients (High Contrast) */
.text-gradient {
  background: linear-gradient(135deg, #a3223f 0%, #801930 50%, #8a651a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-neon {
  background: linear-gradient(135deg, #e88899 0%, #d9777f 50%, #a82e49 100%);
  color: #ffffff;
  font-weight: 700;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 18px rgba(217, 119, 127, 0.4);
}

.btn-neon:hover {
  box-shadow: 0 6px 25px rgba(217, 119, 127, 0.6);
  transform: translateY(-2px);
}

.btn-whatsapp {
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  color: #ffffff;
  font-weight: 700;
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.35);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-whatsapp:hover {
  box-shadow: 0 6px 25px rgba(37, 211, 102, 0.55);
  transform: translateY(-2px);
}

/* Custom Touch Scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--bg-dark);
}
::-webkit-scrollbar-thumb {
  background: #e5cbce;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d9aeb4;
}

/* Badges for Rose Gold Theme - High Contrast */
.badge-neon-cyan, .badge-rose-gold {
  background: #fce8eb;
  color: #8a1832;
  border: 1px solid #f4a2b0;
  font-weight: 700;
}

.badge-neon-pink, .badge-dusty-pink {
  background: #fde2e7;
  color: #7a142c;
  border: 1px solid #e88899;
  font-weight: 700;
}

.badge-neon-gold, .badge-champagne-gold {
  background: #fbf4e6;
  color: #6e501a;
  border: 1px solid #c5a059;
  font-weight: 700;
}

.badge-neon-rose {
  background: #fce8eb;
  color: #8a1832;
  border: 1px solid #e88899;
  font-weight: 700;
}

/* FAQ Accordion Transitions */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);
}

.faq-item.active .faq-answer {
  max-height: 500px;
  transition: max-height 0.4s ease-in-out;
}

.faq-item.active .faq-icon {
  transform: rotate(180deg);
  color: #a3223f;
}

/* Pulse animation for Promo Pop-up CTA */
@keyframes pulseGlowBtn {
  0%, 100% { box-shadow: 0 0 15px rgba(37, 211, 102, 0.4); }
  50% { box-shadow: 0 0 30px rgba(37, 211, 102, 0.8); }
}

.pulse-whatsapp {
  animation: pulseGlowBtn 2.5s infinite ease-in-out;
}