/* ===== Header — transparent over hero at top, solid white on scroll (.is-scrolled) ===== */
.hdr{
  position:sticky;inset-block-start:0;z-index:50;
  background:transparent;padding-block:14px;box-shadow:none;
  transition:background .25s ease, box-shadow .25s ease;
}
.hdr.is-scrolled{
  background:#fff;
  box-shadow:0 1px 0 var(--line),0 6px 18px rgba(0,0,0,.06);
}
.hdr__inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:clamp(16px,2vw,30px);
}
.hdr__logo img{height:clamp(40px,2.5vw,47px);width:auto}

.hdr__nav{display:flex;align-items:center;gap:clamp(14px,1.6vw,26px)}
.hdr__nav a{
  color:#fff;font-size:clamp(16px,1.08vw,20px);font-weight:600;white-space:nowrap;
  padding-block:6px;position:relative;transition:color .25s ease;
}
.hdr.is-scrolled .hdr__nav a{color:#141414}
.hdr__nav a::after{
  content:"";position:absolute;inset-block-end:0;inset-inline:0;
  height:2px;background:var(--gold);transform:scaleX(0);
  transform-origin:center;transition:transform .2s ease;
}
.hdr__nav a:hover::after{transform:scaleX(1)}

/* RTL: icon on the RIGHT of the text → row-reverse. */
.hdr__phone{display:flex;flex-direction:row-reverse;align-items:center;gap:12px}
.hdr__phone-text{display:flex;flex-direction:column;line-height:1.05;text-align:right}
.hdr__phone-label{color:#fff;font-size:clamp(15px,1vw,18px);font-weight:700;transition:color .25s ease}
.hdr__phone-num{color:var(--gold-light);font-size:clamp(21px,1.4vw,26px);font-weight:700;font-family:var(--ff-num);letter-spacing:.3px;transition:color .25s ease}
.hdr__phone-ico{
  width:46px;height:46px;flex:0 0 46px;border-radius:50%;
  background:transparent;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;
  transition:background .25s ease, border-color .25s ease;
}
.hdr__phone-ico svg{width:18px;height:18px}
/* solid-header state: black text + navy icon circle */
.hdr.is-scrolled .hdr__phone-label,
.hdr.is-scrolled .hdr__phone-num{color:#141414}
.hdr.is-scrolled .hdr__phone-ico{background:var(--navy);border-color:var(--navy)}

.hdr__cta{height:48px}
.hdr__cta .btn-gold__label{font-size:19px;font-weight:700;padding:0 20px}
.hdr__cta .btn-gold__ico{width:48px;flex-basis:48px}

.hdr__burger{display:none;flex-direction:column;gap:5px;padding:8px 4px}
.hdr__burger span{display:block;width:28px;height:2px;background:#fff;border-radius:2px;transition:background .25s ease}
.hdr.is-scrolled .hdr__burger span{background:#141414}

/* ---- mobile ---- */
@media (max-width:1200px){
  .hdr{padding-block:12px}
  .hdr__inner{justify-content:space-between;direction:ltr}
  .hdr__logo img{height:38px}
  .hdr__nav,.hdr__phone,.hdr__cta{display:none}
  .hdr__burger{display:flex}
}

/* ---- mobile drawer ---- */
.mnav{
  position:fixed;inset:0;z-index:60;background:var(--navy);
  display:none;flex-direction:column;padding:24px;gap:6px;
  opacity:0;transition:opacity .25s ease;
}
.mnav.is-open{display:flex;opacity:1}
.mnav__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.mnav__top img{height:38px}
.mnav__close{color:#fff;font-size:34px;line-height:1;padding:4px 10px}
.mnav a{color:#fff;font-size:22px;font-weight:600;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.mnav__cta{margin-top:18px}
.mnav__phone{margin-top:16px;color:var(--gold-light);font-size:24px;font-weight:700;font-family:var(--ff-num)}