/* ══════════════════════════════════════════════════════
   DESIGN TOKENS
══════════════════════════════════════════════════════ */
:root {
  --gold:     #C9A96E;
  --gold-lt:  #E8D5B0;
  --gold-dk:  #9B7A42;
  --cream:    #FAF7F2;
  --white:    #FFFFFF;
  --deep:     #0E0D0B;
  --charcoal: #1C1A17;
  --mid:      #4A4540;
  --muted:    #8C8178;
  --border:   rgba(201,169,110,0.25);
  --serif:    'Cormorant Garamond', Georgia, serif;
  --sans:     'DM Sans', sans-serif;
  --ar:       'Tajawal', sans-serif;
  --ease:     cubic-bezier(0.25,0.46,0.45,0.94);
  --nav-h:    64px;
}

/* ══════════════════════════════════════════════════════
   RESET
══════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--cream);color:var(--deep);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:inherit}

/* ══════════════════════════════════════════════════════
   LANGUAGE
══════════════════════════════════════════════════════ */
html[dir="rtl"]                       {direction:rtl}
html[dir="rtl"] body                  {font-family:var(--ar)}
html[dir="ltr"]  .ar-only             {display:none!important}
html[dir="rtl"]  .en-only             {display:none!important}
html[dir="rtl"] .sec-label            {}
html[dir="rtl"] .sec-label::before    {display:none}
html[dir="rtl"] .sec-label::after     {content:'';width:32px;height:1px;background:var(--gold);flex-shrink:0}
html[dir="rtl"] .c-tag                {flex-direction:row-reverse}
html[dir="rtl"] .c-tag::before        {display:none}
html[dir="rtl"] .c-tag::after         {content:'';width:32px;height:1px;background:var(--gold);flex-shrink:0}
html[dir="rtl"] .c-stats              {flex-direction:row-reverse}
html[dir="rtl"] .c-actions            {flex-direction:row-reverse}
html[dir="rtl"] .svc-link::after      {content:'←'}

/* Conditions list — RTL: bullet on right, text right-aligned */
html[dir="rtl"] .cond-list li         {text-align:right}
html[dir="rtl"] .cond-list li::before {order:-1}

/* All phone numbers and tel links must render LTR regardless of page direction */
html[dir="rtl"] .nav-phone,
html[dir="rtl"] .nav-phone span,
html[dir="rtl"] .announce a,
html[dir="rtl"] .btn-call span[dir],
html[dir="rtl"] .contact-call-num,
html[dir="rtl"] .ci-val a[href^="tel"],
html[dir="rtl"] .ci-val a[href^="https://wa"],
html[dir="rtl"] .float-call-txt       {direction:ltr;unicode-bidi:embed}

/* Contact info panel — align everything to the right in RTL */
html[dir="rtl"] .contact-info         {text-align:right}
html[dir="rtl"] .contact-info .sec-p  {text-align:right}
html[dir="rtl"] .ci-val               {text-align:right;direction:rtl}
html[dir="rtl"] .ci-val a[href^="tel"],
html[dir="rtl"] .ci-val a[href^="https://wa"] {direction:ltr;unicode-bidi:embed;display:inline-block}

/* Why / Excellence section — fix feature row in RTL so number stays on the right */
html[dir="rtl"] .why-feat             {grid-template-columns: 44px 1fr;direction:rtl;text-align:right}
html[dir="rtl"] .why-n                {order:1;text-align:center}
html[dir="rtl"] .why-feat > div:not(.why-n) {order:2}

/* ══════════════════════════════════════════════════════
   ANNOUNCE BAR
══════════════════════════════════════════════════════ */
.announce{
  background:var(--gold);color:var(--deep);
  text-align:center;padding:9px 20px;
  font-size:.8rem;font-weight:600;letter-spacing:.04em;
  position:relative;z-index:100
}
.announce a{text-decoration:underline;font-weight:700}
html[dir="rtl"] .announce{letter-spacing:0;font-family:var(--ar)}

