/* ==========================================================================
   DC Clinic — Luxury Polish Layer
   Final refinement for world-class aesthetic clinic feel
   Loads LAST — overrides all previous layers
   ========================================================================== */

:root {
  /* Warm White Tones */
  --dc-warm-white: #FFFFFF;
  --dc-cream: #F7EBE4;
  --dc-soft-beige: #F7EBE4;
  --dc-light-cream: #F0E0D8;

  /* Champagne Gold → Premium Gold */
  --dc-champagne: #AC8D62;
  --dc-champagne-light: #AC8D62;
  --dc-champagne-soft: #C9B89A;

  /* Premium Shadows — Soft warm */
  --dc-shadow-lux: 0 2px 8px rgba(99, 89, 67, 0.04), 0 8px 24px rgba(99, 89, 67, 0.06);
  --dc-shadow-lux-hover: 0 4px 12px rgba(99, 89, 67, 0.06), 0 16px 40px rgba(99, 89, 67, 0.10);
  --dc-shadow-gold-lux: 0 4px 20px rgba(172, 141, 98, 0.12), 0 8px 32px rgba(172, 141, 98, 0.08);

  /* Premium Radius */
  --dc-radius-lux: 16px;
  --dc-radius-lux-lg: 24px;

  /* Premium Section Spacing */
  --dc-section-lux: 140px;
  --dc-section-lux-cta: 180px;
  --dc-section-lux-footer: 120px;

  /* Reading width */
  --dc-read-max: 740px;
}

/* ==========================================================================
   1. Section Rhythm — Premium Vertical Spacing
   ========================================================================== */
.dc-section {
  padding-top: var(--dc-section-lux);
  padding-bottom: var(--dc-section-lux);
}

.dc-section--tight {
  padding-top: 80px;
  padding-bottom: 80px;
}

/* CTA sections get extra breathing room */
.dc-cta,
.dc-footer-cta {
  padding-top: var(--dc-section-lux-cta) !important;
  padding-bottom: var(--dc-section-lux-cta) !important;
}

/* Footer breathing room */
.dc-footer {
  padding-top: var(--dc-section-lux-footer) !important;
}

@media (max-width: 991px) {
  .dc-section {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .dc-section--tight {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .dc-cta, .dc-footer-cta {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media (max-width: 767px) {
  .dc-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .dc-section--tight {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .dc-cta, .dc-footer-cta {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}

/* ==========================================================================
   2. Section Background Alternation
   ========================================================================== */
.dc-section:nth-of-type(even):not(.dc-section--navy):not(.dc-cta):not(.dc-footer-cta) {
  background-color: var(--dc-warm-white);
}

/* Explicit warm-tone utilities */
.dc-section--warm-white { background-color: var(--dc-warm-white) !important; }
.dc-section--cream { background-color: var(--dc-cream) !important; }
.dc-section--soft-beige { background-color: var(--dc-soft-beige) !important; }

/* ==========================================================================
   3. Typography Refinement
   ========================================================================== */
h1, h2, h3, h4, h5, h6, .headline {
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
}

h1 {
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

h2 {
  font-weight: 600;
  line-height: 1.3;
}

p {
  line-height: 1.75;
  letter-spacing: 0.005em;
}

/* Reading width constraint for paragraphs in sections */
.dc-section p:not(.dc-hero-building__desc):not(.dc-doctor-intro__text):not(.dc-footer p) {
  max-width: var(--dc-read-max);
}

.section-header p {
  max-width: var(--dc-read-max);
  margin-left: auto;
  margin-right: auto;
}

/* Label caps — more elegant */
.label-caps {
  letter-spacing: 0.14em;
  font-weight: 600;
  font-size: 14px !important;
  color: var(--dc-champagne);
}

/* ==========================================================================
   4. Button Elevation
   ========================================================================== */

/* Primary — Navy with elegant lift */
.btn-dc-primary {
  padding: 14px 32px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: 9999px;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 2px 8px rgba(99, 89, 67, 0.10);
}

.btn-dc-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(99, 89, 67, 0.18);
  opacity: 1;
}

/* Gold — Champagne, subtle, refined */
.btn-dc-gold {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%);
  border: 1px solid rgba(172, 141, 98, 0.3);
  padding: 14px 32px;
  font-weight: 600;
  letter-spacing: 0.03em;
  box-shadow: 0 2px 12px rgba(172, 141, 98, 0.15);
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-dc-gold:hover {
  background: linear-gradient(135deg, #635943 0%, #635943 50%, #635943 100%);
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(99, 89, 67, 0.25);
}

/* Outline — White with gold border */
.btn-dc-outline {
  border: 1.5px solid var(--dc-champagne);
  color: var(--dc-navy-deep);
  padding: 14px 32px;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-dc-outline:hover {
  background-color: var(--dc-champagne);
  color: #fff;
  border-color: var(--dc-champagne);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(172, 141, 98, 0.20);
}

/* Ghost — Elegant border */
.btn-dc-ghost {
  border: 1.5px solid rgba(99, 89, 67, 0.12);
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-dc-ghost:hover {
  border-color: var(--dc-champagne);
  color: var(--dc-champagne);
  background: var(--dc-cream);
}

/* Ghost light (on dark backgrounds) */
.btn-dc-ghost-light {
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-dc-ghost-light:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
}

/* ==========================================================================
   5. Card Refinement — Hairline border, soft shadow, elegant radius
   ========================================================================== */
.dc-card,
.dc-service-card,
.dc-testimonial {
  border: 1px solid rgba(99, 89, 67, 0.06);
  border-radius: var(--dc-radius-lux) !important;
  box-shadow: var(--dc-shadow-lux);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-card:hover,
.dc-service-card:hover,
.dc-testimonial:hover {
  transform: translateY(-6px);
  box-shadow: var(--dc-shadow-lux-hover);
  border-color: rgba(172, 141, 98, 0.15);
}

/* Image radius consistency */
.dc-card img,
.dc-service-card img {
  border-radius: 0;
}

.dc-card > *:first-child img,
.dc-service-card .dc-service-card__overlay + * img {
  border-top-left-radius: var(--dc-radius-lux);
  border-top-right-radius: var(--dc-radius-lux);
}

/* ==========================================================================
   6. Hero — Soft radial lighting, gold glow
   ========================================================================== */
.dc-hero-building {
  min-height: 680px;
}

.dc-hero-building__overlay {
  background: linear-gradient(to top,
    rgba(99, 89, 67, 0.35) 0%,
    rgba(99, 89, 67, 0.1) 40%,
    transparent 100%);
  z-index: 2;
}

/* Soft gold radial glow at bottom */
.dc-hero-building::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 60%;
  background: radial-gradient(ellipse at center bottom,
    rgba(172, 141, 98, 0.12) 0%,
    transparent 60%);
  z-index: 1;
  pointer-events: none;
}

.dc-hero-building__title {
  font-weight: 600;
  letter-spacing: -0.02em;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

.dc-hero-building__desc {
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
  line-height: 1.8;
}

.dc-hero-building__label {
  letter-spacing: 0.16em;
  font-size: 11px;
}

@media (max-width: 767px) {
  .dc-hero-building {
    min-height: 480px !important;
  }
}

/* ==========================================================================
   7. Navigation — Gold underline, elegant hover
   ========================================================================== */
.dc-nav__link {
  position: relative;
  transition: color 0.3s ease;
}

.dc-nav__link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1.5px;
  background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-nav__link:hover::after,
.dc-nav__link.is-active::after {
  transform: scaleX(1);
}

/* Header — more refined border */
.dc-header {
  border-bottom: 1px solid rgba(99, 89, 67, 0.04);
}

.dc-header--scrolled {
  box-shadow: 0 1px 20px rgba(99, 89, 67, 0.04);
  border-bottom: 1px solid rgba(172, 141, 98, 0.08);
}

/* ==========================================================================
   8. Mega Menu — Premium fade, gold accents
   ========================================================================== */
.dc-mega-menu {
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(99, 89, 67, 0.12), 0 8px 24px rgba(99, 89, 67, 0.08);
  border: 1px solid rgba(99, 89, 67, 0.06);
}

/* Mega menu wellness cards */
.dc-mm-wellness__card {
  border-radius: 14px;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-mm-wellness__card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(99, 89, 67, 0.08);
}

.dc-mm-wellness__card-label {
  font-weight: 600 !important;
  font-size: 15px !important;
}

/* ==========================================================================
   9. Section Headers — More elegant
   ========================================================================== */
.section-header {
  margin-bottom: 64px;
}

.section-header h2 {
  font-weight: 600;
  letter-spacing: -0.02em;
}

.section-header .label-caps {
  margin-bottom: 16px;
  display: inline-block;
}

/* Gold divider after section headers */
.section-header--center::after {
  content: '';
  display: block;
  width: 48px;
  height: 2px;
  background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
  margin: 24px auto 0;
  border-radius: 2px;
}

/* ==========================================================================
   10. Testimonials — Quote elegance
   ========================================================================== */
.dc-testimonial {
  padding: 36px;
  border-radius: var(--dc-radius-lux) !important;
}

.dc-testimonial::before {
  content: '\201C';
  font-family: Georgia, serif;
  font-size: 56px;
  line-height: 1;
  color: var(--dc-champagne-soft);
  position: absolute;
  top: 20px;
  left: 28px;
  opacity: 0.5;
}

/* ==========================================================================
   11. Footer — Luxury divider, breathing room
   ========================================================================== */
.dc-footer {
  border-top: 1px solid rgba(172, 141, 98, 0.10);
}

.dc-footer h4,
.dc-footer h5 {
  font-weight: 600;
  letter-spacing: 0.04em;
  font-size: 13px;
  text-transform: uppercase;
  color: var(--dc-champagne-light);
  margin-bottom: 20px;
}

.dc-footer a {
  transition: color 0.3s ease, padding-left 0.3s ease;
}

.dc-footer a:hover {
  color: var(--dc-champagne);
  padding-left: 4px;
}

/* ==========================================================================
   12. Animations — Subtle, expensive feel
   ========================================================================== */

/* Fade up — default reveal */
@keyframes dc-lux-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Stagger children */
.dc-fade-in.is-visible > *:nth-child(1) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s both; }
.dc-fade-in.is-visible > *:nth-child(2) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s both; }
.dc-fade-in.is-visible > *:nth-child(3) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.19s both; }
.dc-fade-in.is-visible > *:nth-child(4) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.26s both; }
.dc-fade-in.is-visible > *:nth-child(5) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.33s both; }
.dc-fade-in.is-visible > *:nth-child(6) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.40s both; }

/* Image zoom — gentle */
.dc-card img,
.dc-service-card img,
.dc-rv-category-card__image img {
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-card:hover img,
.dc-service-card:hover img {
  transform: scale(1.04);
}

/* ==========================================================================
   13. CTA Section — Gold glow, premium
   ========================================================================== */
.dc-cta,
.dc-footer-cta {
  position: relative;
}

.dc-cta::before,
.dc-footer-cta::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 120%;
  background: radial-gradient(ellipse at center,
    rgba(172, 141, 98, 0.08) 0%,
    transparent 65%);
  pointer-events: none;
  z-index: 0;
}

.dc-cta > *,
.dc-footer-cta > * {
  position: relative;
  z-index: 1;
}

.dc-cta__title,
.dc-footer-cta__title {
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* ==========================================================================
   14. Doctor Section — Premium feel
   ========================================================================== */
.dc-doctor-intro {
  position: relative;
}

.dc-doctor-intro__image img {
  border-radius: var(--dc-radius-lux-lg);
  box-shadow: var(--dc-shadow-lux);
}

.dc-doctor-intro__image-badge {
  border-radius: 16px;
  box-shadow: var(--dc-shadow-gold-lux);
  border: 1px solid rgba(172, 141, 98, 0.15);
}

/* ==========================================================================
   15. Category Cards — Consistent, elegant
   ========================================================================== */
.dc-rv-category-card {
  border-radius: var(--dc-radius-lux) !important;
  box-shadow: var(--dc-shadow-lux);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-rv-category-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--dc-shadow-lux-hover);
}

.dc-rv-category-card__content {
  background: linear-gradient(to top,
    rgba(58, 42, 28, 0.88) 0%,
    rgba(58, 42, 28, 0.35) 50%,
    transparent 100%) !important;
  padding: 24px 24px 22px;
}

.dc-rv-category-card__content h3 {
  font-weight: 600 !important;
  font-size: 18px !important;
  letter-spacing: -0.01em;
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

.dc-rv-category-card__content p {
  color: rgba(255, 255, 255, 0.85) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* ==========================================================================
   16. Form Inputs — Refined
   ========================================================================== */
.form-control,
.dc-form input,
.dc-form textarea,
.dc-form select {
  border: 1px solid rgba(99, 89, 67, 0.08);
  border-radius: 12px;
  padding: 14px 18px;
  font-size: var(--dc-text-body);
  transition: all 0.3s ease;
  background: var(--dc-surface);
}

.form-control:focus,
.dc-form input:focus,
.dc-form textarea:focus,
.dc-form select:focus {
  border-color: var(--dc-champagne);
  box-shadow: 0 0 0 3px rgba(172, 141, 98, 0.08);
  outline: none;
}

/* ==========================================================================
   17. Back to Top — Elegant
   ========================================================================== */
.dc-back-to-top {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(172, 141, 98, 0.30) !important;
  box-shadow: 0 4px 16px rgba(172, 141, 98, 0.20) !important;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-back-to-top:hover {
  background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 100%) !important;
  color: #fff !important;
  border-color: rgba(172, 141, 98, 0.50) !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(172, 141, 98, 0.30) !important;
}

/* ==========================================================================
   18. Scrollbar — Subtle luxury
   ========================================================================== */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--dc-warm-white);
}

::-webkit-scrollbar-thumb {
  background: rgba(172, 141, 98, 0.25);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(172, 141, 98, 0.40);
}

/* ==========================================================================
   19. Selection — Gold tint
   ========================================================================== */
::selection {
  background: rgba(172, 141, 98, 0.15);
  color: var(--dc-navy-deep);
}

/* ==========================================================================
   20. Responsive — Preserve desktop, refine tablet/mobile
   ========================================================================== */
@media (max-width: 991px) {
  .section-header {
    margin-bottom: 48px;
  }

  .dc-testimonial {
    padding: 28px;
  }
}

@media (max-width: 767px) {
  .section-header {
    margin-bottom: 36px;
  }

  .section-header--center::after {
    width: 36px;
    margin-top: 18px;
  }

  .dc-testimonial {
    padding: 24px;
  }

  .dc-testimonial::before {
    font-size: 40px;
    top: 14px;
    left: 20px;
  }
}

/* ==========================================================================
   21. Image Treatment — Unified warmth, brightness, contrast
   ========================================================================== */
.dc-card img,
.dc-service-card img,
.dc-doctor-intro__image img,
.dc-trust-split__card img,
.dc-rv-category-card__image img,
.dc-gallery__item img,
.dc-gallery__item video,
.dc-doctor-intro__strip-item img {
  filter: brightness(1.02) contrast(1.03) saturate(0.95) sepia(0.02);
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.5s ease;
}

.dc-card:hover img,
.dc-service-card:hover img,
.dc-rv-category-card:hover img {
  filter: brightness(1.05) contrast(1.05) saturate(1.0) sepia(0.01);
}

/* ==========================================================================
   22. Doctor Section — Editorial composition, premium trust
   ========================================================================== */
.dc-doctor-intro__grid {
  gap: 80px;
  align-items: center;
}

.dc-doctor-intro__image {
  position: relative;
}

.dc-doctor-intro__image::before {
  display: none;
}

.dc-doctor-intro__image img {
  position: relative;
  z-index: 1;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.dc-doctor-intro__image-badge {
  background: linear-gradient(135deg, var(--dc-navy-deep) 0%, #4A4334 100%) !important;
  border: 1px solid rgba(172, 141, 98, 0.20) !important;
  box-shadow: 0 8px 32px rgba(99, 89, 67, 0.20), 0 4px 12px rgba(172, 141, 98, 0.10) !important;
}

.dc-doctor-intro__image-badge-value {
  font-weight: 700;
  color: var(--dc-champagne-light);
}

.dc-doctor-intro__image-badge-label {
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.6);
}

.dc-doctor-intro__name {
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.3;
}

.dc-doctor-intro__cred {
  transition: all 0.35s ease;
}

.dc-doctor-intro__cred:hover {
  transform: translateY(-2px);
}

/* Doctor strip — consistent treatment */
.dc-doctor-intro__strip {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 64px !important;
}

.dc-doctor-intro__strip-item {
  border-radius: 14px !important;
  box-shadow: var(--dc-shadow-lux);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
  height: 200px;
}

.dc-doctor-intro__strip-item:hover {
  transform: translateY(-4px);
  box-shadow: var(--dc-shadow-lux-hover);
}

.dc-doctor-intro__strip-item img {
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-doctor-intro__strip-item:hover img {
  transform: scale(1.05);
}

@media (max-width: 991px) {
  .dc-doctor-intro__grid {
    gap: 48px;
  }
  .dc-doctor-intro__image::before {
    display: none;
  }
}

/* ==========================================================================
   23. Trust Section — Editorial split cards
   ========================================================================== */
.dc-trust-split {
  background: linear-gradient(180deg, var(--dc-warm-white) 0%, var(--dc-cream) 100%) !important;
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.dc-trust-split__grid {
  gap: 32px !important;
}

.dc-trust-split__card {
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(99, 89, 67, 0.06), 0 1px 4px rgba(99, 89, 67, 0.03);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 420px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  background: var(--dc-warm-white) !important;
  overflow: hidden !important;
}

.dc-trust-split__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(99, 89, 67, 0.10), 0 2px 8px rgba(99, 89, 67, 0.05);
}

.dc-trust-split__card img {
  position: relative !important;
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  filter: brightness(1.05) contrast(1.02) saturate(0.78) sepia(0.05);
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.5s ease;
}

.dc-trust-split__card:hover img {
  transform: scale(1.03);
  filter: brightness(1.08) contrast(1.04) saturate(0.88) sepia(0.03);
}

/* Remove old full-card overlay — no longer needed with split layout */
.dc-trust-split__card::before {
  display: none !important;
}

/* Gold hairline top border on card */
.dc-trust-split__card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light), var(--dc-champagne));
  z-index: 2;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.dc-trust-split__card:hover::after {
  opacity: 1;
}

.dc-trust-split__body {
  position: relative !important;
  padding: 32px 32px 36px !important;
  background: var(--dc-warm-white) !important;
  flex: 1 !important;
  z-index: 1 !important;
}

.dc-trust-split__tag {
  color: var(--dc-champagne) !important;
  letter-spacing: 0.16em !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: uppercase;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px !important;
}

.dc-trust-split__tag::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--dc-champagne);
  flex-shrink: 0;
}

.dc-trust-split__title {
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  color: var(--dc-navy-deep) !important;
  font-size: 1.3rem !important;
  margin-bottom: 10px !important;
  line-height: 1.35;
}

.dc-trust-split__desc {
  line-height: 1.75;
  color: var(--dc-on-surface-variant) !important;
  font-size: 0.88rem;
  max-width: 400px;
}

/* ==========================================================================
   24. Video Gallery — Premium play button, soft overlay
   ========================================================================== */
.dc-gallery__item {
  border-radius: var(--dc-radius-lux) !important;
}

.dc-gallery__item--video::after {
  background: linear-gradient(to top,
    rgba(99, 89, 67, 0.75) 0%,
    rgba(99, 89, 67, 0.15) 50%,
    transparent 100%) !important;
  opacity: 0.5 !important;
}

.dc-gallery__item--video:hover::after {
  opacity: 0.7 !important;
}

.dc-video-play {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(172, 141, 98, 0.3);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(172, 141, 98, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 2;
}

.dc-video-play .material-symbols-outlined {
  font-size: 28px;
  color: var(--dc-navy-deep);
  margin-left: 2px;
}

.dc-gallery__item--video:hover .dc-video-play {
  transform: translate(-50%, -50%) scale(1.08);
  background: #fff;
  border-color: var(--dc-champagne);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.20), 0 0 0 8px rgba(172, 141, 98, 0.10);
}

.dc-gallery__item-label {
  font-weight: 600;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

/* ==========================================================================
   25. Stats / Trust Numbers — Editorial prominence
   ========================================================================== */
.dc-stats,
.dc-founder-stats {
  gap: 48px;
}

.dc-stats__value,
.dc-founder-stats__value {
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--dc-navy-deep);
}

.dc-stats__label,
.dc-founder-stats__label {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: var(--dc-on-surface-variant);
}

/* ==========================================================================
   26. Section Transition — Subtle top/bottom gradients
   ========================================================================== */
.dc-section--navy {
  position: relative;
}

.dc-section--navy::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, rgba(247, 244, 239, 0.05) 0%, transparent 100%);
  pointer-events: none;
}

