/* ============================================================
   PropVerse.ai — Logo-Derived LIGHT Design System  (v2.1)
   Palette sourced from PropVerse_Logo.png:
     Purple (.ai)  #7E22CE   ·  Navy (wordmark) #0D1B3E
     Globe: gold #E8920A · red #DC2626 · green #16A34A · violet #7C3AED
   Light canvas · emerald-green primary · navy ink · gold/globe accents · Plus Jakarta Sans
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* — Canvas — */
  --bg:        #F6F4FB;   /* light, faint violet-cool */
  --bg-2:      #EFEBF7;
  --card:      #FFFFFF;
  --card-soft: #FBFAFE;
  --surface:   #FFFFFF;

  /* — Brand: logo globe green (positive / real-estate) — */
  --brand:     #16A34A;
  --brand-2:   #1FB45C;
  --brand-deep:#0F7E3B;
  --brand-soft:#E4F6EC;

  /* — Logo navy (ink / dark chrome) — */
  --navy:  #0D1B3E;
  --navy-2:#16234A;

  /* — Globe accents — */
  --gold:    #E8920A;  --gold-soft:#FBEFD9;
  --red:     #DC2626;  --red-soft:#FBE7E7;
  --green:   #16A34A;  --green-soft:#E3F6EB;
  --violet:  #7C3AED;  --violet-soft:#F1EBFE;

  /* — Semantic aliases — */
  --emerald: #16A34A;
  --plum:    #7C3AED;
  --rust:    #DC2626;
  --sky:     #5B3FD6;   /* info → violet-blue (logo family) */
  --sky-soft:#ECEAFB;

  /* — Text — */
  --ink:   #0D1B3E;
  --text:  #14213F;
  --body:  #46506B;
  --muted: #7A8197;
  --faint: #AAB0C2;

  /* — Lines / shadow — */
  --line:    #E8E5F1;
  --line-2:  #F1EFF7;
  --gold-line: rgba(232,146,10,0.32);
  --shadow:    0 1px 2px rgba(13,27,62,0.04), 0 12px 30px rgba(13,27,62,0.07);
  --shadow-lg: 0 4px 8px rgba(13,27,62,0.05), 0 26px 60px rgba(13,27,62,0.13);
  --radius:  16px; --radius-sm:10px; --radius-lg:24px;

  --sans:  'Plus Jakarta Sans','Inter',system-ui,-apple-system,sans-serif;
  --serif: 'Plus Jakarta Sans',system-ui,sans-serif;
  --mono:  'Inter',ui-monospace,monospace;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family:var(--sans); background:var(--bg); color:var(--text);
  line-height:1.6; -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(900px 420px at 88% -8%, rgba(22,163,74,0.06), transparent 60%),
    radial-gradient(800px 500px at -6% 0%, rgba(232,146,10,0.05), transparent 55%);
}

.display { font-family:var(--sans); font-weight:800; letter-spacing:-0.02em; line-height:1.08; }
.serif   { font-family:var(--sans); font-weight:800; }
.mono    { font-family:var(--mono); font-variant-numeric:tabular-nums; }
h1,h2,h3 { font-family:var(--sans); font-weight:800; color:var(--text); letter-spacing:-0.015em; }
.eyebrow { font-size:11px; font-weight:700; letter-spacing:2.2px; text-transform:uppercase; color:var(--brand); }
a { color:inherit; }

/* ── LOGO IMAGE ── */
.logo-img { height:60px; width:auto; display:block; }
.nav-logo .logo-img { height:100px; }