/* ══════════════════════════════════════════════════════
   NAV
══════════════════════════════════════════════════════ */
nav{
  position:sticky;top:0;z-index:998;height:var(--nav-h);
  background:rgba(250,247,242,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);padding:0 48px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;transition:box-shadow .3s
}
.nav-logo{font-family:var(--serif);font-size:1.45rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}
.nav-logo img{max-width: 20%;}
.nav-logo span{color:var(--gold-dk)}
/* Phone number in nav */
.nav-phone{
  display:flex;align-items:center;gap:8px;
  font-size:.82rem;font-weight:700;color:var(--deep);
  white-space:nowrap;letter-spacing:.02em;
  border:1.5px solid var(--gold);border-radius:2px;padding:7px 14px;
  transition:background .2s,color .2s;flex-shrink:0
}
.nav-phone:hover{background:var(--gold);color:var(--deep)}
.nav-phone-ico{font-size:.9rem}
.nav-links{display:flex;gap:24px;align-items:center;flex-wrap:nowrap}
.nav-links a{font-size:.8rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--mid);transition:color .2s;white-space:nowrap}
html[dir="rtl"] .nav-links a{letter-spacing:0;font-size:.9rem}
.nav-links a:hover{color:var(--gold-dk)}
.nav-cta{background:var(--gold);color:var(--deep)!important;padding:9px 20px;border-radius:2px;font-weight:600!important;transition:background .2s,transform .2s!important}
.nav-cta:hover{background:var(--gold-dk);color:var(--white)!important;transform:translateY(-1px)}
.lang-toggle{display:flex;border:1px solid var(--border);border-radius:3px;overflow:hidden;flex-shrink:0}
.lang-btn{padding:6px 13px;font-size:.73rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:none;color:var(--muted);transition:background .2s,color .2s}
.lang-btn.active{background:var(--gold);color:var(--deep)}
.lang-btn:hover:not(.active){background:var(--gold-lt);color:var(--deep)}
.hamburger{display:none;flex-direction:column;gap:5px;padding:4px;flex-shrink:0;background:none;border:none}
.hamburger span{width:24px;height:2px;background:var(--deep);border-radius:2px;transition:.3s;display:block}

/* ══════════════════════════════════════════════════════
   MOBILE NAV DRAWER
══════════════════════════════════════════════════════ */
.mobile-nav{
  display:none;position:fixed;inset:0;background:var(--deep);z-index:9998;
  flex-direction:column;align-items:center;justify-content:center;gap:24px
}
.mobile-nav.open{display:flex}
.mobile-nav a{font-family:var(--serif);font-size:1.7rem;color:var(--white);font-weight:300;transition:color .2s}
html[dir="rtl"] .mobile-nav a{font-family:var(--ar)}
.mobile-nav a:hover{color:var(--gold)}
/* Big phone CTA inside mobile nav */
.mob-call-cta{
  display:flex!important;align-items:center;gap:10px;
  background:var(--gold)!important;color:var(--deep)!important;
  padding:14px 28px!important;border-radius:2px;font-family:var(--sans)!important;
  font-size:1rem!important;font-weight:700!important;letter-spacing:.04em;
  text-transform:uppercase;margin-top:8px
}
html[dir="rtl"] .mob-call-cta{font-family:var(--ar)!important;letter-spacing:0}
.mob-close{position:absolute;top:22px;right:22px;color:var(--white);font-size:2rem;line-height:1;background:none;border:none}
html[dir="rtl"] .mob-close{right:auto;left:22px}
.mob-lang{display:flex;gap:0;border:1px solid rgba(255,255,255,.2);border-radius:3px;overflow:hidden;margin-top:8px}
.mob-lang .lang-btn{color:rgba(255,255,255,.5);padding:8px 18px}
.mob-lang .lang-btn.active{background:var(--gold);color:var(--deep)}

/* ══════════════════════════════════════════════════════
   HERO CAROUSEL  —  full-bleed cinematic
══════════════════════════════════════════════════════ */
.hero{
  position:relative;overflow:hidden;
  height:calc(100svh - var(--nav-h));min-height:520px;max-height:900px
}
.c-track{display:flex;height:100%;transition:transform .85s var(--ease);will-change:transform}
.c-slide{min-width:100%;height:100%;position:relative;flex-shrink:0;overflow:hidden}
.c-slide-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  transition:transform 8s linear;will-change:transform
}
.c-slide.active .c-slide-bg{transform:scale(1.07)}
.c-slide::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(14,13,11,.55) 0%,rgba(14,13,11,.3) 40%,rgba(14,13,11,.72) 100%);
  pointer-events:none;z-index:1
}
.c-content{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:0 72px 72px
}
html[dir="rtl"] .c-content{align-items:flex-end;text-align:right;padding:0 72px 72px}

.c-tag{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-lt);margin-bottom:18px
}
html[dir="rtl"] .c-tag{letter-spacing:0;font-size:.82rem;flex-direction:row-reverse}
.c-tag::before{content:'';width:32px;height:1px;background:var(--gold);flex-shrink:0}