/* ==========================================================================
   27. Scroll Reveal — Cinematic, graceful
   ========================================================================== */
.dc-fade-in {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Individual elements within sections — soft reveal */
.dc-fade-in.is-visible .dc-card,
.dc-fade-in.is-visible .dc-service-card,
.dc-fade-in.is-visible .dc-testimonial,
.dc-fade-in.is-visible .dc-rv-category-card {
  animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.dc-fade-in.is-visible .dc-card:nth-child(1),
.dc-fade-in.is-visible .dc-service-card:nth-child(1),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(1) { animation-delay: 0.05s; }
.dc-fade-in.is-visible .dc-card:nth-child(2),
.dc-fade-in.is-visible .dc-service-card:nth-child(2),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(2) { animation-delay: 0.12s; }
.dc-fade-in.is-visible .dc-card:nth-child(3),
.dc-fade-in.is-visible .dc-service-card:nth-child(3),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(3) { animation-delay: 0.19s; }
.dc-fade-in.is-visible .dc-card:nth-child(4),
.dc-fade-in.is-visible .dc-service-card:nth-child(4),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(4) { animation-delay: 0.26s; }
.dc-fade-in.is-visible .dc-card:nth-child(5),
.dc-fade-in.is-visible .dc-service-card:nth-child(5),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(5) { animation-delay: 0.33s; }
.dc-fade-in.is-visible .dc-card:nth-child(6),
.dc-fade-in.is-visible .dc-service-card:nth-child(6),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(6) { animation-delay: 0.40s; }

/* ==========================================================================
   28. Editorial Typography — Section labels, small headings
   ========================================================================== */
h3, h4 {
  letter-spacing: -0.01em;
}

h4 {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.01em;
}

h5 {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.02em;
}

/* Small heading letter spacing for editorial feel */
.section-header h3,
.dc-card h3,
.dc-service-card h3 {
  letter-spacing: -0.005em;
}

/* ==========================================================================
   29. Service Cards — Overlay refinement
   ========================================================================== */
.dc-service-card__overlay {
  background: linear-gradient(to top,
    rgba(99, 89, 67, 0.88) 0%,
    rgba(99, 89, 67, 0.40) 50%,
    transparent 100%) !important;
}

.dc-service-card__overlay h3,
.dc-service-card__overlay .dc-service-card__title {
  font-weight: 600;
  letter-spacing: -0.01em;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
}

.dc-service-card__overlay p,
.dc-service-card__overlay .dc-service-card__sub {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* ==========================================================================
   30. Mega Menu — Editorial navigation, premium hover
   ========================================================================== */
.dc-mega-menu:not(.dc-mega-menu--surgery):not(.dc-mega-menu--reviews)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light), var(--dc-champagne));
  z-index: 10;
}

/* ==========================================================================
   31. Focus States — Accessibility + luxury
   ========================================================================== */
