/* ============================================================
   Rafue mega-menu — opens under the "Real Estate" nav item.
   Self-contained: attach to any page that has the .rhead header.
   ============================================================ */
.mm{
  position:absolute; left:0; right:0; z-index:60;
  background:#fff; color:#15120e;
  border-top:1px solid rgba(0,0,0,.06);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.55);
  opacity:0; visibility:hidden; transform:translateY(-10px);
  transition:opacity .28s ease, transform .28s ease, visibility .28s;
}
.mm.open{opacity:1; visibility:visible; transform:none}
.mm-inner{display:grid; grid-template-columns:260px 1fr; min-height:430px}
/* left rail */
.mm-rail{border-right:1px solid #ece9e3; padding:26px 0; background:#fbfaf8}
.mm-region{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  width:100%; padding:13px 30px; cursor:pointer; background:none; border:0;
  font-family:inherit; font-size:15px; color:#46413a; text-align:left;
  border-left:2px solid transparent; transition:.2s;
}
.mm-region span{font-size:12px; color:#a59f93; letter-spacing:.02em}
.mm-region:hover{color:#15120e; background:#f4f1ea}
.mm-region.active{color:#15120e; border-left-color:#bf9b62; background:#fff; font-weight:500}
.mm-region.active span{color:#bf9b62}
/* content */
.mm-content{padding:30px 40px 36px}
.mm-head{display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:24px}
.mm-head::before{content:""; position:absolute}
.mm-title{font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:#977843; padding-top:6px; border-top:2px solid #bf9b62; display:inline-block}
.mm-viewall{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#15120e; display:inline-flex; align-items:center; gap:8px; transition:.2s}
.mm-viewall:hover{color:#977843}
.mm-cols{display:grid; grid-template-columns:repeat(3,1fr); gap:30px 40px}
.mm-col h5{font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#a59f93; margin-bottom:16px; font-weight:600}
.mm-col ul{list-style:none; margin:0; padding:0}
.mm-col li{margin-bottom:11px}
.mm-col a{display:flex; align-items:center; justify-content:space-between; gap:14px; font-size:14px; color:#34302a; transition:.18s}
.mm-col a:hover{color:#bf9b62}
.mm-col a span{font-size:12px; color:#b3ada1}
@media(max-width:1100px){ .mm{display:none} }