.c-title{
  font-family:var(--serif);font-size:clamp(2.6rem,5.5vw,5.2rem);
  font-weight:300;line-height:1.05;letter-spacing:-.01em;
  color:var(--white);margin-bottom:18px;max-width:780px
}
html[dir="rtl"] .c-title{font-family:var(--ar);font-size:clamp(2rem,4.5vw,4rem);letter-spacing:0;line-height:1.2}
.c-title em{font-style:italic;color:var(--gold-lt)}
html[dir="rtl"] .c-title em{font-style:normal}

.c-desc{font-size:1rem;color:rgba(255,255,255,.78);max-width:520px;line-height:1.8;margin-bottom:32px}
html[dir="rtl"] .c-desc{font-size:1.05rem}

/* ── CTA row – phone-first ── */
.c-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px;align-items:center}
/* Primary: phone call */
.btn-call{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--gold);color:var(--deep);
  padding:15px 28px;font-size:.88rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:2px;
  transition:all .25s var(--ease)
}
html[dir="rtl"] .btn-call{letter-spacing:0;font-size:.95rem;flex-direction:row-reverse}
.btn-call:hover{background:var(--gold-dk);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 22px rgba(155,122,66,.4)}
.btn-call-ico{font-size:1rem}
/* Secondary: outline */
.btn-s{
  display:inline-block;background:transparent;color:var(--white);
  padding:15px 28px;font-size:.86rem;font-weight:500;
  letter-spacing:.06em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.45);border-radius:2px;
  transition:all .25s var(--ease)
}
html[dir="rtl"] .btn-s{letter-spacing:0;font-size:.93rem}
.btn-s:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7)}
/* Light sections secondary */
.btn-s-dk{border-color:var(--gold);color:var(--deep)}
.btn-s-dk:hover{background:var(--gold);color:var(--deep)}
/* Section-level call CTA (gold, for light backgrounds) */
.btn-call-dk{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--gold);color:var(--deep);
  padding:15px 28px;font-size:.86rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:2px;
  transition:all .25s var(--ease)
}
html[dir="rtl"] .btn-call-dk{letter-spacing:0;font-size:.93rem;flex-direction:row-reverse}
.btn-call-dk:hover{background:var(--gold-dk);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 22px rgba(155,122,66,.35)}

.c-stats{display:flex;gap:0;border-top:1px solid rgba(255,255,255,.15);padding-top:28px;flex-wrap:wrap}
.c-stat{padding:0 36px 0 0}
html[dir="rtl"] .c-stat{padding:0 0 0 36px}
.c-stat:first-child{padding-left:0}
html[dir="rtl"] .c-stat:first-child{padding-right:0}
.c-stat+.c-stat{border-left:1px solid rgba(255,255,255,.15);padding-left:36px}
html[dir="rtl"] .c-stat+.c-stat{border-left:none;border-right:1px solid rgba(255,255,255,.15);padding-right:36px;padding-left:0}
.c-stat-num{font-family:var(--serif);font-size:2rem;font-weight:300;color:var(--gold-lt);line-height:1}
.c-stat-lbl{font-size:.72rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}
html[dir="rtl"] .c-stat-lbl{letter-spacing:0;font-size:.8rem}

.c-pill{
  position:absolute;bottom:72px;right:72px;z-index:3;
  background:rgba(250,247,242,.12);border:1px solid rgba(201,169,110,.4);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-radius:6px;padding:14px 20px;
  display:flex;align-items:center;gap:14px;color:var(--white);max-width:260px
}
html[dir="rtl"] .c-pill{right:auto;left:72px;flex-direction:row-reverse;text-align:right}
.c-pill-icon{font-size:1.6rem;line-height:1;flex-shrink:0}
.c-pill-label{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
html[dir="rtl"] .c-pill-label{letter-spacing:0;font-size:.78rem}
.c-pill-val{font-family:var(--serif);font-size:1rem;color:var(--white)}
html[dir="rtl"] .c-pill-val{font-family:var(--ar)}

.c-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:10;
  width:48px;height:48px;border-radius:50%;
  background:rgba(250,247,242,.12);border:1px solid rgba(201,169,110,.3);
  backdrop-filter:blur(6px);color:var(--white);
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;line-height:1;transition:background .2s,border-color .2s
}
.c-arrow:hover{background:var(--gold);border-color:var(--gold);color:var(--deep)}
.c-arrow.prev{left:24px}
.c-arrow.next{right:24px}