.btn-dc-primary:focus-visible,
.btn-dc-gold:focus-visible,
.btn-dc-outline:focus-visible,
.btn-dc-ghost:focus-visible,
.btn-dc-ghost-light:focus-visible,
.dc-nav__link:focus-visible,
.dc-card:focus-visible,
.dc-service-card:focus-visible,
a:focus-visible {
  outline: 2px solid var(--dc-champagne);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ==========================================================================
   32. Sticky CTA — Premium floating button
   ========================================================================== */
.dc-sticky-cta {
  gap: 12px;
}

.dc-sticky-cta__btn {
  box-shadow: 0 4px 20px rgba(99, 89, 67, 0.12);
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-sticky-cta__btn--appt {
  background: linear-gradient(135deg, var(--dc-champagne) 0%, var(--dc-champagne-light) 100%);
  border: 1px solid rgba(172, 141, 98, 0.3);
  font-weight: 600;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 20px rgba(172, 141, 98, 0.20);
}

/* ==========================================================================
   33. CTA Buttons — Premium sizing
   ========================================================================== */
.btn-dc-lg {
  padding: 16px 40px;
  font-size: 15px;
  letter-spacing: 0.03em;
}

/* ==========================================================================
   34. Page Loader — Warm, elegant
   ========================================================================== */
.dc-page-loader {
  background: linear-gradient(135deg, #FFFFFF 0%, #F7EBE4 50%, #F7EBE4 100%) !important;
}

.dc-page-loader__text {
  letter-spacing: 0.2em;
  font-weight: 600;
}

/* ==========================================================================
   35. Responsive — Premium mobile feel
   ========================================================================== */
@media (max-width: 991px) {
  .dc-doctor-intro__creds {
    gap: 16px;
  }

  .dc-trust-split__body {
    padding: 28px !important;
  }

  .dc-video-play {
    width: 52px;
    height: 52px;
  }

  .dc-video-play .material-symbols-outlined {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .dc-doctor-intro__strip {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 40px !important;
  }

  .dc-doctor-intro__strip-item {
    height: 160px !important;
  }

  .dc-trust-split__card {
    min-height: auto !important;
  }

  .dc-trust-split__card img {
    height: 180px !important;
  }

  .dc-trust-split__body {
    padding: 24px !important;
  }

  .dc-video-play {
    width: 48px;
    height: 48px;
  }

  .dc-video-play .material-symbols-outlined {
    font-size: 22px;
  }

  .dc-gallery__item-label {
    font-size: 13px;
  }
}

/* ==========================================================================
   36. Service Menu Cards — Editorial premium cards
   ========================================================================== */
.dc-service-menu {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px;
}

.dc-service-menu__card {
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(99, 89, 67, 0.06), 0 1px 4px rgba(99, 89, 67, 0.03);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: var(--dc-warm-white) !important;
  height: 460px !important;
}

.dc-service-menu__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(99, 89, 67, 0.10), 0 2px 8px rgba(99, 89, 67, 0.05);
}

.dc-service-menu__card::before {
  background: linear-gradient(to top,
    rgba(245, 240, 232, 0.95) 0%,
    rgba(245, 240, 232, 0.55) 45%,
    rgba(245, 240, 232, 0.10) 75%,
    transparent 100%) !important;
  transition: background 0.5s ease !important;
}

.dc-service-menu__card:hover::before {
  background: linear-gradient(to top,
    rgba(245, 240, 232, 0.98) 0%,
    rgba(245, 240, 232, 0.65) 50%,
    rgba(245, 240, 232, 0.15) 80%,
    transparent 100%) !important;
}

.dc-service-menu__img img {
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  filter: brightness(1.02) contrast(1.06) saturate(0.92) sepia(0.04);
}

.dc-service-menu__card:hover .dc-service-menu__img img {
  transform: scale(1.06) !important;
}

.dc-service-menu__body {
  padding: 28px !important;
}

.dc-service-menu__icon {
  background: rgba(172, 141, 98, 0.12) !important;
  border: 1px solid rgba(172, 141, 98, 0.20);
  backdrop-filter: blur(8px);
  transition: all 0.35s ease;
}

.dc-service-menu__card:hover .dc-service-menu__icon {
  background: rgba(172, 141, 98, 0.18) !important;
  border-color: rgba(172, 141, 98, 0.35);
  transform: scale(1.05);
}

.dc-service-menu__icon .material-symbols-outlined {
  color: var(--dc-champagne-light) !important;
  font-size: 22px;
}

.dc-service-menu__title {
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  font-size: 1.15rem !important;
  color: var(--dc-navy-deep) !important;
  text-shadow: none !important;
}

.dc-service-menu__desc {
  line-height: 1.65;
  color: var(--dc-on-surface-variant) !important;
}

.dc-service-menu__link {
  color: var(--dc-champagne) !important;
  letter-spacing: 0.03em;
  font-weight: 600 !important;
  font-size: 0.78rem !important;
  text-transform: uppercase;
  transition: gap 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s ease !important;
}

.dc-service-menu__card:hover .dc-service-menu__link {
  gap: 10px !important;
  color: #635943 !important;
}

/* ==========================================================================
   37. Announcement Bar — Refined
   ========================================================================== */
.dc-announcement {
  background: linear-gradient(90deg, var(--dc-navy-deep) 0%, #0F1D33 50%, var(--dc-navy-deep) 100%);
  border-bottom: 1px solid rgba(172, 141, 98, 0.12) !important;
}

.dc-announcement__text {
  letter-spacing: 0.02em;
}

.dc-announcement__text .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

.dc-announcement__cta {
  background: rgba(172, 141, 98, 0.15) !important;
  border: 1px solid rgba(172, 141, 98, 0.25) !important;
  color: var(--dc-champagne-light) !important;
  letter-spacing: 0.04em;
  font-weight: 600 !important;
  transition: all 0.3s ease;
}

.dc-announcement__cta:hover {
  background: rgba(172, 141, 98, 0.25) !important;
  border-color: rgba(172, 141, 98, 0.40) !important;
}

/* ==========================================================================
   38. Footer — Sophisticated details
   ========================================================================== */
.dc-footer__heading {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: var(--dc-champagne-light);
  margin-bottom: 24px;
}

.dc-footer__desc {
  line-height: 1.75;
  max-width: 340px;
  color: rgba(255, 255, 255, 0.65);
}

.dc-footer__links li {
  margin-bottom: 12px;
}

.dc-footer__links a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  transition: color 0.3s ease, padding-left 0.3s ease;
  display: inline-block;
}

.dc-footer__links a:hover {
  color: var(--dc-champagne);
  padding-left: 6px;
}

.dc-footer__links i {
  color: var(--dc-champagne);
  margin-right: 8px;
  font-size: 15px;
}

.dc-footer__divider {
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(172, 141, 98, 0.15) 20%,
    rgba(172, 141, 98, 0.15) 80%,
    transparent 100%);
  margin: 48px 0 32px;
}

.dc-footer__bottom-info {
  gap: 48px;
}

.dc-footer__location i,
.dc-footer__hours i {
  color: var(--dc-champagne);
  font-size: 20px;
}

.dc-footer__location strong,
.dc-footer__hours strong {
  font-weight: 600;
  letter-spacing: 0.01em;
  font-size: 14px;
}

.dc-footer__location p,
.dc-footer__hours p {
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.65);
  margin: 0;
}

.dc-footer__copyright-bar {
  border-top: 1px solid rgba(99, 89, 67, 0.06);
  padding-top: 24px;
  margin-top: 32px;
}

.dc-footer__copyright {
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--dc-outline);
}

.dc-footer__legal a {
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--dc-outline);
  transition: color 0.3s ease;
}

.dc-footer__legal a:hover {
  color: var(--dc-champagne);
}

/* ==========================================================================
   39. Footer CTA — Premium composition
   ========================================================================== */
.dc-footer-cta {
  background: linear-gradient(180deg,
    var(--dc-cream) 0%,
    var(--dc-warm-white) 50%,
    #FFFFFF 100%) !important;
  position: relative;
  overflow: hidden;
}

.dc-footer-cta__inner {
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
}

.dc-footer-cta__label {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: var(--dc-champagne);
  display: block;
  margin-bottom: 20px;
}

.dc-footer-cta__title {
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-bottom: 20px;
  color: var(--dc-navy-deep);
}

.dc-footer-cta__desc {
  font-size: 16px;
  line-height: 1.8;
  color: var(--dc-on-surface-variant);
  margin-bottom: 36px;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.dc-footer-cta__buttons {
  gap: 16px;
}

/* ==========================================================================
   40. Scroll Progress — Gold luxury bar
   ========================================================================== */
.dc-scroll-progress__bar {
  background: linear-gradient(90deg,
    var(--dc-champagne) 0%,
    var(--dc-champagne-light) 50%,
    var(--dc-champagne) 100%) !important;
  height: 2px !important;
}

/* ==========================================================================
   41. Hero — Deeper depth, premium layering
   ========================================================================== */
.dc-hero-building__bg img,
.dc-hero-building__bg video {
  filter: brightness(0.88) contrast(1.08) saturate(0.92) sepia(0.03);
}

.dc-hero-building__content {
  z-index: 3;
}

.dc-hero-building__label {
  display: inline-block;
  padding: 8px 20px;
  background: rgba(172, 141, 98, 0.10);
  border: 1px solid rgba(172, 141, 98, 0.20);
  border-radius: 9999px;
  backdrop-filter: blur(8px);
  margin-bottom: 24px;
}

/* Warm overlay — cream/gold tint, not dark */
.dc-hero-building__overlay {
  background:
    linear-gradient(to top,
      rgba(245, 240, 232, 0.3) 0%,
      rgba(245, 240, 232, 0.1) 60%,
      transparent 100%);
  z-index: 2;
}

.dc-hero-building::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 55%;
  background: radial-gradient(ellipse at center bottom,
    rgba(172, 141, 98, 0.12) 0%,
    rgba(172, 141, 98, 0.04) 35%,
    transparent 70%);
  z-index: 1;
  pointer-events: none;
}

.dc-hero-building::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 140px;
  background: linear-gradient(to bottom,
    rgba(245, 240, 232, 0.30) 0%,
    transparent 100%);
  z-index: 1;
  pointer-events: none;
}

.dc-hero-building__content {
  z-index: 3;
  padding-bottom: 100px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 760px;
}

.dc-hero-building__content .dc-container {
  max-width: 800px;
  text-align: center;
  padding: 0 24px;
}

.dc-hero-building__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  border: 1px solid rgba(172, 141, 98, 0.50) !important;
  border-radius: 9999px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  margin-bottom: 28px;
  font-size: 13px;
  letter-spacing: 0.22em;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.dc-hero-building__label::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.50);
}

.dc-hero-building__title {
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
  font-size: 3rem;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6), 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.3) !important;
  margin-bottom: 24px;
  color: #fff;
}

.dc-hero-building__title::after {
  content: '';
  display: block;
  width: 48px;
  height: 1.5px;
  background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
  margin: 28px auto 0;
  border-radius: 2px;
}

.dc-hero-building__desc {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 2px 10px rgba(0, 0, 0, 0.4) !important;
  line-height: 1.8;
  font-size: 1.15rem;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  color: rgba(255, 255, 255, 0.90);
  margin-bottom: 40px;
  font-weight: 500;
}

.dc-hero-building .dc-hero__buttons {
  gap: 16px;
}

.dc-hero-building .btn-dc-gold {
  padding: 16px 44px;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
  border: 1px solid rgba(172, 141, 98, 0.40);
  box-shadow: 0 6px 28px rgba(172, 141, 98, 0.25), 0 1px 4px rgba(0, 0, 0, 0.12);
  font-weight: 600;
}

.dc-hero-building .btn-dc-gold:hover {
  background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%);
  box-shadow: 0 10px 40px rgba(172, 141, 98, 0.35), 0 2px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-3px);
}

.dc-hero-building .btn-dc-ghost-light {
  padding: 16px 44px;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: 1.5px solid rgba(99, 89, 67, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.40);
}

