/* Final public header: keep typography in one clearly identified block. */
.heroExact .heroText h1,
.heroExact .heroText h1 span,
.heroExact .heroText h1 em {
  font-family: 'Yekan Bakh FaNum', Tahoma, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  font-synthesis: none;
}
@media (min-width: 1101px) {
  .mainHeader nav > a,
  .mainHeader nav > .navDropdown > .navDropLink { font-size: 16px !important; font-weight: 600 !important; }
  /* Keep the original foreground image and headlight mask fixed in place.
     The city-only left edge uses the same source behind a soft overlap. */
  .heroExact.hasCustomHero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: var(--hero-panel-image) center center / cover no-repeat;
    --city-edge: max(0px, calc(50vw - 1.5 * clamp(380px, 25vw, 480px)));
    mask-image: linear-gradient(to right, #000 0, #000 var(--city-edge), transparent calc(var(--city-edge) + 55px));
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 var(--city-edge), transparent calc(var(--city-edge) + 55px));
  }
}
@media (min-width: 1500px) {
  .mainHeader nav > a,
  .mainHeader nav > .navDropdown > .navDropLink { font-size: 17px !important; }
}
@media (min-width: 801px) and (max-width: 1100px) {
  .mainHeader nav > a,
  .mainHeader nav > .navDropdown > .navDropLink { font-size: 15px !important; font-weight: 600 !important; }
}

/* Intermediate desktop/tablet widths: reserve room for the larger menu.
   Wide desktop and the approved mobile header remain unchanged. */
@media (min-width: 801px) and (max-width: 1499px) {
  .mainHeader .headerIn { gap: 14px !important; }
  .mainHeader nav { gap: 9px !important; min-width: 0; }
  .mainHeader .headerSearch {
    width: clamp(130px, calc(130px + (100vw - 1024px) * .35), 260px) !important;
    flex: 0 0 clamp(130px, calc(130px + (100vw - 1024px) * .35), 260px) !important;
    min-width: 0 !important;
  }
  .mainHeader .brand.hasUploadedLogo { transform: none !important; right: auto !important; left: auto !important; margin-inline: 0 !important; }
}

/* Direct and dropdown headings share metrics; submenu text stays unchanged. */
@media (min-width: 801px) {
  .mainHeader nav > a,
  .mainHeader nav > .navDropdown > .navDropLink {
    font-family: 'Yekan Bakh FaNum', Tahoma, Arial, sans-serif !important;
    line-height: 1.7 !important;
    font-weight: 600 !important;
  }
}