.c-progress{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;gap:3px}
.c-prog-seg{flex:1;height:3px;background:rgba(255,255,255,.18);position:relative;overflow:hidden}
.c-prog-seg::after{content:'';position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:none}
.c-prog-seg.active::after{transform:scaleX(1);transition:transform 6s linear}
.c-prog-seg.done::after{transform:scaleX(1)}

/* Slide entry animations */
.c-content .c-tag,.c-content .c-title,.c-content .c-desc,.c-content .c-actions,.c-content .c-stats{
  opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)
}
.c-slide.active .c-content .c-tag   {opacity:1;transform:none;transition-delay:.1s}
.c-slide.active .c-content .c-title {opacity:1;transform:none;transition-delay:.22s}
.c-slide.active .c-content .c-desc  {opacity:1;transform:none;transition-delay:.34s}
.c-slide.active .c-content .c-actions{opacity:1;transform:none;transition-delay:.44s}
.c-slide.active .c-content .c-stats {opacity:1;transform:none;transition-delay:.54s}
.c-pill{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:.62s}
.c-slide.active .c-pill{opacity:1;transform:none}

/* ══════════════════════════════════════════════════════
   SHARED SECTION PADDING + LABELS
══════════════════════════════════════════════════════ */
.sec{padding:88px 72px}
@media(max-width:900px){.sec{padding:64px 28px}}
@media(max-width:480px){.sec{padding:52px 20px}}

.sec-label{
  font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-dk);display:flex;align-items:center;gap:10px;margin-bottom:12px
}
html[dir="rtl"] .sec-label{letter-spacing:0;font-size:.82rem}
.sec-label::before{content:'';width:30px;height:1px;background:var(--gold);flex-shrink:0}
.sec-h{font-family:var(--serif);font-size:clamp(1.9rem,3.2vw,3rem);font-weight:300;line-height:1.1;margin-bottom:14px}
html[dir="rtl"] .sec-h{font-family:var(--ar);font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.3}
.sec-h em{font-style:italic;color:var(--gold-dk)}
html[dir="rtl"] .sec-h em{font-style:normal}
.sec-p{font-size:.97rem;color:var(--mid);max-width:540px;line-height:1.8}
html[dir="rtl"] .sec-p{font-size:1.02rem}
.fu{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.fu.vis{opacity:1;transform:none}

/* ══════════════════════════════════════════════════════
   RESULTS  (dark strip)
══════════════════════════════════════════════════════ */
.results-sec{background:var(--charcoal);color:var(--white);padding:88px 72px}
@media(max-width:900px){.results-sec{padding:64px 28px}}
@media(max-width:480px){.results-sec{padding:52px 20px}}
.results-sec .sec-label{color:var(--gold-lt)}
.results-sec .sec-label::before{background:var(--gold-lt)}
.results-sec .sec-h{color:var(--white)}
.results-sec .sec-p{color:rgba(255,255,255,.6)}
.results-hdr{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:48px}
@media(max-width:700px){.results-hdr{grid-template-columns:1fr}}
.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
@media(max-width:900px){.results-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.results-grid{grid-template-columns:1fr 1fr}}
.r-card{position:relative;overflow:hidden;aspect-ratio:3/4;background:#2a2520}
.r-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.r-card:hover img{transform:scale(1.07)}
.r-lbl{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(transparent,rgba(14,13,11,.85));
  padding:28px 14px 12px;
  font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-lt)
}
html[dir="rtl"] .r-lbl{text-align:right;letter-spacing:0;font-size:.8rem}
.results-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.r-pill{display:flex;align-items:center;gap:8px;font-size:.82rem;color:rgba(255,255,255,.65)}
.r-pill::before{content:'✦';color:var(--gold);font-size:.6rem}

/* ══════════════════════════════════════════════════════
   SERVICES
══════════════════════════════════════════════════════ */
.services-sec{background:var(--white)}
.svc-hdr{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:52px}
@media(max-width:700px){.svc-hdr{grid-template-columns:1fr;gap:16px}}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
@media(max-width:1000px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.svc-grid{grid-template-columns:1fr}}
.svc-card{
  background:var(--white);padding:32px 26px;
  transition:background .25s;position:relative;overflow:hidden;cursor:pointer
}
.svc-card::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .3s var(--ease)
}
html[dir="rtl"] .svc-card::after{transform-origin:right}
.svc-card:hover{background:var(--cream)}
.svc-card:hover::after{transform:scaleX(1)}
.svc-ico{width:40px;height:40px;color:var(--gold);margin-bottom:18px}
.svc-badge{
  font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold-dk);background:var(--gold-lt);padding:3px 9px;border-radius:20px;
  margin-bottom:10px;display:inline-block
}
html[dir="rtl"] .svc-badge{letter-spacing:0;font-size:.76rem}
.svc-name{font-family:var(--serif);font-size:1.2rem;font-weight:600;margin-bottom:8px}
html[dir="rtl"] .svc-name{font-family:var(--ar);font-size:1.15rem}
.svc-desc{font-size:.83rem;color:var(--mid);line-height:1.7;margin-bottom:18px}
html[dir="rtl"] .svc-desc{font-size:.88rem;line-height:1.8}
.svc-link{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dk);display:inline-flex;align-items:center;gap:5px}
html[dir="rtl"] .svc-link{letter-spacing:0;font-size:.82rem;flex-direction:row-reverse}
.svc-link::after{content:'→';transition:transform .2s}
html[dir="rtl"] .svc-link::after{content:'←'}
.svc-card:hover .svc-link::after{transform:translateX(4px)}
html[dir="rtl"] .svc-card:hover .svc-link::after{transform:translateX(-4px)}