/* ===== Premium Hero Animations ===== */
@keyframes dc-hero-label-in {
  0% { opacity: 0; transform: translateY(-20px) scale(0.9); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes dc-hero-title-in {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes dc-hero-desc-in {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes dc-hero-btn-in {
  0% { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes dc-hero-label-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(172, 141, 98, 0.40); }
  50% { box-shadow: 0 0 0 8px rgba(172, 141, 98, 0); }
}

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

.dc-hero-building__label {
  animation: dc-hero-label-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both,
             dc-hero-label-pulse 2.5s ease-in-out 1s infinite;
}

.dc-hero-building__title {
  animation: dc-hero-title-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
}

.dc-hero-building__desc {
  animation: dc-hero-desc-in 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
}

.dc-hero-building .dc-hero__buttons {
  animation: dc-hero-btn-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
}

/* ==========================================================================
   42. Container — Slightly wider for editorial feel
   ========================================================================== */
@media (min-width: 1025px) {
  .dc-container {
    max-width: 1240px;
  }
}

/* ==========================================================================
   43. Subtle Texture — Disabled (caused visual blur on mobile menu)
   ========================================================================== */

/* ==========================================================================
   44. Section Dividers — Elegant gold hairline
   ========================================================================== */
.dc-section--navy + .dc-section:not(.dc-section--navy),
.dc-section:not(.dc-section--navy) + .dc-section--navy {
  position: relative;
}

/* ==========================================================================
   45. Button Micro-interactions — Ripple-like feel
   ========================================================================== */
.btn-dc-primary:active,
.btn-dc-gold:active,
.btn-dc-outline:active,
.btn-dc-ghost:active {
  transform: translateY(0) scale(0.98);
  transition: all 0.15s ease;
}

/* ==========================================================================
   46. Link Arrow — Animated forward movement
   ========================================================================== */
.dc-service-menu__link .material-symbols-outlined,
.dc-doctor-intro .btn-dc-gold .material-symbols-outlined {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-service-menu__card:hover .dc-service-menu__link .material-symbols-outlined,
.dc-doctor-intro .btn-dc-gold:hover .material-symbols-outlined {
  transform: translateX(4px);
}

/* ==========================================================================
   47. Card Content — Refined spacing
   ========================================================================== */
.dc-card h3,
.dc-service-card h3 {
  margin-bottom: 12px;
}

.dc-card p,
.dc-service-card p {
  line-height: 1.7;
  color: var(--dc-on-surface-variant);
}

/* ==========================================================================
   48. Gallery Grid — Premium spacing
   ========================================================================== */
.dc-gallery__grid {
  gap: 20px;
}

/* ==========================================================================
   49. Editorial Section Label — Gold dot before label
   ========================================================================== */
.section-header .label-caps::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--dc-champagne);
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 2px;
}

/* ==========================================================================
   50. Responsive — Premium mobile refinements
   ========================================================================== */
@media (max-width: 991px) {
  .dc-service-menu {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px;
  }

  .dc-service-menu__card {
    height: 380px !important;
  }

  .dc-footer-cta__desc {
    font-size: 15px;
  }

  .dc-footer__bottom-info {
    gap: 32px;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .dc-service-menu {
    grid-template-columns: 1fr !important;
  }

  .dc-service-menu__card {
    height: 320px !important;
  }

  .dc-service-menu__body {
    padding: 20px !important;
  }

  .dc-footer-cta__buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .dc-footer-cta__buttons .btn-dc-lg {
    width: 100%;
    justify-content: center;
  }

  .dc-footer__divider {
    margin: 32px 0 24px;
  }

  .dc-hero-building__label {
    padding: 6px 16px;
    font-size: 10px;
  }

  .label-caps {
    font-size: 12px !important;
  }

  /* Promo banner cards — taller on mobile so image is fully visible */
  .dc-promo-banner__card {
    height: 260px !important;
  }

  .dc-promo-banner__card img {
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* ==========================================================================
   51. Reduced Motion
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }

  .dc-fade-in {
    opacity: 1;
    transform: none;
  }
}

/* ==========================================================================
   52. HERO — Cinematic atmosphere, glass panel, depth
   ========================================================================== */
.dc-hero-building {
  min-height: 760px;
  position: relative;
}

/* Darker, softer background — less visual noise */
.dc-hero-building__bg img,
.dc-hero-building__bg video {
  filter: brightness(0.95) contrast(1.05) saturate(0.90) sepia(0.08);
  transform: scale(1.04);
  object-position: center 30% !important;
}

/* Warm gold bloom at bottom */
.dc-hero-building::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 55%;
  background: radial-gradient(ellipse at center bottom,
    rgba(172, 141, 98, 0.12) 0%,
    rgba(172, 141, 98, 0.04) 35%,
    transparent 70%);
  z-index: 1;
  pointer-events: none;
}

/* Soft warm top vignette for header legibility */
.dc-hero-building::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 140px;
  background: linear-gradient(to bottom,
    rgba(245, 240, 232, 0.30) 0%,
    transparent 100%);
  z-index: 1;
  pointer-events: none;
}

/* Content — centered, elevated, glass panel feel */
.dc-hero-building__content {
  z-index: 3;
  padding-bottom: 100px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 760px;
}

.dc-hero-building__content .dc-container {
  max-width: 800px;
  text-align: center;
  padding: 0 24px;
}

/* Label — glass pill, refined */
.dc-hero-building__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  border: 1px solid rgba(172, 141, 98, 0.50) !important;
  border-radius: 9999px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  margin-bottom: 28px;
  font-size: 13px;
  letter-spacing: 0.22em;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

/* Gold dot before label */
.dc-hero-building__label::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.50);
}

/* Title — bold, prominent */
.dc-hero-building__title {
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
  font-size: 3rem;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6), 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.3) !important;
  margin-bottom: 24px;
  color: #fff;
}

/* Gold hairline divider between title and desc */
.dc-hero-building__title::after {
  content: '';
  display: block;
  width: 48px;
  height: 1.5px;
  background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
  margin: 28px auto 0;
  border-radius: 2px;
}

/* Description — refined, comfortable reading */
.dc-hero-building__desc {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 2px 10px rgba(0, 0, 0, 0.4) !important;
  line-height: 1.8;
  font-size: 1.15rem;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  color: rgba(255, 255, 255, 0.90);
  margin-bottom: 40px;
  font-weight: 500;
}

/* Buttons — more spacing, premium sizing */
.dc-hero-building .dc-hero__buttons {
  gap: 16px;
}