/* ── NAVBAR ── */
.navbar { background:rgba(246,244,251,0.85); backdrop-filter:blur(14px) saturate(140%); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:100; }
.nav-inner { max-width:1280px; margin:0 auto; padding:0 32px; height:70px; display:flex; align-items:center; gap:26px; }
.nav-logo { display:flex; align-items:center; gap:11px; text-decoration:none; flex-shrink:0; }
.logo-mark { width:38px; height:38px; background:linear-gradient(150deg,var(--brand),var(--violet)); border-radius:10px; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; color:#fff; box-shadow:0 4px 12px rgba(22,163,74,0.3); }
.logo-text { font-size:16px; font-weight:800; color:var(--text); line-height:1.1; }
.logo-sub { font-size:10px; color:var(--muted); }
.nav-links { display:flex; align-items:center; gap:2px; }
.nav-links a { padding:8px 13px; font-size:13.5px; font-weight:600; color:var(--body); text-decoration:none; border-radius:8px; transition:all 0.15s; position:relative; }
.nav-links a:hover { color:var(--brand); background:var(--brand-soft); }
.nav-links a.active { color:var(--brand); }
.nav-links a.active::after { content:""; position:absolute; left:13px; right:13px; bottom:1px; height:2px; background:var(--brand); border-radius:2px; }
.nav-search { flex:1; max-width:340px; position:relative; }
.nav-search input[type=text] { width:100%; padding:9px 14px 9px 40px; border:1px solid var(--line); border-radius:10px; font-size:13px; font-family:inherit; background:#fff; color:var(--text); }
.nav-search input[type=text]:focus { outline:none; border-color:var(--brand); }
.nav-search-icon { position:absolute; left:13px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--muted); pointer-events:none; }
.nav-actions { display:flex; align-items:center; gap:8px; margin-left:auto; flex-shrink:0; }
.nav-icon-btn { width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid var(--line); font-size:15px; cursor:pointer; position:relative; text-decoration:none; transition:all 0.15s; color:var(--body); }
.nav-icon-btn:hover { border-color:var(--brand); color:var(--brand); }
.notif-dot { position:absolute; top:7px; right:7px; width:7px; height:7px; border-radius:50%; background:var(--red); border:2px solid var(--bg); }

/* ── BUTTONS ── */
.btn { display:inline-flex; align-items:center; gap:7px; padding:10px 18px; border-radius:10px; font-size:13.5px; font-weight:700; cursor:pointer; border:1px solid transparent; text-decoration:none; transition:transform 0.12s, box-shadow 0.15s, background 0.15s; white-space:nowrap; font-family:inherit; }
.btn:active { transform:translateY(1px); }
.btn-primary { background:linear-gradient(150deg,var(--brand-2),var(--brand)); color:#fff; box-shadow:0 6px 18px rgba(22,163,74,0.28); }
.btn-primary:hover { box-shadow:0 10px 26px rgba(22,163,74,0.38); }
.btn-gold { background:linear-gradient(150deg,#F2A938,var(--gold)); color:#3a2403; box-shadow:0 6px 18px rgba(232,146,10,0.3); }
.btn-gold:hover { box-shadow:0 10px 26px rgba(232,146,10,0.4); }
.btn-emerald { background:var(--green); color:#fff; }
.btn-navy { background:var(--navy); color:#fff; }
.btn-ghost { background:transparent; color:var(--body); border:1px solid var(--line); }
.btn-ghost:hover { border-color:var(--brand); color:var(--brand); }
.btn-outline { background:#fff; color:var(--brand); border:1.5px solid var(--brand); }
.btn-outline:hover { background:var(--brand); color:#fff; }
.btn-outline-gold { background:transparent; color:#a9690a; border:1.5px solid var(--gold-line); }
.btn-outline-gold:hover { background:var(--gold-soft); }
.btn-sm { padding:7px 14px; font-size:12.5px; }
.btn-lg { padding:14px 30px; font-size:15px; }
.btn-block { width:100%; justify-content:center; }

/* ── LAYOUT ── */
.container { max-width:1280px; margin:0 auto; padding:0 32px; }
.container-narrow { max-width:920px; margin:0 auto; padding:0 32px; }
.page-section { padding:72px 0; }
.page-section-sm { padding:44px 0; }
.band { background:var(--bg-2); border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2); }

/* ── SECTION HEADINGS ── */
.section-heading { display:flex; align-items:center; gap:14px; margin-bottom:30px; }
.section-heading h2 { font-size:30px; }
.section-heading .sh-sub { font-size:13.5px; color:var(--muted); }
.kicker { display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--brand); margin-bottom:14px; }
.kicker::before { content:""; width:22px; height:1.5px; background:var(--brand); display:inline-block; }

/* ── PROPERTY CARD ── */
.prop-card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:box-shadow 0.25s, transform 0.25s, border-color 0.25s; cursor:pointer; }
.prop-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-3px); border-color:rgba(22,163,74,0.3); }
.prop-img { height:200px; position:relative; overflow:hidden; background:linear-gradient(135deg,#ece7f5,#ddd5ea); }
.prop-img img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s; }
.prop-card:hover .prop-img img { transform:scale(1.05); }
.prop-img-cover-tag { position:absolute; top:12px; left:12px; }
.prop-img-badges { position:absolute; top:12px; right:12px; display:flex; flex-direction:column; gap:5px; align-items:flex-end; }
.prop-body { padding:16px 18px; }
.prop-price { font-family:var(--sans); font-size:22px; font-weight:800; color:var(--brand); margin-bottom:3px; letter-spacing:-0.01em; }
.prop-name { font-size:14px; font-weight:700; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.prop-loc { font-size:12.5px; color:var(--muted); margin-bottom:10px; }
.prop-specs { display:flex; gap:12px; font-size:11.5px; color:var(--body); flex-wrap:wrap; }
.prop-spec { display:flex; align-items:center; gap:4px; }
.prop-badges { display:flex; gap:6px; margin-top:12px; flex-wrap:wrap; }
.prop-footer { padding:12px 18px; border-top:1px solid var(--line-2); display:flex; justify-content:space-between; align-items:center; background:var(--card-soft); }

/* ── TAGS ── */
.tag { display:inline-flex; align-items:center; gap:4px; font-size:10px; font-weight:700; padding:4px 10px; border-radius:999px; letter-spacing:0.7px; text-transform:uppercase; white-space:nowrap; }
.tag-ink    { background:rgba(13,27,62,0.07);  color:var(--navy);    border:1px solid rgba(13,27,62,0.16); }
.tag-navy   { background:rgba(13,27,62,0.07);  color:var(--navy);    border:1px solid rgba(13,27,62,0.16); }
.tag-gold   { background:var(--gold-soft);      color:#a9690a;        border:1px solid var(--gold-line); }
.tag-green  { background:var(--green-soft);     color:#0c8f43;        border:1px solid rgba(22,163,74,0.26); }
.tag-blue   { background:rgba(13,27,62,0.06);   color:var(--navy);    border:1px solid rgba(13,27,62,0.18); }
.tag-red    { background:var(--red-soft);       color:var(--red);     border:1px solid rgba(220,38,38,0.24); }
.tag-purple { background:var(--violet-soft);    color:var(--violet);  border:1px solid rgba(124,58,237,0.24); }
.tag-gray   { background:rgba(13,27,62,0.05);   color:var(--muted);   border:1px solid var(--line); }
.tag-emerald{ background:var(--green-soft);     color:#0c8f43;        border:1px solid rgba(22,163,74,0.26); }

/* ── CARDS ── */
.card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow); }
.card-flat { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:24px; }
.card-glass { background:rgba(255,255,255,0.6); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,0.7); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow); }
.card-ink { background:linear-gradient(160deg,var(--navy-2),var(--navy)); color:#fff; border-radius:var(--radius); padding:24px; border:1px solid rgba(255,255,255,0.08); }
.card-ink h1,.card-ink h2,.card-ink h3 { color:#fff; }
.card-brand { background:linear-gradient(160deg,#fff,var(--brand-soft)); border:1px solid rgba(22,163,74,0.2); border-radius:var(--radius); padding:24px; }
.card-gold  { border:1px solid var(--gold-line); background:var(--gold-soft); border-radius:var(--radius); padding:24px; }
.card-green { border:1px solid rgba(22,163,74,0.26); background:var(--green-soft); border-radius:var(--radius); padding:24px; }
.card-blue  { border:1px solid rgba(124,58,237,0.24); background:var(--violet-soft); border-radius:var(--radius); padding:24px; }
.card-purple{ border:1px solid rgba(22,163,74,0.24); background:var(--brand-soft); border-radius:var(--radius); padding:24px; }
.gold-rule { height:2px; width:48px; background:linear-gradient(90deg,var(--brand),var(--gold)); border-radius:2px; }

/* ── STAT ── */
.stat-num { font-family:var(--sans); font-size:34px; font-weight:800; color:var(--brand); letter-spacing:-0.02em; }
.stat-lbl { font-size:12px; color:var(--muted); }

/* ── FORMS ── */
.form-group { margin-bottom:18px; }
label { display:block; font-size:12.5px; font-weight:700; color:var(--text); margin-bottom:7px; }
.label-req { color:var(--red); margin-left:3px; }
input[type=text],input[type=email],input[type=number],input[type=tel],input[type=password],input[type=date],input[type=search],select,textarea {
  width:100%; padding:11px 14px; border-radius:var(--radius-sm); border:1px solid var(--line); background:#fff;
  font-size:13.5px; font-family:inherit; color:var(--text); transition:border-color 0.15s, box-shadow 0.15s;
}
input:focus,select:focus,textarea:focus { outline:none; border-color:var(--brand); box-shadow:0 0 0 3px rgba(22,163,74,0.15); }
textarea { resize:vertical; min-height:96px; }
.input-hint { font-size:11.5px; color:var(--muted); margin-top:5px; }

/* ── DIVIDER ── */
.divider { height:1px; background:var(--line); margin:26px 0; }

/* ── SEARCH BAR ── */
.search-bar { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:8px; display:flex; align-items:center; box-shadow:var(--shadow-lg); }
.search-input { flex:1; padding:13px 16px; border:none; background:transparent; font-size:15px; font-family:inherit; color:var(--text); }
.search-input:focus { outline:none; }
.search-divider { width:1px; height:34px; background:var(--line); flex-shrink:0; }
.search-select { padding:13px 14px; border:none; background:transparent; font-size:13.5px; font-family:inherit; color:var(--text); cursor:pointer; }
.search-select:focus { outline:none; }

/* ── MAP ── */
.map-box { background:linear-gradient(135deg,#e7e2f0 0%,#efe7d9 45%,#e3eae6 100%); border-radius:var(--radius); position:relative; overflow:hidden; border:1px solid var(--line); }
.map-pin { position:absolute; font-size:22px; transform:translateX(-50%); filter:drop-shadow(0 3px 5px rgba(13,27,62,0.35)); cursor:pointer; transition:transform 0.15s; }
.map-pin:hover { transform:translateX(-50%) scale(1.2); }
.map-cluster { position:absolute; background:var(--brand); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; border:2px solid #fff; box-shadow:0 3px 10px rgba(22,163,74,0.4); cursor:pointer; }
.map-price-pin { position:absolute; transform:translateX(-50%); background:#fff; border:1px solid rgba(22,163,74,0.3); color:var(--brand); font-size:11px; font-weight:700; padding:5px 10px; border-radius:999px; box-shadow:var(--shadow); cursor:pointer; white-space:nowrap; }
.map-price-pin:hover { background:var(--brand); color:#fff; }

/* ── AI BADGE ── */
.ai-badge { display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:700; color:var(--brand); background:var(--brand-soft); border:1px solid rgba(22,163,74,0.22); padding:4px 10px; border-radius:999px; letter-spacing:0.4px; }
.brand-badge { display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:700; color:#a9690a; background:var(--gold-soft); border:1px solid var(--gold-line); padding:4px 10px; border-radius:999px; }

/* ── FOOTER (navy = logo) ── */
.footer { background:var(--navy); color:rgba(255,255,255,0.62); padding:64px 0 30px; margin-top:88px; position:relative; }
.footer::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--gold),var(--red),var(--violet),var(--green)); }
.footer-inner { max-width:1280px; margin:0 auto; padding:0 32px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:44px; margin-bottom:44px; }
.footer-logo-text { font-size:19px; font-weight:800; color:#fff; margin-bottom:8px; }
.footer-logo-img { height:62px; width:auto; display:block; margin-bottom:12px; }
.footer-tagline { font-style:italic; font-size:13px; color:#C9A2EF; margin-bottom:16px; }
.footer-desc { font-size:12.5px; color:rgba(255,255,255,0.5); line-height:1.8; }
.footer-col-title { font-size:10px; font-weight:700; color:#C9A2EF; letter-spacing:1.6px; text-transform:uppercase; margin-bottom:15px; }
.footer-col a { display:block; font-size:13px; color:rgba(255,255,255,0.55); text-decoration:none; padding:4px 0; transition:color 0.15s; }
.footer-col a:hover { color:#fff; }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.08); padding-top:22px; display:flex; justify-content:space-between; align-items:center; font-size:11.5px; color:rgba(255,255,255,0.35); }

/* ── GRIDS ── */
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.grid-5 { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }

/* ── BACK NAV ── */
.back-nav { display:inline-flex; align-items:center; gap:6px; font-size:12.5px; color:var(--muted); text-decoration:none; margin-bottom:22px; transition:color 0.15s; }
.back-nav:hover { color:var(--brand); }

/* ── HELPERS ── */
.muted { color:var(--muted); }
.text-gold { color:#a9690a; } .text-brand { color:var(--brand); } .text-emerald { color:var(--green); }
.flex { display:flex; } .items-center { align-items:center; } .justify-between { justify-content:space-between; }
.gap-8 { gap:8px; } .gap-12 { gap:12px; } .gap-16 { gap:16px; } .gap-24 { gap:24px; }
.mt-8{margin-top:8px;}.mt-16{margin-top:16px;}.mt-24{margin-top:24px;}.mt-32{margin-top:32px;}
.mb-8{margin-bottom:8px;}.mb-16{margin-bottom:16px;}.mb-24{margin-bottom:24px;}
.timeline { position:relative; padding-left:28px; }
.timeline::before { content:""; position:absolute; left:7px; top:4px; bottom:4px; width:2px; background:var(--line); }
.timeline-item { position:relative; padding-bottom:22px; }
.timeline-dot { position:absolute; left:-28px; top:2px; width:16px; height:16px; border-radius:50%; background:#fff; border:3px solid var(--brand); }
.timeline-dot.done { background:var(--green); border-color:var(--green); }

@media (max-width:980px){ .grid-3,.grid-4,.grid-5 { grid-template-columns:1fr 1fr; } .footer-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:640px){ .grid-2,.grid-3,.grid-4,.grid-5 { grid-template-columns:1fr; } .nav-search,.nav-links { display:none; } }

/* ============================================================
   MOBILE LAYER (v2.2) — phone-first polish for all screens
   ============================================================ */
@media (max-width:768px){
  html,body{ overflow-x:hidden; }
  img{ max-width:100%; }
  .container,.container-narrow{ padding:0 16px; }
  .nav-inner{ padding:0 14px; gap:10px; height:58px; }
  .nav-actions{ gap:6px; margin-left:auto; }
  .nav-icon-btn{ display:none; }                 /* declutter phone nav */
  .page-section{ padding:40px 0; }
  .page-section-sm{ padding:28px 0; }
  .section-heading{ flex-wrap:wrap; gap:8px; margin-bottom:20px; }
  .section-heading h2{ font-size:22px; }
  .section-heading .sh-sub{ width:100%; margin-left:0 !important; }
  /* search bars stack */
  .search-bar{ flex-wrap:wrap; gap:8px; padding:10px; }
  .search-bar .search-select,.search-bar .search-input{ flex:1 1 100%; width:100%; }
  .search-divider{ display:none; }
  /* buttons a touch smaller */
  .btn-lg{ padding:12px 22px; font-size:14px; }
  /* cards breathe less */
  .card,.card-flat,.card-glass,.card-ink,.card-brand,.card-gold,.card-green,.card-blue,.card-purple{ padding:18px; }
  /* footer */
  .footer{ padding:46px 0 26px; margin-top:52px; }
  .footer-grid{ grid-template-columns:1fr 1fr; gap:26px; }
  .footer-bottom{ flex-direction:column; gap:8px; text-align:center; }
  /* tables scroll instead of overflowing */
  table{ display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
}
@media (max-width:480px){
  .footer-grid{ grid-template-columns:1fr; gap:20px; }
  .stat-num{ font-size:26px; }
  .btn{ padding:9px 14px; }
}

/* ── ACCOUNT AVATAR + MOBILE MENU (injected by _nav.js) ── */
.nav-avatar-link{ display:inline-flex; text-decoration:none; margin-left:2px; }
.nav-avatar{ width:36px; height:36px; border-radius:50%; background:linear-gradient(150deg,var(--brand-2),var(--brand));
  color:#fff; display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:800; letter-spacing:.3px;
  box-shadow:0 4px 12px rgba(22,163,74,0.32); }
.nav-avatar-link:hover .nav-avatar{ transform:translateY(-1px); }
.nav-burger{ display:none; flex-direction:column; justify-content:center; gap:4px; width:42px; height:42px;
  border:1px solid var(--line); border-radius:11px; background:#fff; cursor:pointer; padding:0; flex-shrink:0; }
.nav-burger span{ display:block; width:19px; height:2px; background:var(--ink); margin:0 auto; border-radius:2px; transition:transform .25s, opacity .2s; }
.nav-burger.on span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.nav-burger.on span:nth-child(2){ opacity:0; }
.nav-burger.on span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
.mobile-menu{ display:none; position:fixed; top:58px; left:0; right:0; z-index:95; background:#fff;
  border-bottom:1px solid var(--line); box-shadow:0 24px 50px rgba(13,27,62,0.16); padding:8px 10px 14px;
  max-height:calc(100vh - 58px); overflow-y:auto; }
.mobile-menu.open{ display:block; animation:mmDrop .22s ease; }
@keyframes mmDrop{ from{ opacity:0; transform:translateY(-8px);} to{ opacity:1; transform:none; } }
.mobile-menu .mm-sec{ font-size:10px; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; color:var(--muted); padding:14px 14px 6px; }
.mobile-menu a{ display:block; padding:13px 14px; border-radius:11px; font-size:15px; font-weight:700; color:var(--ink); text-decoration:none; }
.mobile-menu a:hover,.mobile-menu a:active{ background:var(--brand-soft); color:var(--brand); }
.mobile-menu a.mm-cta{ margin-top:10px; background:linear-gradient(120deg,var(--brand),var(--brand-deep)); color:#fff; text-align:center;
  box-shadow:0 10px 24px rgba(22,163,74,0.3); }
.mobile-menu a.mm-cta:hover{ color:#fff; }
body.mm-open{ overflow:hidden; }

@media (max-width:768px){
  .nav-burger{ display:inline-flex; }
  .nav-avatar-link{ display:none; }   /* on phones, account lives inside the menu */
}