/* ══════════════════════════════════════════════════════
   ABOUT / CONDITIONS  (2-col)
══════════════════════════════════════════════════════ */
.cond-sec{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
@media(max-width:800px){.cond-sec{grid-template-columns:1fr}}
.cond-list{list-style:none;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:480px){.cond-list{grid-template-columns:1fr}}
.cond-list li{padding:13px 0;border-bottom:1px solid var(--border);font-size:.88rem;color:var(--mid);display:flex;align-items:center;gap:9px}
.cond-list li::before{content:'✦';color:var(--gold);font-size:.55rem;flex-shrink:0}
.cond-img{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:4/5;background:#e0d5c5;max-height: 500px;width: 100%;}
.cond-img img{width:100%;height:100%;object-fit:cover}
.cond-badge{position:absolute;top:22px;right:22px;background:var(--gold);color:var(--deep);padding:10px 16px;font-size:.75rem;font-weight:700;text-align:center;border-radius:2px}
html[dir="rtl"] .cond-badge{right:auto;left:22px}

/* ══════════════════════════════════════════════════════
   SMILE QUIZ  →  "Skin Quiz" lead magnet
══════════════════════════════════════════════════════ */
.quiz-sec{background:var(--deep);padding:88px 72px;position:relative;overflow:hidden}
@media(max-width:900px){.quiz-sec{padding:64px 28px}}
@media(max-width:480px){.quiz-sec{padding:52px 20px}}
.quiz-sec::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 60% at 70% 50%,rgba(201,169,110,.07) 0%,transparent 70%);
  pointer-events:none
}
.quiz-inner{max-width:720px;margin:0 auto;position:relative;z-index:1;text-align:center}
.quiz-sec .sec-label{color:var(--gold-lt);justify-content:center}
.quiz-sec .sec-label::before{background:var(--gold-lt)}
html[dir="rtl"] .quiz-sec .sec-label{flex-direction:row-reverse}
.quiz-sec .sec-h{color:var(--white);text-align:center}
.quiz-sec .sec-p{color:rgba(255,255,255,.55);text-align:center;margin:0 auto 36px}

.qz-prog{display:flex;gap:8px;justify-content:center;margin-bottom:32px;align-items:center}
.qz-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15);border:none;transition:all .3s}
.qz-dot.done{background:var(--gold)}
.qz-dot.active{background:var(--gold-lt);width:24px;border-radius:4px}

.qz-card{background:rgba(255,255,255,.04);border:1px solid rgba(201,169,110,.2);border-radius:10px;padding:36px 32px;display:none;text-align:left}
html[dir="rtl"] .qz-card{text-align:right}
@media(max-width:480px){.qz-card{padding:24px 18px;border-radius:8px}}
.qz-card.active{display:block}
.qz-step{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
html[dir="rtl"] .qz-step{letter-spacing:0;font-size:.8rem}
.qz-q{font-family:var(--serif);font-size:1.65rem;color:var(--white);font-weight:400;margin-bottom:26px;line-height:1.25}
html[dir="rtl"] .qz-q{font-family:var(--ar);font-size:1.45rem;line-height:1.4}
.qz-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.qz-opts{grid-template-columns:1fr;gap:8px}}
.qz-opt{
  background:rgba(255,255,255,.05);border:1px solid rgba(201,169,110,.2);
  border-radius:8px;padding:16px 18px;cursor:pointer;text-align:left;
  transition:all .2s var(--ease);color:rgba(255,255,255,.78);
  font-size:.88rem;line-height:1.45;min-height:80px;
  display:flex;flex-direction:column;justify-content:center
}
html[dir="rtl"] .qz-opt{text-align:right}
@media(max-width:480px){.qz-opt{min-height:64px;padding:14px 15px;font-size:.85rem}}
.qz-opt:hover{background:rgba(201,169,110,.1);border-color:var(--gold);color:var(--white);transform:translateY(-2px)}
.qz-opt.sel{background:rgba(201,169,110,.18);border-color:var(--gold);color:var(--white)}
.qz-opt-ico{font-size:1.3rem;margin-bottom:6px;display:block}
@media(max-width:480px){.qz-opt-ico{font-size:1.1rem;margin-bottom:4px}}

