/* PAR MOBILE MENU , THE DOORWAY. Chosen 2026-08-23 (Tariq) out of three
   directions; A (drawer) and C (check-in) are dropped and their rules are not
   shipped. The .m-b class is still what the rules hang off, so the cascade is
   byte-for-byte the one that was measured in the comparison, and menu.js now
   sets it unconditionally instead of reading ?menu=.
   Untouched on purpose: the 44px+ tap rows, the trust line, and the close
   mechanics (44px target, Esc, scrim tap, scroll lock, reduced-motion). */

/* ---- SHARED ------------------------------------------------------------ */
/* The 01-05 counters go. A number must mean a sequence, and Services / How it
   works / Service areas / For landlords / FAQ is not one. 01-03 are anchors on
   this page and 04 is a different page, so it is half a sequence, which reads
   worse than none. Same cut we made on the service rows. */
.m-b .mlinks a .n,
.m-b .mlinks a::before{display:none!important;content:none!important}

/* Where you are. Page-level only: a scrollspy inside a closed menu is
   machinery nobody sees. The 2px accent rule is already PAR's grammar. */
.mlinks a[aria-current=page]{position:relative}
.mlinks a[aria-current=page]::after{content:"";position:absolute;
  left:-14px;top:50%;transform:translateY(-50%);
  width:2px;height:1.1em;background:var(--orange);border-radius:1px}

/* The panel matched the page grid at 26px while .wrap uses 20px. */
.m-b .panel{padding-left:20px;padding-right:20px}

/* ---- THE DOORWAY ------------------------------------------------------- */
/* Keeps the full takeover and the Fraunces scale, and makes the size earn
   itself: the void becomes the shop stating its own facts. */
.mfacts{display:flex;flex-direction:column;gap:var(--sp-12)}
.mfacts div{font-size:var(--fs-body);line-height:1.45;color:var(--muted)}
.mfacts b{color:var(--text-strong);font-weight:600}
.mfacts .k{display:block;font-size:var(--fs-cap);letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted-2);margin-bottom:2px}

.m-b .mword{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:19px;
  color:var(--text-strong);letter-spacing:-.02em}
.m-b .mword .mk{color:var(--orange-2)}
.m-b .mfacts{margin-top:auto;padding-top:var(--sp-32);
  border-top:1px solid var(--line);margin-bottom:var(--sp-24)}
.m-b .mact{margin-top:0}
@media(min-width:600px){
  /* the action block ran 716px wide at 768. The component had two tiers where
     the site has four. */
  .m-b .mlinks,.m-b .mfacts,.m-b .mact{max-width:420px}
}

/* ---- SPACING CORRECTIONS, measured ------------------------------------ */
/* Measured scrollHeight 900 against a client height of 844, so the trust line
   and the buttons fell past the fold. The takeover now carries more than it
   did, which is the point of it, so it scrolls, and the facts tighten. */
.m-b .panel{overflow-y:auto;overscroll-behavior:contain}
.m-b .mfacts{gap:var(--sp-8);padding-top:var(--sp-24);margin-bottom:var(--sp-16)}
.m-b .mfacts div{font-size:15px;line-height:1.4}
.m-b .mlinks{margin-top:var(--sp-16)}
.m-b .mlinks a{padding:11px 0}