/* ==========================================================================
   LUXURY DESIGN OVERRIDES (Glassmorphism & Refined Spacing)
   ========================================================================== */

/* Glassmorphism Header */
#header {
  background-color: rgba(255, 255, 255, 0.65) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}

#header.scrolled {
  background-color: rgba(255, 255, 255, 0.85) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

/* Elevated Cards with Soft Glassmorphism */
.stat-card, .pillar-card, .service-card, .why-card, .testimonial-card {
  background: linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(253,247,248,0.6) 100%) !important;
  border: 1px solid rgba(197, 140, 150, 0.1) !important;
  box-shadow: var(--shadow-sm) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.stat-card:hover, .pillar-card:hover, .service-card:hover, .why-card:hover, .testimonial-card:hover {
  border-color: rgba(197, 140, 150, 0.25) !important;
  box-shadow: var(--shadow-luxury) !important;
}

/* Refined Typography */
.section-title {
  letter-spacing: -0.02em !important;
  color: var(--secondary) !important;
}

.section-subtitle {
  letter-spacing: 0.5px !important;
  color: var(--primary) !important;
  text-transform: uppercase;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
}

/* Micro-Animations for Buttons */
.btn {
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.btn:active {
  transform: scale(0.97) !important;
}

/* Soft gradients for Hero Section */
.hero-overlay {
  background: linear-gradient(90deg, rgba(253,247,248,1) 35%, rgba(253,247,248,0.85) 55%, rgba(253,247,248,0.1) 100%) !important;
}

/* Smooth Image Hovers */
.about-img-wrapper img, .doctor-img-wrapper img {
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.about-img-wrapper:hover img, .doctor-img-wrapper:hover img {
  transform: scale(1.03) !important;
}