.qz-result{display:none;text-align:center}
.qz-result.active{display:block}
.qz-res-ico{font-size:3rem;margin-bottom:10px}
.qz-res-lbl{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
html[dir="rtl"] .qz-res-lbl{letter-spacing:0}
.qz-res-title{font-family:var(--serif);font-size:1.9rem;color:var(--white);font-weight:400;margin-bottom:12px}
html[dir="rtl"] .qz-res-title{font-family:var(--ar);font-size:1.7rem}
.qz-res-desc{color:rgba(255,255,255,.6);font-size:.9rem;line-height:1.8;margin-bottom:28px;max-width:500px;margin-left:auto;margin-right:auto}
/* Result CTA — phone-first */
.qz-call-btn{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--gold);color:var(--deep);
  padding:15px 32px;font-size:.88rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:2px;
  transition:all .25s var(--ease);margin-bottom:12px;cursor:pointer
}
html[dir="rtl"] .qz-call-btn{letter-spacing:0;flex-direction:row-reverse}
.qz-call-btn:hover{background:var(--gold-dk);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 22px rgba(155,122,66,.4)}
.qz-restart{background:transparent;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.4);padding:9px 22px;border-radius:2px;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin-top:14px;transition:all .2s}
html[dir="rtl"] .qz-restart{letter-spacing:0}
.qz-restart:hover{color:var(--white);border-color:rgba(255,255,255,.45)}

/* ══════════════════════════════════════════════════════
   WHY CHOOSE US
══════════════════════════════════════════════════════ */
.why-sec{background:var(--deep);color:var(--white)}
.why-sec .sec-label{color:var(--gold-lt)}
.why-sec .sec-label::before{background:var(--gold-lt)}
.why-sec .sec-h{color:var(--white)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:52px;align-items:start}
@media(max-width:800px){.why-grid{grid-template-columns:1fr}}
.why-feats{display:grid;gap:26px}
.why-feat{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start}
/* why-feat RTL handled in LANGUAGE block above */
.why-n{font-family:var(--serif);font-size:2.3rem;font-weight:300;color:var(--gold);line-height:1}
.why-ft{font-family:var(--serif);font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:4px}
html[dir="rtl"] .why-ft{font-family:var(--ar)}
.why-fd{font-size:.86rem;color:rgba(255,255,255,.5);line-height:1.7}
html[dir="rtl"] .why-fd{font-size:.9rem;line-height:1.8}
.why-img{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:4/5;background:#2a2520; max-height: 300px; width: 100%;}
.why-img img{width:100%;height:100%;object-fit:cover}
.why-img-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,13,11,.7) 0%,transparent 60%)}
.why-img-cap{position:absolute;bottom:26px;left:26px;right:26px;color:var(--white)}
html[dir="rtl"] .why-img-cap{text-align:right}
.why-big{font-family:var(--serif);font-size:2.4rem;font-weight:300;color:var(--gold)}
.why-sml{font-size:.76rem;color:rgba(255,255,255,.65);letter-spacing:.1em;text-transform:uppercase}
html[dir="rtl"] .why-sml{letter-spacing:0}