/* ===== Premium Hero Animations ===== */
@keyframes dc-hero-label-in {
  0% { opacity: 0; transform: translateY(-20px) scale(0.9); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes dc-hero-title-in {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes dc-hero-desc-in {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes dc-hero-btn-in {
  0% { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes dc-hero-label-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(172, 141, 98, 0.40); }
  50% { box-shadow: 0 0 0 8px rgba(172, 141, 98, 0); }
}

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

.dc-hero-building__label {
  animation: dc-hero-label-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both,
             dc-hero-label-pulse 2.5s ease-in-out 1s infinite;
}

.dc-hero-building__title {
  animation: dc-hero-title-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
}

.dc-hero-building__desc {
  animation: dc-hero-desc-in 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
}

.dc-hero-building .dc-hero__buttons {
  animation: dc-hero-btn-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
}

.dc-hero-building .btn-dc-gold {
  padding: 16px 44px;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
  border: 1px solid rgba(172, 141, 98, 0.40);
  box-shadow: 0 6px 28px rgba(172, 141, 98, 0.25), 0 1px 4px rgba(0, 0, 0, 0.12);
  font-weight: 600;
}

.dc-hero-building .btn-dc-gold:hover {
  background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%);
  box-shadow: 0 10px 40px rgba(172, 141, 98, 0.35), 0 2px 8px rgba(0, 0, 0, 0.15);
  transform: translateY(-3px);
}

.dc-hero-building .btn-dc-ghost-light {
  padding: 16px 44px;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: 1.5px solid rgba(99, 89, 67, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.40);
  color: var(--dc-navy-deep);
  font-weight: 500;
}

.dc-hero-building .btn-dc-ghost-light:hover {
  background: rgba(255, 255, 255, 0.65);
  border-color: rgba(99, 89, 67, 0.40);
  color: var(--dc-navy-deep);
  transform: translateY(-3px);
}

/* Scroll indicator — subtle, premium */
.dc-hero-building .dc-container::after {
  content: '';
  display: block;
  width: 1px;
  height: 40px;
  background: linear-gradient(to bottom, rgba(172, 141, 98, 0.40), transparent);
  margin: 48px auto 0;
}

@media (max-width: 991px) {
  .dc-hero-building {
    min-height: 560px !important;
  }
  .dc-hero-building__content {
    min-height: 560px !important;
  }
  .dc-hero-building__title {
    font-size: 2.1rem;
  }
  .dc-hero-building__bg img,
  .dc-hero-building__bg video {
    object-position: center 25% !important;
  }
}

@media (max-width: 767px) {
  .dc-hero-building {
    min-height: 480px !important;
  }
  .dc-hero-building__content {
    min-height: 480px !important;
    padding-bottom: 48px !important;
  }
  .dc-hero-building__title {
    font-size: 1.5rem !important;
    line-height: 1.2;
  }
  .dc-hero-building__title::after {
    width: 36px;
    margin-top: 16px;
  }
  .dc-hero-building__desc {
    font-size: 0.9rem !important;
    margin-bottom: 24px !important;
    line-height: 1.6 !important;
  }
  .dc-hero-building__label {
    margin-bottom: 18px !important;
    padding: 7px 16px !important;
    font-size: 10px !important;
  }
  .dc-hero-building .btn-dc-gold,
  .dc-hero-building .btn-dc-ghost-light {
    padding: 12px 24px !important;
    font-size: 11px !important;
  }
  .dc-hero-building .dc-container::after {
    height: 24px;
    margin-top: 24px;
  }
  .dc-hero-building__bg img,
  .dc-hero-building__bg video {
    object-position: center 20% !important;
  }
}

/* ==========================================================================
   53. DOCTOR — Iconic presence, editorial composition
   ========================================================================== */
.dc-doctor-intro {
  background: var(--dc-warm-white) !important;
  overflow: visible !important;
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.dc-doctor-intro::before {
  display: none !important;
}

.dc-doctor-intro__grid {
  gap: 64px;
  align-items: center;
}

.dc-doctor-intro__image {
  position: relative;
  max-width: 480px;
}

.dc-doctor-intro__image::before {
  content: '';
  position: absolute;
  top: -16px;
  left: -16px;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(172, 141, 98, 0.10);
  border-radius: 20px;
  z-index: 0;
  pointer-events: none;
}

.dc-doctor-intro__image::after {
  content: '';
  position: absolute;
  bottom: -12px;
  right: -12px;
  width: 60px;
  height: 60px;
  border-bottom: 2px solid rgba(172, 141, 98, 0.15);
  border-right: 2px solid rgba(172, 141, 98, 0.15);
  border-bottom-right-radius: 20px;
  z-index: 0;
  pointer-events: none;
}

.dc-doctor-intro__image img {
  position: relative;
  z-index: 1;
  border-radius: 20px;
  box-shadow: 0 6px 32px rgba(99, 89, 67, 0.08), 0 2px 6px rgba(99, 89, 67, 0.04);
  filter: brightness(1.02) contrast(1.03) saturate(0.92) sepia(0.03);
  width: 100%;
  object-fit: cover;
}

/* Badge — champagne gold, soft */
.dc-doctor-intro__image-badge {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  border: 1px solid rgba(172, 141, 98, 0.30) !important;
  box-shadow: 0 6px 24px rgba(172, 141, 98, 0.20) !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  backdrop-filter: blur(8px);
  bottom: -16px !important;
  right: -16px !important;
}

.dc-doctor-intro__image-badge-value {
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: -0.02em;
}

.dc-doctor-intro__image-badge-label {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.80);
  margin-top: 4px;
}

/* Light variant — complete override */
.dc-doctor-intro--light {
  background: var(--dc-warm-white) !important;
  color: var(--dc-navy-deep) !important;
}

.dc-doctor-intro--light::before {
  display: none !important;
}

.dc-doctor-intro--light .dc-doctor-intro__name {
  color: var(--dc-navy-deep) !important;
}

.dc-doctor-intro--light .dc-doctor-intro__desc {
  color: var(--dc-on-surface-variant) !important;
}

.dc-doctor-intro--light .dc-doctor-intro__cred-text {
  color: var(--dc-on-surface-variant) !important;
}

.dc-doctor-intro--light .dc-doctor-intro__cred-text strong {
  color: var(--dc-navy-deep) !important;
}

.dc-doctor-intro--light .dc-doctor-intro__cred-icon {
  background: rgba(172, 141, 98, 0.06) !important;
}

.dc-doctor-intro--light .dc-doctor-intro__image-badge {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  color: #fff !important;
}

.dc-doctor-intro__role {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: var(--dc-champagne) !important;
  display: block;
  margin-bottom: 16px;
}

.dc-doctor-intro__name {
  font-weight: 500 !important;
  letter-spacing: -0.02em;
  line-height: 1.3;
  font-size: 1.6rem !important;
  margin-bottom: 20px;
  color: var(--dc-navy-deep) !important;
}

.dc-doctor-intro__desc {
  line-height: 1.85;
  color: var(--dc-on-surface-variant) !important;
  font-size: 0.95rem;
  max-width: 480px;
  margin-bottom: 32px;
}

.dc-doctor-intro__creds {
  gap: 12px !important;
  margin-bottom: 36px;
}

.dc-doctor-intro__cred {
  transition: all 0.35s ease;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid rgba(99, 89, 67, 0.04);
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.dc-doctor-intro__cred:hover {
  transform: translateY(-2px);
  border-color: rgba(172, 141, 98, 0.15);
  box-shadow: 0 4px 16px rgba(99, 89, 67, 0.05);
  background: rgba(255, 255, 255, 0.8);
}

.dc-doctor-intro__cred-icon {
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(172, 141, 98, 0.06) !important;
  transition: all 0.35s ease;
  flex-shrink: 0;
}

.dc-doctor-intro__cred:hover .dc-doctor-intro__cred-icon {
  background: rgba(172, 141, 98, 0.10) !important;
}

.dc-doctor-intro__cred-icon .material-symbols-outlined {
  color: var(--dc-champagne) !important;
  font-size: 20px;
}

.dc-doctor-intro__cred-text {
  font-size: 13px;
  line-height: 1.55;
  color: var(--dc-on-surface-variant) !important;
}

.dc-doctor-intro__cred-text strong {
  font-weight: 600;
  color: var(--dc-navy-deep) !important;
  display: block;
  margin-bottom: 2px;
  letter-spacing: 0.01em;
  font-size: 13px;
}

.dc-doctor-intro .btn-dc-gold {
  padding: 14px 32px;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Doctor strip — editorial gallery */
.dc-doctor-intro__strip {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px !important;
  margin-top: 64px !important;
}

.dc-doctor-intro__strip-item {
  border-radius: 14px !important;
  box-shadow: 0 2px 12px rgba(99, 89, 67, 0.05);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  height: 200px !important;
  position: relative;
}

.dc-doctor-intro__strip-item img,
.dc-doctor-intro__strip-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(1.01) contrast(1.03) saturate(0.94) sepia(0.02);
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-doctor-intro__strip-item:hover img,
.dc-doctor-intro__strip-item:hover video {
  transform: scale(1.06);
}

.dc-doctor-intro__strip-item::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(99, 89, 67, 0.15) 0%, transparent 50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.dc-doctor-intro__strip-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 32px rgba(99, 89, 67, 0.10);
}

.dc-doctor-intro__strip-item:hover::after {
  opacity: 1;
}

.dc-doctor-intro__strip-item img {
  filter: brightness(1.01) contrast(1.03) saturate(0.94) sepia(0.02);
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-doctor-intro__strip-item:hover img {
  transform: scale(1.06);
}

@media (max-width: 991px) {
  .dc-doctor-intro__grid {
    gap: 48px;
  }
  .dc-doctor-intro__image::before,
  .dc-doctor-intro__image::after {
    display: none;
  }
  .dc-doctor-intro__name {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .dc-doctor-intro__strip {
    grid-template-columns: 1fr;
    gap: 12px !important;
    margin-top: 40px !important;
  }
  .dc-doctor-intro__strip-item {
    height: 160px !important;
  }
}

/* ==========================================================================
   54. JOURNEY — Luxury numbering, gold connectors
   ========================================================================== */
.dc-journey__grid::before {
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(172, 141, 98, 0.20) 15%,
    rgba(172, 141, 98, 0.20) 85%,
    transparent 100%) !important;
  height: 1px !important;
  top: 40px !important;
}

.dc-journey__step-num {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  border: 1.5px solid rgba(172, 141, 98, 0.15);
  box-shadow: 0 4px 20px rgba(99, 89, 67, 0.06);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
}

.dc-journey__step-num::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1px solid rgba(172, 141, 98, 0.08);
  transition: all 0.4s ease;
}

.dc-journey__step:hover .dc-journey__step-num {
  transform: translateY(-4px);
  border-color: var(--dc-champagne);
  box-shadow: 0 8px 32px rgba(99, 89, 67, 0.08), 0 0 0 8px rgba(172, 141, 98, 0.06);
}

.dc-journey__step:hover .dc-journey__step-num::before {
  inset: -10px;
  border-color: rgba(172, 141, 98, 0.12);
}

.dc-journey__step-num .material-symbols-outlined {
  font-size: 30px;
  color: var(--dc-champagne);
}

.dc-journey__step-title {
  font-weight: 600;
  letter-spacing: -0.01em;
  font-size: 1.05rem;
  margin-bottom: 10px;
}

.dc-journey__step-desc {
  font-size: 0.875rem;
  line-height: 1.7;
  color: var(--dc-on-surface-variant);
  max-width: 240px;
  margin: 0 auto;
}

/* ==========================================================================
   55. PROMO BANNER — Editorial layout, premium cards
   ========================================================================== */
.dc-promo-banner {
  background: var(--dc-cream) !important;
}

.dc-promo-banner__grid {
  gap: 64px;
  align-items: center;
  margin-bottom: 56px;
}

.dc-promo-banner__image {
  border-radius: var(--dc-radius-lux-lg);
  overflow: hidden;
  position: relative;
  box-shadow: 0 8px 40px rgba(99, 89, 67, 0.08);
}

.dc-promo-banner__image::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(172, 141, 98, 0.10);
  border-radius: var(--dc-radius-lux-lg);
  pointer-events: none;
}

.dc-promo-banner__image img {
  filter: brightness(1.01) contrast(1.03) saturate(0.94) sepia(0.02);
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-promo-banner__image:hover img {
  transform: scale(1.04);
}

.dc-promo-banner__label {
  color: var(--dc-champagne);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 11px;
  font-weight: 600;
  display: block;
  margin-bottom: 16px;
}

.dc-promo-banner__title {
  color: var(--dc-navy-deep);
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin-bottom: 20px;
}

.dc-promo-banner__desc {
  color: var(--dc-on-surface-variant);
  font-size: 1rem;
  line-height: 1.85;
  margin-bottom: 32px;
  max-width: 520px;
}

.dc-promo-banner__cards {
  gap: 20px;
}

.dc-promo-banner__card {
  border-radius: var(--dc-radius-lux) !important;
  overflow: hidden;
  position: relative;
  height: 220px;
  box-shadow: 0 4px 20px rgba(99, 89, 67, 0.06);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-promo-banner__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 32px rgba(99, 89, 67, 0.10);
}

.dc-promo-banner__card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: brightness(1.01) contrast(1.03) saturate(0.93) sepia(0.02);
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-promo-banner__card:hover img {
  transform: scale(1.06);
}

.dc-promo-banner__card-label {
  background: linear-gradient(to top,
    rgba(245, 240, 232, 0.95) 0%,
    rgba(245, 240, 232, 0.50) 50%,
    transparent 100%) !important;
  color: var(--dc-navy-deep) !important;
  font-size: 1rem !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 24px 20px 20px !important;
}

/* ==========================================================================
   56. BEFORE-AFTER — Handcrafted cards
   ========================================================================== */
.dc-ba-card {
  border-radius: var(--dc-radius-lux) !important;
  border: 1px solid rgba(99, 89, 67, 0.05);
  box-shadow: 0 2px 12px rgba(99, 89, 67, 0.04);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
  background: #fff;
}

.dc-ba-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 32px rgba(99, 89, 67, 0.08);
  border-color: rgba(172, 141, 98, 0.12);
}

.dc-ba-card__img {
  overflow: hidden;
}

.dc-ba-card__img img {
  filter: brightness(1.01) contrast(1.03) saturate(0.94) sepia(0.02);
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.5s ease;
  height: 260px;
}

.dc-ba-card:hover .dc-ba-card__img img {
  transform: scale(1.05);
  filter: brightness(1.04) contrast(1.05) saturate(0.98);
}

.dc-ba-card__body {
  padding: 20px 24px;
}

.dc-ba-card__user {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.dc-ba-card__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid rgba(172, 141, 98, 0.15);
}

.dc-ba-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dc-ba-card__name {
  font-weight: 600;
  font-size: 0.85rem;
  color: #635943;
  display: flex;
  align-items: center;
  gap: 4px;
}

.dc-ba-card__stars {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 2px;
}

.dc-ba-card__stars .material-symbols-outlined {
  font-size: 14px;
  color: #AC8D62;
}

.dc-ba-card__text {
  font-size: 0.85rem;
  line-height: 1.6;
  color: #2B2B2B;
  margin: 0 0 14px 0;
}

.dc-ba-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.dc-ba-card__meta {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 0.75rem;
  color: #2B2B2B;
}

.dc-ba-card__meta .material-symbols-outlined {
  font-size: 14px;
  vertical-align: -3px;
  margin-right: 3px;
  color: #AC8D62;
}

.dc-ba-card__tag {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--dc-champagne);
  background: rgba(172, 141, 98, 0.06);
  padding: 4px 12px;
  border-radius: 9999px;
  margin-bottom: 10px;
  display: inline-block;
}

.dc-ba-card__title {
  font-weight: 500;
  letter-spacing: -0.01em;
  font-size: 0.95rem;
  color: var(--dc-navy-deep);
}

/* ==========================================================================
   57. SOCIAL PROOF — Verified luxury badge
   ========================================================================== */
.dc-social-proof {
  background: var(--dc-warm-white) !important;
  border-radius: var(--dc-radius-lux) !important;
  border: 1px solid rgba(172, 141, 98, 0.08);
  padding: 24px 28px !important;
  max-width: 580px;
}

.dc-social-proof__avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(172, 141, 98, 0.15);
  flex-shrink: 0;
}

.dc-social-proof__avatar img {
  filter: brightness(1.02) contrast(1.03) saturate(0.95) sepia(0.02);
}

.dc-social-proof__name {
  font-weight: 600;
  color: var(--dc-navy-deep);
  font-size: 0.9rem;
  letter-spacing: 0.01em;
}

.dc-verified-badge .material-symbols-outlined {
  color: var(--dc-champagne);
  font-size: 16px;
}

.dc-social-proof__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 0.78rem;
  color: var(--dc-on-surface-variant);
  margin-top: 6px;
}

.dc-social-proof__meta .material-symbols-outlined {
  font-size: 15px;
  vertical-align: -3px;
  margin-right: 4px;
  color: var(--dc-champagne);
}

/* Load more button */
.dc-load-more__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 32px;
  border: 1.5px solid rgba(172, 141, 98, 0.20);
  border-radius: 9999px;
  color: var(--dc-navy-deep);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: transparent;
}

.dc-load-more__btn:hover {
  border-color: var(--dc-champagne);
  background: rgba(172, 141, 98, 0.04);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(172, 141, 98, 0.08);
}

.dc-load-more__btn .material-symbols-outlined {
  font-size: 20px;
  color: var(--dc-champagne);
}

/* ==========================================================================
   58. TESTIMONIALS — Editorial layout, luxury quote
   ========================================================================== */
.dc-testimonial {
  padding: 40px 36px 36px !important;
  border-radius: var(--dc-radius-lux) !important;
  border: 1px solid rgba(99, 89, 67, 0.05);
  background: #fff;
  box-shadow: 0 2px 12px rgba(99, 89, 67, 0.04);
  position: relative;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-testimonial:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(99, 89, 67, 0.08);
  border-color: rgba(172, 141, 98, 0.12);
}

.dc-testimonial::before {
  content: '\201C';
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 64px;
  line-height: 1;
  color: rgba(172, 141, 98, 0.18);
  position: absolute;
  top: 16px;
  left: 28px;
  opacity: 1;
  pointer-events: none;
}

.dc-testimonial__quote-icon {
  display: none;
}

