:root{
  --brand-gold:#DB9A21;
  --brand-gold-deep:#C57A0A;
  --brand-gold-dark:#AE6B0D;
  --brand-champagne:#EAD6A2;
  --brand-gold-warm:#D0A65F;
  --brand-gold-highlight:#F1CE59;
  --brand-gold-bright:#F6C43A;
  --brand-ink:#47372D;
  --brand-navy:#071024;
  --gold-line:rgba(197,122,10,.22);
  --gold-line-strong:rgba(197,122,10,.38);
  --gold-gradient:linear-gradient(118deg,#F1CE59 0%,#DB9A21 48%,#C57A0A 100%);
  --gold-shadow:0 1px 1px rgba(71,55,45,.11);
  --gold-button-shadow:0 12px 30px rgba(174,107,13,.18);
}

body{color:var(--brand-ink)}

/* Official transparent mark */
.brand-official{overflow:visible}
.brand-logo{mix-blend-mode:normal;filter:none;object-fit:contain}

/* Navigation */
.header{border-bottom-color:rgba(197,122,10,.16)}
.desktop-nav a,#mobile-nav a{color:#6d4d24;transition:color .22s ease}
.desktop-nav a:hover,#mobile-nav a:hover,.header-contact:hover{color:var(--brand-gold-deep)}
.header-contact{color:var(--brand-gold-dark);border-color:var(--gold-line-strong)}
.menu-toggle span{background:var(--brand-gold-dark)}
#mobile-nav a{border-bottom-color:var(--gold-line)}

/* Consistent editorial heading hierarchy */
.trust-intro h2,
.doctor-name-line h2,
.services-heading h2,
.results-heading-copy h2,
.video-stories-copy h2,
.faq h2,
.contact-section h2,
#contact-dialog h2{
  color:var(--brand-gold);
  text-shadow:var(--gold-shadow);
}

@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .trust-intro h2,
  .doctor-name-line h2,
  .services-heading h2,
  .results-heading-copy h2,
  .video-stories-copy h2,
  .faq h2,
  .contact-section h2,
  #contact-dialog h2{
    background:var(--gold-gradient);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
  }
}

.trust-kicker,.doctor-kicker,.services-kicker,.results-kicker,
.video-stories-kicker,.eyebrow,.contact-section .eyebrow{
  color:var(--brand-gold-deep)
}
.trust-kicker:before,.doctor-kicker span,.services-kicker span,
.results-kicker span,.video-stories-kicker span,.eyebrow span{
  background:var(--brand-gold-warm)
}