/* ══════════════════════════════════════════════════════
   PHONE BANNER  —  full-width call-to-action strip
══════════════════════════════════════════════════════ */
.phone-banner{
  background:var(--gold);padding:52px 72px;
  display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap
}
@media(max-width:900px){.phone-banner{padding:40px 28px;flex-direction:column;text-align:center;gap:20px}}
.phone-banner-text{}
.phone-banner-headline{
  font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.6rem);
  font-weight:300;color:var(--deep);line-height:1.1;margin-bottom:6px
}
html[dir="rtl"] .phone-banner-headline{font-family:var(--ar);font-size:clamp(1.4rem,3vw,2.2rem)}
.phone-banner-sub{font-size:.9rem;color:rgba(14,13,11,.65)}
html[dir="rtl"] .phone-banner-sub{font-size:.95rem}
.phone-banner-ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
@media(max-width:900px){.phone-banner-ctas{justify-content:center}}
.btn-call-big{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--deep);color:var(--white);
  padding:17px 36px;font-size:1rem;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:2px;
  transition:all .25s var(--ease)
}
html[dir="rtl"] .btn-call-big{letter-spacing:0;font-size:1.05rem;flex-direction:row-reverse}
.btn-call-big:hover{background:var(--charcoal);transform:translateY(-2px);box-shadow:0 8px 24px rgba(14,13,11,.25)}
.btn-call-big-ico{font-size:1.1rem}
.btn-outline-dk{
  display:inline-block;background:transparent;color:var(--deep);
  padding:17px 32px;font-size:.88rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;
  border:1.5px solid rgba(14,13,11,.35);border-radius:2px;
  transition:all .25s var(--ease)
}
html[dir="rtl"] .btn-outline-dk{letter-spacing:0;font-size:.93rem}
.btn-outline-dk:hover{background:rgba(14,13,11,.08);border-color:var(--deep)}

/* ══════════════════════════════════════════════════════
   PAYMENT
══════════════════════════════════════════════════════ */
.pay-sec{background:var(--cream);text-align:center}
.pay-sec .sec-label{justify-content:center}
.pay-sec .sec-label::before{display:none}
.pay-partners{display:flex;justify-content:center;align-items:center;gap:36px;margin-top:36px;flex-wrap:wrap}
.pay-pill{
  background:var(--white);border:1px solid var(--border);border-radius:60px;
  padding:14px 38px;font-family:var(--serif);font-size:1.35rem;font-weight:600;
  color:var(--deep);box-shadow:0 2px 12px rgba(0,0,0,.06)
}
.pay-note{font-size:.78rem;color:var(--muted);margin-top:14px}

/* ══════════════════════════════════════════════════════
   CONTACT  (info + map)
══════════════════════════════════════════════════════ */
.contact-sec{background:var(--white);display:grid;grid-template-columns:1fr 1.4fr;min-height:520px}
@media(max-width:800px){.contact-sec{grid-template-columns:1fr}}
.contact-info{background:var(--deep);padding:72px 56px;color:var(--white);display:flex;flex-direction:column;justify-content:center}
@media(max-width:900px){.contact-info{padding:52px 28px}}
.contact-info .sec-label{color:var(--gold-lt)}
.contact-info .sec-label::before{background:var(--gold-lt)}
.contact-info .sec-h{color:var(--white);margin-bottom:12px}
.contact-info .sec-p{color:rgba(255,255,255,.55);margin-bottom:28px}
/* Primary call CTA inside contact panel */
.contact-call-btn{
  display:flex;align-items:center;gap:12px;
  background:var(--gold);color:var(--deep);
  padding:16px 24px;border-radius:2px;margin-bottom:24px;
  transition:background .2s
}
html[dir="rtl"] .contact-call-btn{}
.contact-call-btn:hover{background:var(--gold-dk);color:var(--white)}
.contact-call-num{font-size:1.25rem;font-weight:700;letter-spacing:.02em}
html[dir="rtl"] .contact-call-num{direction:ltr;unicode-bidi:embed;display:block;text-align:left}
.contact-call-sub{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;opacity:.75}
html[dir="rtl"] .contact-call-sub{letter-spacing:0}
.contact-call-ico-wrap{font-size:1.4rem;flex-shrink:0}