.dc-testimonial__stars {
  display: flex;
  gap: 2px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}

.dc-testimonial__stars .material-symbols-outlined {
  font-size: 18px;
  color: var(--dc-champagne);
}

.dc-testimonial__text {
  font-size: 15px;
  line-height: 1.8;
  color: var(--dc-on-surface);
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
  font-style: italic;
}

.dc-testimonial__author {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: 20px;
  border-top: 1px solid rgba(99, 89, 67, 0.05);
}

.dc-testimonial__avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(172, 141, 98, 0.12);
  flex-shrink: 0;
}

.dc-testimonial__avatar img {
  filter: brightness(1.02) contrast(1.03) saturate(0.95) sepia(0.02);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dc-testimonial__name {
  font-weight: 600;
  font-size: 14px;
  color: var(--dc-navy-deep);
  letter-spacing: 0.01em;
}

.dc-testimonial__role {
  font-size: 12px;
  color: var(--dc-on-surface-variant);
  letter-spacing: 0.04em;
  margin-top: 2px;
}

/* ==========================================================================
   59. FOOTER QR — Premium presentation
   ========================================================================== */
.dc-footer__qr {
  margin-top: 28px;
}

.dc-footer__qr svg {
  background: #fff !important;
  padding: 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(172, 141, 98, 0.12);
  box-shadow: 0 4px 20px rgba(99, 89, 67, 0.08);
  margin: 0 auto;
  display: block;
  transition: all 0.35s ease;
}

.dc-footer__qr svg:hover {
  border-color: rgba(172, 141, 98, 0.20);
  box-shadow: 0 8px 28px rgba(99, 89, 67, 0.10);
  transform: translateY(-2px);
}

.dc-footer__qr::after {
  content: 'LINE @dcclinic66';
  display: block;
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--dc-champagne-light);
  margin-top: 12px;
  font-weight: 600;
}

/* ==========================================================================
   60. SECTION BACKGROUND RHYTHM — Warm tones alternation
   ========================================================================== */

/* Doctor section — warm white */
.dc-doctor-intro {
  background: var(--dc-warm-white) !important;
}

/* Service menu — pure white */
#services {
  background: #fff !important;
}

/* Trust section — soft cream */
.dc-trust-split {
  background: linear-gradient(180deg, var(--dc-warm-white) 0%, var(--dc-cream) 100%) !important;
}

/* Journey — warm white */
.dc-journey {
  background: var(--dc-warm-white) !important;
}

/* Promo banner — soft beige */
.dc-promo-banner {
  background: var(--dc-soft-beige) !important;
}

/* Before-after reviews — pure white, tight spacing */
.dc-before-after {
  background: #fff !important;
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.dc-before-after .dc-ba-grid {
  gap: 16px !important;
}

.dc-before-after .dc-ba-card__img img {
  height: 200px !important;
}

.dc-before-after .dc-ba-card__body {
  padding: 14px 16px !important;
}

.dc-before-after .dc-ba-card__tag {
  font-size: 11px !important;
}

.dc-before-after .dc-ba-card__title {
  font-size: 14px !important;
}

.dc-before-after .dc-social-proof {
  margin-top: 24px !important;
}

.dc-before-after .dc-load-more {
  margin-top: 16px !important;
}

/* Video gallery — warm white, 9:16 portrait */
.dc-gallery {
  background: var(--dc-warm-white) !important;
}

.dc-gallery__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  grid-auto-rows: auto !important;
}

.dc-gallery__item {
  aspect-ratio: 9 / 16 !important;
  border-radius: 16px !important;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.dc-gallery__item img,
.dc-gallery__item video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 991px) {
  .dc-gallery__grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 767px) {
  .dc-gallery__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
}

@media (max-width: 480px) {
  .dc-gallery__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .dc-gallery__item-label {
    font-size: 11px !important;
    bottom: 10px !important;
    left: 10px !important;
  }
}

/* Testimonials — soft cream */
.dc-section[style*="dc-surface-low"] {
  background: var(--dc-cream) !important;
}

/* ==========================================================================
   61. SECTION HEADER — Editorial refinement
   ========================================================================== */
.section-header {
  margin-bottom: 72px;
}

.section-header .label-caps {
  margin-bottom: 20px;
  font-size: 14px !important;
  letter-spacing: 0.18em;
  font-weight: 600;
}

.section-header h2 {
  font-weight: 500;
  letter-spacing: -0.025em;
  font-size: 2.25rem;
  line-height: 1.2;
}

.section-header--center::after {
  content: '';
  display: block;
  width: 40px;
  height: 1.5px;
  background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
  margin: 28px auto 0;
  border-radius: 2px;
}

@media (max-width: 991px) {
  .section-header {
    margin-bottom: 56px;
  }
  .section-header h2 {
    font-size: 1.85rem;
  }
}

@media (max-width: 767px) {
  .section-header {
    margin-bottom: 40px;
  }
  .section-header h2 {
    font-size: 1.5rem;
  }
  .section-header--center::after {
    width: 32px;
    margin-top: 20px;
  }
}

/* ==========================================================================
   62. GLOBAL IMAGE TREATMENT — Unified editorial warmth
   ========================================================================== */
img {
  -webkit-font-smoothing: antialiased;
}

.dc-section img:not(.dc-footer__logo-img):not(.dc-social-proof__avatar img):not(.dc-testimonial__avatar img) {
  filter: brightness(1.01) contrast(1.03) saturate(0.94) sepia(0.02);
}

/* ==========================================================================
   63. BUTTON — Tactile refinement
   ========================================================================== */