/* Readable warm body copy */
.trust-intro>p:last-child,.trust-panel p,.doctor-story p,
.services-heading-copy>p,.service-detail li,.results-heading-copy>p,
.faq .muted,.faq-list p,.location-card p,footer>p,.copyright{
  color:#6d5749
}
.results-heading-copy>p{color:#8c641f}
.video-stories-copy>p{color:var(--brand-champagne)}

/* Approach */
.trust-editorial{--trust-accent:var(--brand-gold-deep)}
.trust-editorial:before{color:rgba(197,122,10,.38)}
.trust-panel{border-color:var(--gold-line)}
.trust-panel-meta{color:rgba(197,122,10,.48)}
.trust-panel h3{color:var(--brand-ink)}
.trust-panel-two{background:linear-gradient(145deg,#f7ecdf,#EFE4E1)}
.trust-panel-three{border-bottom-color:var(--gold-line)}
.trust-panel-four{background:var(--brand-navy)}
.trust-panel-four h3{color:var(--brand-champagne)}
.trust-panel-four p{color:#ddd3bc}
.trust-panel-four:after{background:var(--brand-gold)}
.trust-orbit{border-color:rgba(197,122,10,.12)}

/* Doctor */
.doctor-profile{--doctor-rose:var(--brand-gold-deep);--doctor-hover:var(--brand-gold-dark)}
.doctor-badge{color:#805f26;border-color:var(--gold-line);background:#fffdf9}
.doctor-story{border-right-color:var(--gold-line-strong)}
.doctor-story:before{color:var(--brand-gold-deep)}
.doctor-tags li{color:#745628;border-color:var(--gold-line);background:rgba(234,214,162,.25)}
.doctor-portrait:after,.doctor-portrait picture{border-color:var(--gold-line-strong)}
.doctor-portrait:before{background:#f4e9dc}
.doctor-action{border-color:var(--brand-gold-deep)}
.doctor-action-primary{background:var(--brand-gold);border-color:var(--brand-gold);color:#FDFDFD;box-shadow:var(--gold-button-shadow)}
.doctor-action-primary:hover{background:var(--brand-gold-dark);border-color:var(--brand-gold-dark)}
.doctor-action-secondary{color:var(--brand-gold-dark);background:#fffdf9}
.doctor-action-secondary:hover{background:var(--brand-champagne);border-color:var(--brand-gold-deep)}

/* Services */
.services-showcase{--service-rose:var(--brand-gold-deep);--service-hover:var(--brand-gold-dark)}
.services-showcase:before{color:rgba(197,122,10,.17)}
.service-watermark{color:rgba(197,122,10,.1)}
.service-detail-head p{color:var(--brand-gold-deep)}
.service-detail-head h3{color:var(--brand-ink)}
.service-detail li{border-bottom-color:var(--gold-line)}
.service-detail li:before{background:var(--brand-gold)}
.service-inquiry{background:var(--brand-gold);border-color:var(--brand-gold);box-shadow:var(--gold-button-shadow)}
.service-inquiry:hover{background:var(--brand-gold-dark);border-color:var(--brand-gold-dark)}
.services-orbit{border-color:rgba(197,122,10,.13)}

/* Remaining section controls and details */
.result-number{color:var(--brand-gold-highlight)}
.faq{border-top-color:var(--gold-line)}
.faq details{border-bottom-color:var(--gold-line)}
.faq-list summary{color:var(--brand-ink)}
.faq-list summary:hover,.plus{color:var(--brand-gold-deep)}
.dark-link{color:var(--brand-gold-dark);border-color:var(--brand-gold-warm)}

.contact-section{background:linear-gradient(135deg,#F1E5D6,#EFE4E1);color:var(--brand-ink)}
.contact-section .primary,.primary{
  background:var(--brand-gold);
  border-color:var(--brand-gold);
  color:#FDFDFD;
  box-shadow:var(--gold-button-shadow)
}
.contact-section .primary:hover,.primary:hover{background:var(--brand-gold-dark);border-color:var(--brand-gold-dark)}
.phone{color:var(--brand-gold-dark)}
.location-card{background:rgba(253,253,253,.68);border-color:var(--gold-line-strong)}
.location-icon,.location-card h3{color:var(--brand-gold-deep)}
.map-button,.map-lock,.secondary{color:var(--brand-gold-dark);border-color:var(--brand-gold-deep)}
.map-button:hover,.map-lock:hover,.secondary:hover{background:var(--brand-champagne)}

footer{border-top:1px solid var(--gold-line)}
footer>p{color:var(--brand-gold-dark)}
.copyright{border-top-color:var(--gold-line)}
.contact-bubble{border-color:var(--gold-line-strong)}
.contact-bubble button{color:var(--brand-gold-dark)}

button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--brand-gold-bright)}

@media (prefers-reduced-motion:reduce){
  .desktop-nav a,#mobile-nav a{transition:none}
}

/* Mobile editorial drawer */
@media (max-width:999px){
  body.menu-open{overflow:hidden;overscroll-behavior:none}
  .header{z-index:30}
  .header-contact{transition:opacity .2s ease}
  body.menu-open .header-contact{opacity:0;pointer-events:none}
  .menu-toggle{position:relative;z-index:64;border-radius:50%;transition:background .25s ease,transform .25s ease}
  .menu-toggle:hover,.menu-toggle[aria-expanded="true"]{background:rgba(208,166,95,.13)}
  .menu-toggle span{width:23px;transform-origin:center;transition:transform .35s cubic-bezier(.22,1,.36,1),width .28s ease,margin .28s ease}
  .menu-toggle span:last-child{width:16px;margin-right:auto}
  .menu-toggle[aria-expanded="true"] span:first-child{width:23px;transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:last-child{width:23px;margin-right:0;transform:translateY(-4px) rotate(-45deg)}

  .mobile-nav-backdrop{
    position:fixed;inset:0;z-index:19;width:100%;height:100%;padding:0;border:0;
    background:rgba(7,16,36,.46);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
    opacity:0;transition:opacity .4s ease
  }
  .mobile-nav-backdrop.is-open{opacity:1}

  #mobile-nav{
    counter-reset:mobile-link;position:fixed;inset:0 0 0 auto;z-index:52;
    width:min(88vw,400px);height:100dvh;min-height:100%;padding:118px 24px 30px;
    overflow-y:auto;overscroll-behavior:contain;background:
      radial-gradient(circle at 92% 8%,rgba(234,214,162,.34),transparent 28%),
      linear-gradient(155deg,#fffdf9 0%,#fbf5f4 52%,#efe4e1 100%);
    border-left:1px solid rgba(174,107,13,.2);box-shadow:-24px 0 60px rgba(7,16,36,.2);
    transform:translateX(105%);opacity:.4;visibility:hidden;
    transition:transform .44s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility .44s;
    isolation:isolate
  }
  #mobile-nav.is-open{transform:translateX(0);opacity:1;visibility:visible}
  #mobile-nav::before{
    content:'القائمة';position:absolute;top:74px;right:27px;color:var(--brand-gold-dark);
    font-size:.72rem;font-weight:700;letter-spacing:.08em
  }
  #mobile-nav::after{
    content:'S';position:fixed;right:-20px;bottom:-46px;z-index:-1;
    font:240px/1 Georgia,serif;color:rgba(208,166,95,.075);pointer-events:none
  }
  #mobile-nav a{
    counter-increment:mobile-link;position:relative;display:grid;grid-template-columns:auto 1fr auto;
    align-items:center;gap:14px;min-height:67px;margin:0;padding:12px 8px;
    border:0;border-bottom:1px solid rgba(174,107,13,.18);color:#47372d;
    font-size:clamp(1.08rem,5vw,1.34rem);font-weight:550;line-height:1.55;
    opacity:0;transform:translateX(28px);
    transition:opacity .32s ease,transform .42s cubic-bezier(.22,1,.36,1),padding .22s ease,color .22s ease,background .22s ease
  }
  #mobile-nav a::before{content:counter(mobile-link,decimal-leading-zero);font:600 .66rem/1 Arial,sans-serif;letter-spacing:.08em;color:#c57a0a}
  #mobile-nav a::after{content:'←';font-size:1rem;color:#ae6b0d;opacity:0;transform:translateX(8px);transition:opacity .22s ease,transform .22s ease}
  #mobile-nav.is-open a{opacity:1;transform:translateX(0)}
  #mobile-nav.is-open a:nth-child(1){transition-delay:.07s}
  #mobile-nav.is-open a:nth-child(2){transition-delay:.11s}
  #mobile-nav.is-open a:nth-child(3){transition-delay:.15s}
  #mobile-nav.is-open a:nth-child(4){transition-delay:.19s}
  #mobile-nav.is-open a:nth-child(5){transition-delay:.23s}
  #mobile-nav.is-open a:nth-child(6){transition-delay:.27s}
  #mobile-nav.is-open a:nth-child(7){transition-delay:.31s}
  #mobile-nav.is-open a:nth-child(8){transition-delay:.35s}
  #mobile-nav a:hover,#mobile-nav a:focus-visible,#mobile-nav a:active{
    color:#ae6b0d;background:linear-gradient(90deg,transparent,rgba(234,214,162,.22));padding-right:15px;border-radius:3px
  }
  #mobile-nav a:hover::after,#mobile-nav a:focus-visible::after,#mobile-nav a:active::after{opacity:1;transform:translateX(0)}
}

@media (max-width:359px){
  #mobile-nav{width:92vw;padding-right:18px;padding-left:18px}
  #mobile-nav a{min-height:62px;font-size:1.04rem}
}

@media (prefers-reduced-motion:reduce){
  .mobile-nav-backdrop,#mobile-nav,.menu-toggle,.menu-toggle span,#mobile-nav a,#mobile-nav a::after{transition:none!important}
}