.ci-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}
html[dir="rtl"] .ci-row{text-align:right}
.ci-ico{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:rgba(201,169,110,.15);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem}
.ci-lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:2px}
html[dir="rtl"] .ci-lbl{letter-spacing:0;font-size:.78rem}
.ci-val{font-size:.92rem;color:var(--white)}
.ci-socials{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
html[dir="rtl"] .ci-socials{}
.ci-social{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--white);padding:9px 16px;border-radius:2px;font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;transition:background .2s}
html[dir="rtl"] .ci-social{letter-spacing:0;font-size:.82rem}
.ci-social:hover{background:var(--gold);color:var(--deep);border-color:var(--gold)}
.map-wrap{position:relative;overflow:hidden;background:#e0ddd8}
.map-wrap iframe{width:100%;height:100%;border:0;display:block;min-height:400px}
@media(max-width:800px){.map-wrap{min-height:320px}}

/* ══════════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════════ */
footer{background:var(--charcoal);color:rgba(255,255,255,.45);padding:44px 72px 28px;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
@media(max-width:700px){footer{grid-template-columns:1fr;padding:36px 24px 24px}}
html[dir="rtl"] footer{direction:rtl}
.ft-logo{font-family:var(--serif);font-size:1.35rem;color:var(--white);font-weight:300;margin-bottom:6px}
.ft-logo img{max-width: 15%;}
.ft-logo span{color:var(--gold)}
.ft-copy{font-size:.75rem;line-height:1.7}
.ft-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){.ft-links{justify-content:flex-start}}
html[dir="rtl"] .ft-links{justify-content:flex-start}
.ft-links a{font-size:.75rem;color:rgba(255,255,255,.4);letter-spacing:.04em;transition:color .2s}
.ft-links a:hover{color:var(--gold)}

/* ══════════════════════════════════════════════════════
   FLOATING PHONE BUTTON  (replaces WhatsApp)
══════════════════════════════════════════════════════ */
.float-call{
  position:fixed;bottom:24px;right:24px;z-index:9999;
  display:flex;align-items:center;gap:10px;
  background:var(--gold);color:var(--deep);
  padding:14px 22px;border-radius:50px;
  font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  box-shadow:0 4px 20px rgba(201,169,110,.45);
  transition:all .25s var(--ease)
}
html[dir="rtl"] .float-call{right:auto;left:24px;flex-direction:row-reverse;letter-spacing:0}
.float-call:hover{background:var(--gold-dk);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 28px rgba(155,122,66,.5)}
.float-call-ico{font-size:1.05rem}
/* collapse to icon-only on narrow screens */
@media(max-width:480px){
  .float-call{padding:15px;border-radius:50%;width:52px;height:52px;justify-content:center}
  .float-call-txt{display:none}
}

/* ══════════════════════════════════════════════════════
   HERO RESPONSIVE
══════════════════════════════════════════════════════ */
@media(max-width:900px){
  nav{padding:0 20px}
  .nav-links{display:none}
  .nav-phone{display:none}
  .hamburger{display:flex}
  .hero{height:calc(100svh - var(--nav-h));min-height:480px;max-height:none}
  .c-content{padding:0 28px 56px}
  html[dir="rtl"] .c-content{padding:0 28px 56px}
  .c-title{font-size:clamp(2.1rem,7vw,3rem)}
  html[dir="rtl"] .c-title{font-size:clamp(1.7rem,6vw,2.5rem)}
  .c-desc{font-size:.92rem;margin-bottom:24px}
  .c-stats{padding-top:20px}
  .c-stat{padding:0 20px 0 0}
  html[dir="rtl"] .c-stat{padding:0 0 0 20px}
  .c-stat+.c-stat{padding-left:20px}
  html[dir="rtl"] .c-stat+.c-stat{padding-right:20px;padding-left:0}
  .c-stat-num{font-size:1.5rem}
  .c-stat-lbl{font-size:.65rem}
  .c-pill{display:none}
  .c-arrow{width:40px;height:40px;font-size:1.1rem}
  .c-arrow.prev{left:12px}
  .c-arrow.next{right:12px}
}
@media(max-width:480px){
  .c-content{padding:0 20px 44px}
  html[dir="rtl"] .c-content{padding:0 20px 44px}
  .c-tag{font-size:.63rem;margin-bottom:12px}
  .c-title{font-size:clamp(1.85rem,8.5vw,2.5rem);margin-bottom:12px}
  html[dir="rtl"] .c-title{font-size:clamp(1.5rem,7vw,2rem)}
  .c-desc{font-size:.85rem;margin-bottom:18px;max-width:none}
  .c-actions{flex-direction:column;gap:9px;margin-bottom:24px}
  .c-actions .btn-call,.c-actions .btn-s{width:100%;text-align:center;padding:13px 20px;justify-content:center}
  .c-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:16px}
  .c-stat{padding:0 10px 0 0;border-left:none!important;border-right:none!important}
  .c-stat+.c-stat{border:none;padding-left:10px}
  html[dir="rtl"] .c-stat+.c-stat{padding-right:10px;padding-left:0;border:none}
  .c-stat-num{font-size:1.3rem}
  .c-stat-lbl{font-size:.6rem}
  .c-arrow{display:none}
}