.btn-dc-gold {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%);
  border: 1px solid rgba(172, 141, 98, 0.30);
  padding: 14px 36px;
  font-weight: 600;
  letter-spacing: 0.03em;
  font-size: 14px;
  border-radius: 9999px;
  box-shadow: 0 2px 12px rgba(172, 141, 98, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-dc-gold:hover {
  background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(172, 141, 98, 0.22), 0 2px 6px rgba(0, 0, 0, 0.08);
}

.btn-dc-outline {
  border: 1.5px solid rgba(172, 141, 98, 0.35);
  color: var(--dc-navy-deep);
  padding: 14px 36px;
  font-weight: 600;
  letter-spacing: 0.03em;
  font-size: 14px;
  border-radius: 9999px;
  background: transparent;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-dc-outline:hover {
  background: rgba(172, 141, 98, 0.06);
  border-color: var(--dc-champagne);
  color: var(--dc-navy-deep);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(172, 141, 98, 0.10);
}

/* ==========================================================================
   64. MEGA MENU — Magazine style, editorial spacing
   ========================================================================== */
.dc-mega-menu {
  border-radius: 20px;
  box-shadow: 0 24px 64px rgba(99, 89, 67, 0.14), 0 8px 24px rgba(99, 89, 67, 0.08);
  border: 1px solid rgba(99, 89, 67, 0.05);
}

/* ==========================================================================
   65. NAVIGATION — Refined header
   ========================================================================== */
.dc-header {
  border-bottom: 1px solid rgba(99, 89, 67, 0.03);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.dc-header--scrolled {
  box-shadow: 0 1px 24px rgba(99, 89, 67, 0.05);
  border-bottom: 1px solid rgba(172, 141, 98, 0.06);
  background: rgba(255, 255, 255, 0.96);
}

.dc-nav__link {
  position: relative;
  font-weight: 500;
  font-size: 15px !important;
  letter-spacing: 0.01em;
  transition: color 0.3s ease;
}

.dc-nav__link::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 50%;
  right: 50%;
  height: 1.5px;
  background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-nav__link:hover::after,
.dc-nav__link.is-active::after {
  left: 0;
  right: 0;
}

.dc-nav__link:hover {
  color: var(--dc-champagne);
}

/* ==========================================================================
   66. CARD HOVER — Sophisticated lift
   ========================================================================== */
.dc-card,
.dc-service-card,
.dc-testimonial,
.dc-rv-category-card {
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-card:hover,
.dc-service-card:hover,
.dc-rv-category-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(99, 89, 67, 0.08), 0 4px 12px rgba(99, 89, 67, 0.04);
  border-color: rgba(172, 141, 98, 0.12);
}

/* ==========================================================================
   67. HEADER CTA & ANNOUNCEMENT — Clean champagne, no navy
   ========================================================================== */

/* Logo — larger, more prominent */
.dc-logo__img {
  height: 80px !important;
  transition: height 0.3s ease;
}

@media (max-width: 1023px) {
  .dc-logo__img {
    height: 56px !important;
  }
}

@media (max-width: 767px) {
  .dc-logo__img {
    height: 48px !important;
  }
}

@media (max-width: 480px) {
  .dc-logo__img {
    height: 42px !important;
  }
}

/* Header appointment button — champagne gold, all header states */
.dc-header .btn-dc-primary,
.dc-header--scrolled .btn-dc-primary,
.dc-header:not(.dc-header--transparent) .btn-dc-primary,
.dc-header--transparent:not(.dc-header--scrolled) .btn-dc-primary,
.dc-header--transparent.dc-header--scrolled .btn-dc-primary,
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .btn-dc-primary,
.dc-header--transparent.dc-header--light-hero.dc-header--scrolled .btn-dc-primary {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(172, 141, 98, 0.35) !important;
  box-shadow: 0 2px 12px rgba(172, 141, 98, 0.22) !important;
  font-weight: 600;
  letter-spacing: 0.03em;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dc-header .btn-dc-primary:hover,
.dc-header--scrolled .btn-dc-primary:hover,
.dc-header:not(.dc-header--transparent) .btn-dc-primary:hover,
.dc-header--transparent:not(.dc-header--scrolled) .btn-dc-primary:hover,
.dc-header--transparent.dc-header--scrolled .btn-dc-primary:hover,
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .btn-dc-primary:hover,
.dc-header--transparent.dc-header--light-hero.dc-header--scrolled .btn-dc-primary:hover {
  background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(172, 141, 98, 0.32) !important;
}

/* Announcement bar — light warm cream, editorial */
.dc-announcement {
  background: linear-gradient(90deg,
    var(--dc-cream) 0%,
    var(--dc-warm-white) 50%,
    var(--dc-cream) 100%) !important;
  border-bottom: 1px solid rgba(172, 141, 98, 0.14) !important;
}

/* Mobile sticky CTA button — champagne gold */
.dc-mobile-sticky-cta.is-visible .btn-dc-primary,
.dc-mobile-sticky-cta .btn-dc-primary.btn-dc-ripple,
.dc-mobile-sticky-cta .btn-dc-primary {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(172, 141, 98, 0.35) !important;
  box-shadow: 0 4px 16px rgba(172, 141, 98, 0.22) !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
}

.dc-mobile-sticky-cta.is-visible .btn-dc-primary:hover,
.dc-mobile-sticky-cta .btn-dc-primary.btn-dc-ripple:hover,
.dc-mobile-sticky-cta .btn-dc-primary:hover {
  background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 22px rgba(172, 141, 98, 0.32) !important;
}

/* Mobile menu CTA button — champagne gold */
.dc-mobile-menu__cta-btn {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(172, 141, 98, 0.22) !important;
}

.dc-mobile-menu__cta-btn:hover {
  background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%) !important;
  box-shadow: 0 6px 20px rgba(172, 141, 98, 0.32) !important;
}

/* ==========================================================================
   68. MOBILE BOTTOM NAV — Premium luxury bar
   ========================================================================== */
.dc-mobile-nav {
  background: rgba(255, 255, 255, 0.97) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-top: 1px solid rgba(172, 141, 98, 0.12) !important;
  box-shadow: 0 -4px 24px rgba(99, 89, 67, 0.06) !important;
  height: 68px !important;
}

.dc-mobile-nav__item {
  color: var(--dc-on-surface-variant) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  position: relative;
}

.dc-mobile-nav__item .material-symbols-outlined {
  font-size: 22px !important;
  transition: all 0.3s ease !important;
}

.dc-mobile-nav__item .bi {
  transition: all 0.3s ease !important;
}

.dc-mobile-nav__item:active,
.dc-mobile-nav__item.active {
  color: var(--dc-champagne) !important;
}

.dc-mobile-nav__item.active .material-symbols-outlined {
  background: rgba(172, 141, 98, 0.10) !important;
  border-radius: 50% !important;
  padding: 6px !important;
  margin: -6px !important;
}

/* Chat button — champagne gold, refined */
.dc-mobile-nav__item--chat {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 16px rgba(172, 141, 98, 0.25) !important;
  border: 1px solid rgba(172, 141, 98, 0.30) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.dc-mobile-nav__item--chat .material-symbols-outlined {
  color: #FFFFFF !important;
  font-size: 22px !important;
}

.dc-mobile-nav__item--chat:active {
  transform: scale(0.96) !important;
  box-shadow: 0 2px 10px rgba(172, 141, 98, 0.20) !important;
}

/* Gold hairline accent on top */
.dc-mobile-nav::before {
  content: '';
  position: absolute;
  top: 0;
  left: 20%;
  right: 20%;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(172, 141, 98, 0.20) 30%,
    rgba(172, 141, 98, 0.20) 70%,
    transparent 100%);
  pointer-events: none;
}

/* ==========================================================================
   69. HAMBURGER MENU — Premium, aligned with logo
   ========================================================================== */
.dc-menu-toggle {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(172, 141, 98, 0.15);
  background: rgba(172, 141, 98, 0.04);
  justify-content: center;
  align-items: center;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  gap: 5px;
  padding: 0;
}

.dc-menu-toggle:hover {
  background: rgba(172, 141, 98, 0.08);
  border-color: rgba(172, 141, 98, 0.25);
}

.dc-menu-toggle span {
  width: 20px;
  height: 1.5px;
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Transparent header (not scrolled) — dark lines on light hero */
.dc-header--transparent:not(.dc-header--scrolled) .dc-menu-toggle span {
  background: var(--dc-navy-deep) !important;
}

/* Scrolled header — dark lines */
.dc-header--scrolled .dc-menu-toggle span,
.dc-header:not(.dc-header--transparent) .dc-menu-toggle span {
  background: var(--dc-navy-deep) !important;
}

/* Animate to X when open */
body.dc-mobile-menu-open .dc-menu-toggle {
  background: rgba(172, 141, 98, 0.10);
  border-color: rgba(172, 141, 98, 0.25);
}

body.dc-mobile-menu-open .dc-menu-toggle span:nth-child(1) {
  transform: translateY(6.5px) rotate(45deg);
}

body.dc-mobile-menu-open .dc-menu-toggle span:nth-child(2) {
  opacity: 0;
}

body.dc-mobile-menu-open .dc-menu-toggle span:nth-child(3) {
  transform: translateY(-6.5px) rotate(-45deg);
}

@media (max-width: 767px) {
  .dc-menu-toggle {
    width: 40px;
    height: 40px;
    border-radius: 10px;
  }
  .dc-menu-toggle span {
    width: 18px;
  }
  body.dc-mobile-menu-open .dc-menu-toggle span:nth-child(1) {
    transform: translateY(5.5px) rotate(45deg);
  }
  body.dc-mobile-menu-open .dc-menu-toggle span:nth-child(3) {
    transform: translateY(-5.5px) rotate(-45deg);
  }
}

.dc-announcement__text {
  color: var(--dc-navy-deep) !important;
  letter-spacing: 0.02em;
}

.dc-announcement__text .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

.dc-announcement__cta {
  background: rgba(172, 141, 98, 0.10) !important;
  border: 1px solid rgba(172, 141, 98, 0.28) !important;
  color: #A58448 !important;
  letter-spacing: 0.04em;
  font-weight: 600;
  transition: all 0.3s ease;
}

.dc-announcement__cta:hover {
  background: rgba(172, 141, 98, 0.18) !important;
  border-color: rgba(172, 141, 98, 0.42) !important;
  color: #635943 !important;
}

/* ==========================================================================
   70. PATIENT-INFO — Clean champagne gold, no navy blue
   ========================================================================== */

/* Hero bg — warm cream overlay instead of navy */
.dc-pi-hero__bg {
  background: linear-gradient(135deg, rgba(245,240,232,0.92) 0%, rgba(245,240,232,0.75) 100%),
              url('../images/IMG_1320.jpeg') center/cover no-repeat !important;
}

.dc-pi-hero__crumbs {
  color: rgba(99, 89, 67,0.5) !important;
}

.dc-pi-hero__crumbs a {
  color: rgba(99, 89, 67,0.7) !important;
}

.dc-pi-hero__crumbs a:hover {
  color: var(--dc-champagne) !important;
}

.dc-pi-hero h1 {
  color: var(--dc-navy-deep) !important;
  text-shadow: 0 2px 20px rgba(245,240,232,0.50) !important;
}

.dc-pi-hero__subtitle {
  color: rgba(99, 89, 67,0.65) !important;
}

.dc-pi-hero__intro {
  color: rgba(99, 89, 67,0.50) !important;
}

/* Timeline numbers — champagne gold instead of navy */
.dc-pi-timeline__num {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(172, 141, 98,0.20) !important;
}

/* Emergency section — warm cream instead of navy */
.dc-pi-emergency {
  background: linear-gradient(135deg, #F5F0E8 0%, #EDE6D8 100%) !important;
  color: var(--dc-navy-deep) !important;
  border: 1px solid rgba(172, 141, 98,0.15) !important;
}

.dc-pi-emergency__info h3 {
  color: var(--dc-navy-deep) !important;
}

.dc-pi-emergency__info p {
  color: rgba(99, 89, 67,0.60) !important;
}

.dc-pi-emergency__phone strong {
  color: var(--dc-navy-deep) !important;
}

.dc-pi-emergency__hours-row {
  color: rgba(99, 89, 67,0.65) !important;
  border-bottom: 1px solid rgba(99, 89, 67,0.08) !important;
}

.dc-pi-emergency__hours-row strong {
  color: var(--dc-navy-deep) !important;
}

.dc-pi-emergency__btn--map {
  background: rgba(99, 89, 67,0.06) !important;
  color: var(--dc-navy-deep) !important;
  border: 1px solid rgba(99, 89, 67,0.12) !important;
}

.dc-pi-emergency__btn--map:hover {
  background: rgba(99, 89, 67,0.10) !important;
}

/* Journey step icons — champagne gold instead of navy */
.dc-pi-journey__step-icon {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  box-shadow: 0 4px 16px rgba(172, 141, 98,0.20) !important;
}

.dc-pi-journey__step-icon .material-symbols-outlined {
  color: #fff !important;
}

/* CTA section — warm cream instead of navy */
.dc-pi-cta {
  background: linear-gradient(135deg, #F5F0E8 0%, #EDE6D8 100%) !important;
  border: 1px solid rgba(172, 141, 98,0.15) !important;
}

.dc-pi-cta::before {
  background: radial-gradient(circle, rgba(172, 141, 98,0.10), transparent 70%) !important;
}

.dc-pi-cta h2 {
  color: var(--dc-navy-deep) !important;
}

.dc-pi-cta p {
  color: rgba(99, 89, 67,0.55) !important;
}

/* Sidebar CTA card — warm cream instead of navy */
.dc-pi-sidebar__card--cta {
  background: linear-gradient(135deg, #F5F0E8 0%, #EDE6D8 100%) !important;
  color: var(--dc-navy-deep) !important;
  border: 1px solid rgba(172, 141, 98,0.15) !important;
}

.dc-pi-sidebar__card--cta h3 {
  color: var(--dc-navy-deep) !important;
}

.dc-pi-sidebar__card--cta p {
  color: rgba(99, 89, 67,0.55) !important;
}

.dc-pi-sidebar__btn--call {
  background: rgba(99, 89, 67,0.06) !important;
  color: var(--dc-navy-deep) !important;
  border: 1px solid rgba(99, 89, 67,0.12) !important;
}

.dc-pi-sidebar__btn--call:hover {
  background: rgba(99, 89, 67,0.10) !important;
}

/* Checklist icons — champagne gold instead of green */
.dc-pi-checklist__icon {
  background: rgba(172, 141, 98,0.10) !important;
}

.dc-pi-checklist__icon .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

/* Download icons — champagne gold instead of red */
.dc-pi-download__icon {
  background: rgba(172, 141, 98,0.08) !important;
}

.dc-pi-download__icon .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

/* Section titles — use champagne gold for labels, navy-deep for titles */
.dc-pi-section__title {
  color: var(--dc-navy-deep) !important;
}

.dc-pi-section__label {
  color: var(--dc-champagne) !important;
}

/* Card headings — navy-deep */
.dc-pi-card h4,
.dc-pi-checklist__content h5,
.dc-pi-timeline__body h4,
.dc-pi-faq__question,
.dc-pi-article__body h5,
.dc-pi-service__info h5,
.dc-pi-review__info h5,
.dc-pi-sidebar__hours h4,
.dc-pi-sidebar__hours-row strong {
  color: var(--dc-navy-deep) !important;
}

/* Patient-info buttons — champagne gold, no navy */
/* Form submit button — gold instead of navy */
.dc-pi-sidebar .btn-dc-primary,
.dc-pi-layout .btn-dc-primary {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(172, 141, 98, 0.35) !important;
  box-shadow: 0 4px 16px rgba(172, 141, 98, 0.20) !important;
}

.dc-pi-sidebar .btn-dc-primary:hover,
.dc-pi-layout .btn-dc-primary:hover {
  background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%) !important;
  box-shadow: 0 6px 24px rgba(172, 141, 98, 0.30) !important;
  transform: translateY(-2px);
}

/* Ghost-light buttons on cream CTA — dark outline style */
.dc-pi-cta .btn-dc-ghost-light {
  border: 1.5px solid rgba(99, 89, 67, 0.20) !important;
  background: rgba(255, 255, 255, 0.50) !important;
  color: var(--dc-navy-deep) !important;
  backdrop-filter: blur(4px) !important;
}

.dc-pi-cta .btn-dc-ghost-light:hover {
  background: rgba(255, 255, 255, 0.75) !important;
  border-color: rgba(99, 89, 67, 0.35) !important;
  color: var(--dc-navy-deep) !important;
}

/* Cookie consent accept button — gold instead of navy */
.dc-cookie-consent__btn--accept {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(172, 141, 98, 0.30) !important;
}

.dc-cookie-consent__btn--accept:hover {
  background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(172, 141, 98, 0.20) !important;
}

/* ==========================================================================
   71. CHAT WIDGET — Champagne gold, no navy
   ========================================================================== */

/* FAB button — gold instead of navy */
.dc-chat-widget__fab {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  color: #fff !important;
  box-shadow: 0 6px 25px rgba(172, 141, 98, 0.30) !important;
}

.dc-chat-widget__fab:hover {
  box-shadow: 0 8px 30px rgba(172, 141, 98, 0.40) !important;
}

/* Pulse ring — gold tint */
.dc-chat-widget__pulse {
  background: rgba(172, 141, 98, 0.40) !important;
}

/* Chat panel header — warm cream instead of navy */
.dc-chat-widget__header {
  background: linear-gradient(135deg, #F5F0E8 0%, #EDE6D8 100%) !important;
  color: var(--dc-navy-deep) !important;
  border-bottom: 1px solid rgba(172, 141, 98, 0.15) !important;
}

.dc-chat-widget__avatar {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
}

.dc-chat-widget__avatar .material-symbols-outlined {
  color: #fff !important;
}

.dc-chat-widget__info h4 {
  color: var(--dc-navy-deep) !important;
}

.dc-chat-widget__status {
  color: rgba(99, 89, 67, 0.60) !important;
}

/* User message bubble — gold instead of navy */
.dc-chat-widget__message--user {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  color: #fff !important;
}

/* Quick reply buttons — gold hover */
.dc-chat-widget__quick-reply {
  border: 1px solid rgba(172, 141, 98, 0.20) !important;
  color: var(--dc-navy-deep) !important;
}

.dc-chat-widget__quick-reply:hover {
  border-color: var(--dc-champagne) !important;
  color: var(--dc-champagne) !important;
  background: rgba(172, 141, 98, 0.08) !important;
}

/* Input focus — gold border */
.dc-chat-widget__input input:focus {
  border-color: var(--dc-champagne) !important;
}

/* Send button — gold instead of navy */
.dc-chat-widget__input button {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  color: #fff !important;
}

.dc-chat-widget__input button:hover {
  background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 100%) !important;
}

/* ==========================================================================
   72. POPULAR PROGRAMS — Clean warm, no navy
   ========================================================================== */

/* Section bg — warm cream instead of navy */
.dc-sk-popular {
  background: linear-gradient(180deg, var(--dc-warm-white) 0%, var(--dc-cream) 100%) !important;
}

.dc-sk-popular::before {
  background: radial-gradient(ellipse at 70% 30%, rgba(172, 141, 98, 0.08) 0%, transparent 50%) !important;
}

/* Header text — dark on light bg */
.dc-sk-popular__header h2 {
  color: var(--dc-navy-deep) !important;
}

.dc-sk-popular__header p {
  color: var(--dc-on-surface-variant) !important;
}

/* Cards — solid white instead of transparent */
.dc-sk-popular-card {
  background: #fff !important;
  border: 1px solid rgba(99, 89, 67, 0.06) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(99, 89, 67, 0.04) !important;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.dc-sk-popular-card:hover {
  background: #fff !important;
  border-color: rgba(172, 141, 98, 0.30) !important;
  box-shadow: 0 8px 32px rgba(99, 89, 67, 0.08) !important;
  transform: translateY(-4px);
}

/* Rank badge — champagne gold */
.dc-sk-popular-card__rank {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(172, 141, 98, 0.20) !important;
}

/* Card text — dark navy */
.dc-sk-popular-card h3 {
  color: var(--dc-navy-deep) !important;
}

.dc-sk-popular-card p {
  color: var(--dc-on-surface-variant) !important;
}

/* Meta items */
.dc-sk-popular-card__meta-item {
  color: var(--dc-on-surface-variant) !important;
}

.dc-sk-popular-card__meta-item .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

/* Footer — clean border */
.dc-sk-popular-card__footer {
  border-top: 1px solid rgba(99, 89, 67, 0.06) !important;
}

.dc-sk-popular-card__price strong {
  color: var(--dc-champagne) !important;
}

.dc-sk-popular-card__price span {
  color: var(--dc-on-surface-variant) !important;
}

.dc-sk-popular-card__link {
  color: var(--dc-champagne) !important;
}

.dc-sk-popular-card__link .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

/* ==========================================================================
   73. SKIN LANDING PAGE — Warm luxury overrides (no navy)
   ========================================================================== */

/* Hero — warm cream instead of navy */
.dc-sk-hero {
  background: linear-gradient(135deg, var(--dc-warm-white) 0%, var(--dc-cream) 50%, var(--dc-warm-white) 100%) !important;
  padding: 100px 0 120px !important;
}

.dc-sk-hero__bg {
  background: radial-gradient(ellipse at 70% 30%, rgba(172, 141, 98, 0.12) 0%, transparent 50%),
              radial-gradient(ellipse at 20% 80%, rgba(172, 141, 98, 0.08) 0%, transparent 50%) !important;
}

.dc-sk-hero__badge {
  background: rgba(172, 141, 98, 0.15) !important;
  border-color: rgba(172, 141, 98, 0.35) !important;
  color: var(--dc-champagne) !important;
  font-size: 14px !important;
  padding: 10px 22px !important;
  border-radius: 100px !important;
  margin-bottom: 24px !important;
}

.dc-sk-hero__badge .material-symbols-outlined {
  font-size: 20px !important;
}

.dc-sk-hero h1 {
  color: var(--dc-navy-deep) !important;
  font-size: clamp(2.4rem, 4.5vw, 3.4rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin-bottom: 12px !important;
}

.dc-sk-hero__subtitle {
  color: var(--dc-champagne) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
}

.dc-sk-hero__desc {
  color: var(--dc-on-surface-variant) !important;
  font-size: 1.1rem !important;
  line-height: 1.8 !important;
}

.dc-sk-hero__actions {
  margin-bottom: 40px !important;
}

.dc-sk-hero__stats {
  gap: 40px !important;
}

.dc-sk-hero__stats strong {
  color: var(--dc-champagne) !important;
  font-size: 1.8rem !important;
}

.dc-sk-hero__stats span {
  color: var(--dc-on-surface-variant) !important;
  font-size: 13px !important;
}

.dc-sk-hero__visual-card {
  border-radius: 24px !important;
  box-shadow: 0 16px 56px rgba(99, 89, 67, 0.10) !important;
  overflow: hidden;
}

.dc-sk-hero__visual-card img {
  border-radius: 24px !important;
}

.dc-sk-hero__visual-badge {
  border-radius: 14px !important;
  padding: 14px 18px !important;
  box-shadow: 0 6px 24px rgba(99, 89, 67, 0.08) !important;
}

.dc-sk-hero__visual-badge-icon {
  border-radius: 10px !important;
  background: rgba(172, 141, 98, 0.15) !important;
}

.dc-sk-hero__visual-badge-icon .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

.dc-sk-hero__visual-badge strong {
  color: var(--dc-navy-deep) !important;
  font-size: 15px !important;
}

.dc-sk-hero__visual-badge span {
  color: var(--dc-on-surface-variant) !important;
  font-size: 12px !important;
}

/* Treatment cards — refined, spacious */
.dc-sk-treatment-card {
  border-radius: 20px !important;
  border-color: rgba(99, 89, 67, 0.05) !important;
  box-shadow: 0 4px 20px rgba(99, 89, 67, 0.04) !important;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.dc-sk-treatment-card:hover {
  box-shadow: 0 16px 48px rgba(99, 89, 67, 0.10) !important;
  border-color: rgba(172, 141, 98, 0.25) !important;
  transform: translateY(-8px) !important;
}

.dc-sk-treatment-card__image {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.dc-sk-treatment-card__image img {
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.dc-sk-treatment-card:hover .dc-sk-treatment-card__image img {
  transform: scale(1.08) !important;
}

.dc-sk-treatment-card__badge {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  border-radius: 100px !important;
  font-size: 12px !important;
  padding: 5px 14px !important;
  box-shadow: 0 4px 12px rgba(172, 141, 98, 0.20) !important;
}

.dc-sk-treatment-card__body {
  padding: 24px !important;
}

.dc-sk-treatment-card__body h3 {
  color: var(--dc-navy-deep) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
}

.dc-sk-treatment-card__body > p {
  color: var(--dc-on-surface-variant) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.dc-sk-treatment-card__meta {
  background: rgba(245, 240, 232, 0.5) !important;
  border-radius: 12px !important;
  padding: 14px !important;
}

.dc-sk-treatment-card__meta-item strong {
  color: var(--dc-navy-deep) !important;
}

.dc-sk-treatment-card__meta-item .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

.dc-sk-treatment-card__recovery {
  background: rgba(172, 141, 98, 0.08) !important;
  border-radius: 10px !important;
  color: var(--dc-champagne) !important;
  font-weight: 600 !important;
}

.dc-sk-treatment-card__recovery .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

.dc-sk-treatment-card__footer {
  border-top: 1px solid rgba(99, 89, 67, 0.05) !important;
  padding-top: 16px !important;
}

.dc-sk-treatment-card__price strong {
  color: var(--dc-champagne) !important;
  font-size: 1.25rem !important;
}

.dc-sk-treatment-card__price span {
  color: var(--dc-on-surface-variant) !important;
}

.dc-sk-treatment-card__detail-btn {
  color: var(--dc-champagne) !important;
  font-weight: 600 !important;
}

/* Why Choose cards */
.dc-sk-why-card {
  border-radius: 16px !important;
  border-color: rgba(99, 89, 67, 0.06) !important;
  box-shadow: 0 2px 12px rgba(99, 89, 67, 0.03) !important;
}

.dc-sk-why-card__icon {
  border-radius: 14px !important;
  background: rgba(172, 141, 98, 0.10) !important;
}

.dc-sk-why-card__icon .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

.dc-sk-why-card h4 {
  color: var(--dc-navy-deep) !important;
}

/* Journey */
.dc-sk-journey__num {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  box-shadow: 0 4px 12px rgba(172, 141, 98, 0.20) !important;
}

.dc-sk-journey__icon .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

.dc-sk-journey__step h4 {
  color: var(--dc-navy-deep) !important;
}

/* Suitable cards */
.dc-sk-suitable-card {
  border-radius: 16px !important;
  border-color: rgba(99, 89, 67, 0.06) !important;
  box-shadow: 0 2px 12px rgba(99, 89, 67, 0.03) !important;
}

.dc-sk-suitable-card .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

.dc-sk-suitable-card h4 {
  color: var(--dc-navy-deep) !important;
}

/* Before/After */
.dc-sk-ba-tab {
  border-radius: 100px !important;
}

.dc-sk-ba-tab.is-active {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  border-color: transparent !important;
}

.dc-sk-ba-item {
  border-radius: 14px !important;
}

.dc-sk-ba-item__overlay {
  background: linear-gradient(to top, rgba(58, 42, 28, 0.85) 0%, transparent 60%) !important;
}

.dc-sk-ba-item__tag {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  border-radius: 100px !important;
}

/* Reviews */
.dc-sk-review-card {
  border-radius: 16px !important;
  border-color: rgba(99, 89, 67, 0.06) !important;
  box-shadow: 0 2px 12px rgba(99, 89, 67, 0.03) !important;
}

.dc-sk-review-card__header h5 {
  color: var(--dc-navy-deep) !important;
}

.dc-sk-review-card__header > div > span {
  color: var(--dc-champagne) !important;
}

.dc-sk-reviews-prev:hover,
.dc-sk-reviews-next:hover {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  border-color: transparent !important;
}

/* FAQ */
.dc-sk-faq__item {
  border-radius: 12px !important;
  border-color: rgba(99, 89, 67, 0.06) !important;
}

.dc-sk-faq__item.is-open {
  border-color: rgba(172, 141, 98, 0.30) !important;
}

.dc-sk-faq__question {
  color: var(--dc-navy-deep) !important;
}

.dc-sk-faq__icon {
  color: var(--dc-champagne) !important;
}

/* Packages */
.dc-sk-package {
  border-radius: 16px !important;
  border-color: rgba(99, 89, 67, 0.06) !important;
  box-shadow: 0 2px 12px rgba(99, 89, 67, 0.03) !important;
}

.dc-sk-package__header {
  background: linear-gradient(135deg, rgba(245, 240, 232, 0.8) 0%, #fff 100%) !important;
  border-bottom-color: rgba(172, 141, 98, 0.10) !important;
}

.dc-sk-package__tag {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  border-radius: 100px !important;
}

.dc-sk-package__name {
  color: var(--dc-navy-deep) !important;
}

.dc-sk-package__items li .material-symbols-outlined {
  color: var(--dc-champagne) !important;
}

.dc-sk-package__save {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  border-radius: 6px !important;
}

/* Promotions */
.dc-sk-promos {
  background: var(--dc-cream) !important;
}

.dc-sk-promo {
  border-radius: 16px !important;
}

.dc-sk-promo__overlay {
  background: linear-gradient(to top, rgba(58, 42, 28, 0.88) 0%, rgba(58, 42, 28, 0.20) 60%, transparent 100%) !important;
}

.dc-sk-promo__badge {
  background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
  border-radius: 6px !important;
}

/* Related cards */
.dc-sk-related-card {
  border-radius: 16px !important;
  border-color: rgba(99, 89, 67, 0.06) !important;
}

.dc-sk-related-card__body h4 {
  color: var(--dc-navy-deep) !important;
}

.dc-sk-related-card__body p {
  color: var(--dc-champagne) !important;
}

/* CTA — warm cream instead of navy */
.dc-sk-cta {
  background: linear-gradient(135deg, var(--dc-warm-white) 0%, var(--dc-cream) 100%) !important;
}

.dc-sk-cta::before {
  background: radial-gradient(ellipse at center, rgba(172, 141, 98, 0.10) 0%, transparent 60%) !important;
}

.dc-sk-cta__inner h2 {
  color: var(--dc-navy-deep) !important;
}

.dc-sk-cta__inner p {
  color: var(--dc-on-surface-variant) !important;
}

/* Section header text */
.dc-sk-section-header h2 {
  color: var(--dc-navy-deep) !important;
}