/* Public navigation and property landing mega menu */
@media (min-width: 901px) {
  .ar-header { background: #fff !important; border-bottom: 1px solid #e9e5df !important; box-shadow: 0 3px 18px rgba(18, 24, 27, .045) !important; color: #1b1b1b !important; }
  .ar-header__inner { max-width: 1280px; gap: 20px; }
  .ar-header .ar-brand strong, .ar-header .ar-nav a { color: #212121 !important; }
  .ar-header .ar-brand small { color: #777 !important; }
  .ar-header .ar-nav a:hover, .ar-header .ar-nav a.is-active { color: #a9711e !important; }
  .ar-header .ar-nav { gap: clamp(14px, 2vw, 30px); }
  .ar-header .ar-header__phone { min-height: 43px; padding: 7px 13px; gap: 9px; border-radius: 8px; background: #be831f; color: #fff; box-shadow: 0 3px 9px rgba(141, 91, 14, .14); font-size: 11px; }
  .ar-header .ar-header__phone:hover, .ar-header .ar-header__phone i { color: #fff; }
  .ar-header .ar-header__phone-copy strong { font-size: 11px; }
  .ar-header .ar-header__phone-copy small { color: #fff5dc; font-size: 9px; }
  .ar-header__search { order: 5; flex: 0 0 42px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 8px; background: #15191c; color: #fff !important; font-size: 17px; }
  .ar-header__search:hover { background: #343a3d; color: #fff !important; }
  .ar-property-mega { width: min(1160px, calc(100vw - 42px)); padding: 15px; border-radius: 0 0 15px 15px; }
  .ar-property-mega__grid { display: flex; align-items: stretch; direction: ltr; }
  .ar-property-mega__promo { width: 225px; flex: 0 0 225px; min-height: 315px; margin-left: 10px; }
  .ar-property-mega__group { display: flex; flex: 1 1 0; flex-direction: column; padding: 7px 13px; border-right: 1px solid #eee9e1; }
  .ar-property-mega__group--other { order: 1; }
  .ar-property-mega__group--area { order: 2; }
  .ar-property-mega__group--land { order: 3; }
  .ar-property-mega__group--villa { order: 4; }
  .ar-property-mega__group header { padding-bottom: 13px; margin-bottom: 8px; border-bottom: 1px solid #f1ede6; }
  .ar-property-mega__group > div { flex: 1; }
  .ar-property-mega__group header i { width: 26px; text-align: center; font-size: 22px; }
  .ar-property-mega__group h3 { font-size: 14px; }
  .ar-property-mega__group > div > a { min-height: 30px; font-size: 11px !important; }
  .ar-property-mega__all { font-size: 10px !important; }
}
.ar-header .ar-nav .ar-property-mega__all,
.ar-header .ar-nav .ar-property-mega__promo-copy a,
.ar-header .ar-nav a.ar-property-mega__all:hover,
.ar-header .ar-nav .ar-property-mega__promo-copy a:hover { color: #fff !important; }
.ar-header .ar-nav a.ar-property-mega__all { width: 100% !important; padding: 9px 11px !important; }
.ar-header .ar-nav .ar-property-mega__promo-copy a { width: 100% !important; padding: 10px 12px !important; }
@media (max-width: 1100px) and (min-width: 901px) {
  .ar-header .ar-header__phone-copy { display: none; }
  .ar-header .ar-header__phone { width: 44px; padding: 0; }
  .ar-header .ar-header__phone i { font-size: 17px; }
  .ar-property-mega__promo { width: 180px; flex-basis: 180px; }
  .ar-property-mega__group { padding-inline: 8px; }
}
@media (max-width: 900px) {
  .ar-header { background: #fff !important; border-bottom: 1px solid #e9e5df !important; box-shadow: 0 2px 14px rgba(18, 24, 27, .06) !important; }
  .ar-header .ar-brand strong { color: #161616 !important; }
  .ar-header .ar-header__phone, .ar-header .ar-header__phone-copy strong { color: #9b681e !important; }
  .ar-header .ar-mobile-toggle { color: #a47423 !important; background: #fff !important; border-color: #dcc69b !important; }
  .ar-header__search { display: none; }
  .ar-header .ar-nav { background: #fff !important; border-color: #e9e5df !important; box-shadow: 0 16px 36px rgba(0, 0, 0, .13) !important; }
  .ar-header .ar-nav a { color: #222 !important; }
  .ar-header .ar-nav a:hover, .ar-header .ar-nav a.is-active { color: #a9711e !important; background: #fcf8f0; }
  .ar-header .ar-nav .ar-nav__mobile-login,
  .ar-header .ar-nav .ar-nav__mobile-register { color: #fff !important; }
  .ar-property-mega { background: #fcfaf6; border-color: #e9e1d4; }
  .ar-property-mega__group { border-color: #eee5d7; }
  .ar-property-mega__group h3 { color: #242424; }
  .ar-property-mega__group > div > a { color: #454545 !important; }
}
