/* Find a home / Trouver un logement — isolated feature styles */
.housing-find-desktop{white-space:nowrap;flex:0 0 auto;font-size:13px;padding-inline:16px!important;background:linear-gradient(180deg,#ff765a,#ff5b3d)!important;color:#fff!important;border-color:rgba(201,55,31,.55)!important;box-shadow:0 8px 18px rgba(255,91,61,.22)!important}
.housing-find-mobile-card{display:none}
@media(min-width:761px){#searchForm{display:flex;align-items:center}.housing-find-desktop+input{flex:1;min-width:110px}}
@media(max-width:760px){.housing-find-desktop{display:none!important}.housing-find-mobile-card{display:block;margin-top:28px;padding:10px;max-width:100%}.housing-find-mobile-card .housing-find-btn{width:100%;min-height:60px;border-radius:22px;background:linear-gradient(180deg,#ff765a,#ff5b3d);color:#fff;border:1px solid rgba(201,55,31,.55);font-weight:800}.housing-find-mobile-card+#searchForm{margin-top:12px}}
.housing-ai-target-review{outline:3px solid rgba(255,91,61,.42);outline-offset:3px;border-radius:18px;scroll-margin-top:22px}
.member-search-list{display:grid;gap:12px;margin-top:14px}.member-search-card{border:1px solid rgba(17,24,39,.10);border-radius:16px;padding:14px;background:rgba(255,255,255,.72)}.member-search-card h3{margin:0 0 6px;font-size:16px}.member-search-card p{margin:4px 0;color:#66707d}.member-search-card .member-panel-actions{margin-top:10px}.member-search-usage{padding:12px 14px;border-radius:14px;background:rgba(255,91,61,.08);border:1px solid rgba(255,91,61,.14);margin:12px 0}

/* Dedicated housing assistant page */
.housing-page{min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.95),transparent 36%),linear-gradient(180deg,#f5f1e8,#ece8df);color:#1b1d22}.housing-page .housing-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.housing-page .housing-brand{text-decoration:none;color:inherit;font-weight:850;display:flex;align-items:center;gap:10px}.housing-page .housing-brand img{width:34px;height:34px}.housing-main{width:min(1100px,calc(100% - 28px));margin:28px auto 70px}.housing-shell{position:relative;border:1px solid rgba(255,255,255,.78);background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.34));box-shadow:0 28px 70px rgba(35,38,44,.13),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%);border-radius:30px;padding:clamp(18px,3vw,34px);overflow:hidden}.housing-shell h1{font-size:clamp(34px,5vw,58px);margin:0 0 12px;letter-spacing:-.045em}.housing-lead{max-width:720px;color:#616a77;font-size:17px;line-height:1.55}.housing-start-form{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:26px}.housing-field{display:grid;gap:7px}.housing-field label,.housing-source-title{font-weight:800;font-size:13px}.housing-field input,.housing-field select,.housing-composer textarea{width:100%;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.84);box-shadow:inset 0 1px 2px rgba(15,23,42,.05);border-radius:16px;min-height:52px;padding:12px 14px;color:#1b1d22}.housing-source-picker{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.housing-source-option{display:flex;gap:10px;align-items:flex-start;padding:15px;border:1px solid rgba(17,24,39,.10);background:rgba(255,255,255,.68);border-radius:17px;cursor:pointer}.housing-source-option:has(input:checked){border-color:rgba(255,91,61,.44);box-shadow:0 0 0 3px rgba(255,91,61,.08)}.housing-start-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.housing-orange{background:linear-gradient(180deg,#ff765a,#ff5b3d)!important;color:#fff!important;border-color:rgba(201,55,31,.55)!important}.housing-chat-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid rgba(17,24,39,.08)}.housing-search-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.housing-chip{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(17,24,39,.08);font-size:12px;font-weight:750}.housing-usage{font-size:12px;color:#66707d;margin-top:9px}.housing-messages{display:flex;flex-direction:column;gap:14px;padding:24px 2px;min-height:330px;max-height:58vh;overflow:auto}.housing-msg{max-width:min(760px,88%);padding:13px 15px;border-radius:18px;line-height:1.5;white-space:pre-wrap}.housing-msg-user{align-self:flex-end;background:#1f252d;color:#fff;border-bottom-right-radius:6px}.housing-msg-assistant{align-self:flex-start;background:rgba(255,255,255,.78);border:1px solid rgba(17,24,39,.08);border-bottom-left-radius:6px}.housing-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:11px}.housing-result{appearance:none;text-align:left;border:1px solid rgba(17,24,39,.11);border-radius:16px;padding:13px;background:rgba(255,255,255,.88);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.housing-result:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(31,37,45,.10)}.housing-result strong{display:block;margin-bottom:5px}.housing-result small{display:block;color:#68717e;line-height:1.4}.housing-result .housing-result-reason{margin-top:8px;color:#343a43}.housing-composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding-top:18px;border-top:1px solid rgba(17,24,39,.08)}.housing-composer textarea{resize:vertical;min-height:58px;max-height:150px}.housing-composer .btn{align-self:end;min-height:52px}.housing-paywall{margin-top:16px;padding:16px;border-radius:18px;border:1px solid rgba(255,91,61,.18);background:rgba(255,91,61,.08)}.housing-paywall h3{margin:0 0 6px}.housing-page-status{margin-top:10px;color:#6b7280;font-size:13px}.housing-auth-required{text-align:center;padding:54px 16px}.housing-empty-note{color:#6b7280;font-size:13px}.housing-history-link{display:inline-flex;margin-top:14px}.housing-payment-success{padding:10px 12px;border-radius:12px;background:rgba(47,158,99,.10);border:1px solid rgba(47,158,99,.18);margin-bottom:15px}.housing-payment-cancel{padding:10px 12px;border-radius:12px;background:rgba(255,91,61,.08);border:1px solid rgba(255,91,61,.14);margin-bottom:15px}
@media(max-width:760px){.housing-main{margin-top:16px}.housing-shell{border-radius:24px;padding:18px 14px}.housing-start-form{grid-template-columns:1fr}.housing-source-picker{grid-template-columns:1fr}.housing-results{grid-template-columns:1fr}.housing-chat-head{display:block}.housing-chat-head .housing-chat-actions{margin-top:12px}.housing-msg{max-width:94%}.housing-composer{grid-template-columns:1fr}.housing-composer .btn{width:100%}}


/* API top-up transparency + account language + closing thanks */
.api-support-split{display:block;font-size:11px;line-height:1.35;opacity:.72;margin-top:3px;max-width:250px}
.footer-thanks,.housing-footer-thanks{text-align:center;font-weight:700;opacity:.72}
.footer-thanks{margin-top:18px;padding-bottom:2px}
.housing-footer-thanks{padding:0 16px 28px}
.member-language-box{margin:14px 0;padding:15px;border:1px solid rgba(17,24,39,.10);border-radius:16px;background:rgba(255,255,255,.60)}
.member-language-box h3{margin:0 0 5px}.member-language-box p{margin:0 0 12px;color:#66707d}.member-language-box form{display:grid;gap:10px}.member-language-box select{min-height:44px;border-radius:12px;border:1px solid rgba(17,24,39,.14);padding:8px 10px;background:#fff}.member-marketing-form{display:grid;gap:9px;margin:14px 0}


/* 2026-08-25 — housing navigation size/color + dual-mode glass layout + classic search */
.housing-find-desktop,.housing-find-mobile-card .housing-find-btn{background:#ff5b3d!important;color:#fff!important;border-color:#d94a2f!important;box-shadow:0 6px 16px rgba(255,91,61,.20)!important}
.housing-find-desktop::before,.housing-find-mobile-card .housing-find-btn::before{content:none!important;display:none!important}
.housing-find-desktop:hover,.housing-find-mobile-card .housing-find-btn:hover{background:#ff5b3d!important;border-color:#d94a2f!important;transform:none!important}
.housing-mode-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:18px;margin-top:24px;align-items:stretch}
.housing-mode-card{position:relative;border:1px solid rgba(255,255,255,.82);background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.36));box-shadow:0 18px 42px rgba(35,38,44,.10),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(94,102,113,.04);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-radius:24px;padding:20px}
.housing-mode-card::before{content:"";position:absolute;inset:1px;border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 42%);pointer-events:none}
.housing-mode-card>*{position:relative;z-index:1}.housing-mode-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.housing-mode-head h2{margin:0;font-size:24px;letter-spacing:-.025em}.housing-mode-classic{display:flex;flex-direction:column}.housing-mode-classic p{color:#646d79;line-height:1.55;margin:0 0 20px}.housing-classic-open{margin-top:auto;align-self:flex-start}
.housing-mode-api .housing-start-form{margin-top:0;grid-template-columns:1fr 1fr}.housing-mode-api .housing-source-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.housing-mode-api .housing-source-title{grid-column:1/-1}.housing-mode-api .housing-source-option{align-items:center;justify-content:center;text-align:center;min-height:58px;padding:11px 10px}.housing-mode-api .housing-source-option span{display:block}.housing-mode-api .housing-source-option strong{font-size:13px;line-height:1.25}.housing-mode-api .housing-start-actions{justify-content:flex-start;flex-wrap:wrap}
.classic-layout{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);gap:18px;margin-top:24px;align-items:start}.classic-filter-card{display:block;position:sticky;top:18px}.classic-results-card{min-height:520px}.classic-filter-card .housing-source-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.classic-filter-card .housing-source-title{grid-column:1/-1}.classic-filter-card .housing-source-option{align-items:center;justify-content:center;text-align:center;min-height:56px;padding:10px}.classic-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.classic-filter-grid[hidden]{display:none!important}.classic-filter-grid .classic-sort,.classic-filter-grid .classic-checks{grid-column:1/-1}.classic-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.classic-check{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid rgba(17,24,39,.08);background:rgba(255,255,255,.62);border-radius:14px;font-size:13px;font-weight:700}.classic-search-button{width:100%;margin-top:16px;min-height:52px}.classic-results{display:grid;gap:10px}.classic-result-card{width:100%;appearance:none;border:1px solid rgba(17,24,39,.09);background:rgba(255,255,255,.74);border-radius:17px;padding:15px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;color:#1b1d22;box-shadow:0 7px 18px rgba(35,38,44,.05);transition:transform .15s ease,box-shadow .15s ease}.classic-result-card:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(35,38,44,.09)}.classic-result-card strong{display:block;margin-bottom:5px}.classic-result-card small{display:block;color:#68717e;line-height:1.45}.classic-result-card>span{white-space:nowrap;font-size:12px;font-weight:800}.classic-result-listing{border-left:4px solid #2f9e63}.classic-result-review{border-left:4px solid #ff5b3d}.classic-count{font-size:12px;font-weight:800;color:#68717e}
@media(max-width:900px){.housing-mode-grid,.classic-layout{grid-template-columns:1fr}.classic-filter-card{position:relative;top:auto}}
@media(max-width:760px){.housing-find-mobile-card .housing-find-btn{min-height:50px!important;border-radius:17px!important}.housing-mode-card{padding:15px;border-radius:20px}.housing-mode-card::before{border-radius:19px}.housing-mode-grid{gap:12px;margin-top:18px}.housing-mode-api .housing-start-form{grid-template-columns:1fr}.housing-mode-api .housing-source-picker{grid-template-columns:1fr 1fr}.housing-mode-api .housing-start-actions .btn{width:100%}.classic-filter-grid{grid-template-columns:1fr}.classic-filter-grid .classic-sort,.classic-filter-grid .classic-checks{grid-column:1}.classic-checks{grid-template-columns:1fr 1fr}.classic-result-card{align-items:flex-start;flex-direction:column}.classic-result-card>span{white-space:normal}.classic-results-card{min-height:320px}}


/* 2026-08-25 late polish — darker orange, glass halo, no cross-site language toggle, bigger classic card, iPad home layout */
.housing-find-desktop,
.housing-find-mobile-card .housing-find-btn,
.housing-orange{
  background:#e54528!important;
  color:#fff!important;
  border-color:#c83e24!important;
  box-shadow:0 8px 20px rgba(229,69,40,.22)!important;
}
.housing-find-desktop:hover,
.housing-find-mobile-card .housing-find-btn:hover,
.housing-orange:hover{
  background:#db3f21!important;
  border-color:#bf381d!important;
}
.housing-mode-card{
  box-shadow:
    0 0 0 10px rgba(255,255,255,.34),
    0 18px 42px rgba(35,38,44,.10),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(94,102,113,.04);
}
.housing-mode-card::after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(255,255,255,.14);
  box-shadow:0 10px 28px rgba(255,255,255,.10), inset 0 1px 0 rgba(255,255,255,.55);
  z-index:0;
  pointer-events:none;
}
.housing-mode-classic p{
  margin:0;
  color:#111827;
  font-weight:850;
  font-size:clamp(23px,2.1vw,31px);
  line-height:1.08;
  letter-spacing:-.035em;
  max-width:15ch;
}
.housing-mode-classic .housing-classic-open{margin-top:auto}
.housing-nav .housing-nav-actions{display:flex;gap:10px;align-items:center}
@media (min-width:761px) and (max-width:1024px){
  .housing-find-desktop{display:none!important}
  .housing-find-mobile-card{display:block;margin-top:28px;padding:10px;max-width:100%}
  .housing-find-mobile-card .housing-find-btn{width:100%;min-height:58px;border-radius:20px}
  .housing-find-mobile-card + #searchForm{margin-top:12px}
  #searchForm{display:grid!important;align-items:stretch}
  #searchForm .btn{width:100%;min-height:58px}
}
@media (max-width:1024px){
  .housing-mode-classic p{font-size:19px;line-height:1.18;max-width:none}
}
@media (max-width:760px){
  .housing-mode-card{box-shadow:0 0 0 8px rgba(255,255,255,.32),0 16px 32px rgba(35,38,44,.09),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(94,102,113,.04)}
  .housing-mode-card::after{inset:-8px;border-radius:28px}
}


/* 2026-08-25 19:48 — housing polish 3 */
/* Keep the Find a home shell closer to the darker main-site hero chassis. */
#housingStart.housing-shell{
  background:linear-gradient(180deg,rgba(214,211,205,.82),rgba(204,201,193,.76));
  border-color:rgba(255,255,255,.72);
}
/* The descriptive sentence stays large, but no longer reads as bold display copy. */
.housing-mode-classic p{font-weight:450}
/* The explanatory paragraph was removed from the main How it works header; avoid leaving its old spacer/decorative bars behind. */
#fonctionnement .section-head{display:block}
#fonctionnement .section-head::before,#fonctionnement .section-head::after{display:none!important}
#fonctionnement .section-head h2{max-width:900px;padding-right:0}
/* Phone/tablet: reserve a small glass lip above the map so its rounded shell/shadow cannot be clipped or visually overlap the preceding content. */
@media (max-width:1024px){
  body:not(.map-fullscreen-open) .hero-grid>.map-column{padding-top:10px!important}
  body:not(.map-fullscreen-open) .hero-grid>.map-column .map-shell{margin-top:0;isolation:isolate}
}
@media (max-width:760px){
  body.map-fullscreen-open .hero-grid>.map-column,
  body:has(.map-shell.is-fullscreen) .hero-grid>.map-column{padding-top:0!important}
}


/* 2026-08-25 20:10 — housing polish 4 */
/* Mobile menu: anchor the popup to the right side of the viewport rather than
   letting a wide menu grow to the left of the hamburger. */
@media (max-width:760px){
  .mobile-header-menu{
    position:fixed!important;
    top:calc(84px + env(safe-area-inset-top))!important;
    right:12px!important;
    left:auto!important;
    width:min(250px,calc(100vw - 24px))!important;
  }
}

/* Main-page map on phone/tablet: keep the glass treatment but make the lip
   visibly thinner. Fullscreen keeps its existing edge-to-edge behavior. */
@media (max-width:1024px){
  body:not(.map-fullscreen-open) .map-shell:not(.is-fullscreen) #map{
    inset:3px!important;
  }
}

/* Find a home: thinner frosted rims and a little more air between API and
   Classic search so their halos never meet in the middle. */
.housing-mode-grid{
  gap:28px!important;
}
.housing-mode-card{
  border-color:rgba(255,255,255,.66)!important;
  box-shadow:
    0 0 0 4px rgba(255,255,255,.20),
    0 16px 38px rgba(35,38,44,.09),
    inset 0 1px 0 rgba(255,255,255,.90),
    inset 0 -1px 0 rgba(94,102,113,.035)!important;
}
.housing-mode-card::after{
  inset:-4px!important;
  border-radius:28px!important;
  border-color:rgba(255,255,255,.50)!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:0 6px 16px rgba(255,255,255,.055),inset 0 1px 0 rgba(255,255,255,.38)!important;
}

/* Desktop only: the classic-search description should read like supporting
   copy, not a second headline. Tablet and phone keep the current sizing. */
@media (min-width:1025px){
  .housing-mode-classic p{
    font-size:18px!important;
    line-height:1.42!important;
    letter-spacing:-.012em!important;
    max-width:31ch!important;
    font-weight:450!important;
    color:#4f5965!important;
  }
}

/* Reuse the main site's rounded frosted nav chassis on the dedicated housing
   pages. The HTML carries both .nav and .housing-nav. */
.housing-page header .housing-nav.nav{
  min-height:72px;
}

@media (max-width:900px){
  .housing-mode-grid{gap:18px!important}
}
@media (max-width:760px){
  .housing-mode-card{
    box-shadow:
      0 0 0 3px rgba(255,255,255,.18),
      0 14px 28px rgba(35,38,44,.08),
      inset 0 1px 0 rgba(255,255,255,.90),
      inset 0 -1px 0 rgba(94,102,113,.03)!important;
  }
  .housing-mode-card::after{inset:-3px!important;border-radius:24px!important}
}

/* === 2026-08-25 — full-width source pills ===
   The whole pill is now the selection surface; the native radio is visually
   hidden and the selected option fills the complete bubble. */
.housing-mode-api .housing-source-option{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  min-height:72px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.housing-mode-api .housing-source-option>input[type="radio"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.housing-mode-api .housing-source-option>span{
  display:flex!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:72px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px 18px!important;
  border-radius:inherit!important;
  text-align:center!important;
}
.housing-mode-api .housing-source-option>span strong{
  font-size:15px!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
}
.housing-mode-api .housing-source-option:has(input:checked){
  background:#e54528!important;
  color:#fff!important;
  border-color:#c83e24!important;
  box-shadow:0 8px 20px rgba(229,69,40,.22)!important;
}
.housing-mode-api .housing-source-option:has(input:checked)>span,
.housing-mode-api .housing-source-option:has(input:checked)>span strong{
  color:#fff!important;
}
.housing-mode-api .housing-source-option:hover{
  transform:translateY(-1px);
}
.housing-mode-api .housing-source-option:focus-within{
  outline:3px solid rgba(229,69,40,.20)!important;
  outline-offset:2px!important;
}
@media(max-width:760px){
  .housing-mode-api .housing-source-option,
  .housing-mode-api .housing-source-option>span{
    min-height:62px!important;
  }
  .housing-mode-api .housing-source-option>span{
    padding:12px 10px!important;
  }
  .housing-mode-api .housing-source-option>span strong{
    font-size:14px!important;
  }
}


/* === 2026-08-25 — Find a home polish 5 ===
   Compact neutral source choices + action alignment. */
.housing-mode-api .housing-source-option{
  min-height:50px!important;
  border-radius:15px!important;
}
.housing-mode-api .housing-source-option>span{
  min-height:50px!important;
  padding:8px 14px!important;
}
.housing-mode-api .housing-source-option>span strong{
  font-size:15px!important;
  line-height:1.08!important;
  letter-spacing:-.012em!important;
}
.housing-mode-api .housing-source-option:has(input:checked){
  background:#171717!important;
  color:#fff!important;
  border-color:#171717!important;
  box-shadow:0 7px 16px rgba(17,17,17,.16)!important;
}
.housing-mode-api .housing-source-option:has(input:checked)>span,
.housing-mode-api .housing-source-option:has(input:checked)>span strong{
  color:#fff!important;
}
.housing-mode-api .housing-source-option:focus-within{
  outline:3px solid rgba(17,17,17,.16)!important;
  outline-offset:2px!important;
}

/* Side-by-side desktop cards: lift Classic search by the empty status-row
   space beneath the API action buttons so all three actions share a baseline. */
@media (min-width:901px){
  .housing-mode-classic .housing-classic-open{
    margin-top:auto!important;
    margin-bottom:10px!important;
  }
}

/* iPhone: keep the source choices compact and give the Classic-search copy
   breathing room before its CTA. */
@media (max-width:760px){
  .housing-mode-api .housing-source-option,
  .housing-mode-api .housing-source-option>span{
    min-height:46px!important;
  }
  .housing-mode-api .housing-source-option>span{
    padding:7px 9px!important;
  }
  .housing-mode-api .housing-source-option>span strong{
    font-size:14px!important;
    line-height:1.08!important;
  }
  .housing-mode-classic .housing-classic-open{
    margin-top:20px!important;
    margin-bottom:0!important;
  }
}

/* === 2026-08-25 — account + Classic search polish 6 === */
/* Desktop account drawer: Account sits above; the four sections form one equal-width row below. */
@media (min-width:1025px){
  .member-account-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:auto auto auto!important;
    align-items:stretch!important;
  }
  .member-account-tabs button{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
  }
  .member-account-tabs button[data-account-view="account"]{grid-column:1!important;grid-row:1!important}
  .member-account-tabs button[data-account-view="messages"]{grid-column:1!important;grid-row:2!important}
  .member-account-tabs button[data-account-view="reviews"]{grid-column:2!important;grid-row:2!important}
  .member-account-tabs button[data-account-view="listings"]{grid-column:3!important;grid-row:2!important}
  .member-account-tabs button[data-account-view="searches"]{grid-column:4!important;grid-row:2!important}
  .member-account-tabs button[data-account-view="activity"]{grid-column:1!important;grid-row:3!important}
}

/* Classic Search: filters above results, creating a horizontal visual split instead of a vertical one. */
.classic-page #classicApp.housing-shell{
  background:linear-gradient(180deg,rgba(214,211,205,.82),rgba(204,201,193,.76))!important;
  border-color:rgba(255,255,255,.72)!important;
}
.classic-page .classic-layout{
  grid-template-columns:1fr!important;
  gap:24px!important;
  align-items:stretch!important;
}
.classic-page .classic-filter-card{
  position:relative!important;
  top:auto!important;
  width:100%!important;
}
.classic-page .classic-results-card{
  width:100%!important;
  min-height:420px!important;
}

/* === 2026-08-25 v4 — exact desktop CTA baseline alignment === */
@media (min-width:901px){
  .housing-mode-grid{align-items:stretch!important}
  .housing-mode-api,
  .housing-mode-classic{height:100%!important}
  .housing-mode-api .housing-start-form{height:calc(100% - 40px)!important;align-content:start!important}
  .housing-mode-api .housing-start-actions{margin-top:auto!important;align-self:end!important}
  .housing-mode-api .housing-page-status{display:none!important}
  .housing-mode-classic .housing-classic-open{
    margin-top:auto!important;
    margin-bottom:0!important;
    align-self:flex-start!important;
  }
}


/* === 2026-08-25 v5 — API recommendation cards === */
.housing-msg-assistant:has(.housing-results){
  max-width:min(980px,96%);
}
.housing-results{
  align-items:stretch;
}
.housing-result{
  display:flex;
  flex-direction:column;
  min-height:190px;
}
.housing-result .housing-result-reason{
  margin-bottom:12px;
}
.housing-result-open{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:auto;
  padding-top:10px;
  border-top:1px solid rgba(17,24,39,.08);
  color:#171717;
  font-size:12px;
  font-weight:850;
}
@media(max-width:760px){
  .housing-result{min-height:0}
  .housing-msg-assistant:has(.housing-results){max-width:98%}
}


/* 2026-08-25 21:58 — clean resume/loading state */
.housing-loading{min-height:340px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px}
.housing-loading[hidden]{display:none!important}
.housing-loading h2{margin:4px 0 0;font-size:clamp(24px,3vw,34px);letter-spacing:-.025em}
.housing-loading p{margin:0;max-width:520px;color:#66707d;line-height:1.5}
.housing-loading-spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(17,24,39,.14);border-top-color:#111827;animation:housing-loading-spin .8s linear infinite}
@keyframes housing-loading-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.housing-loading-spinner{animation:none;border-top-color:rgba(17,24,39,.14);box-shadow:inset 0 0 0 5px rgba(17,24,39,.08)}}


/* 2026-08-25 — Account > Searches: flat orange CTA */
.member-search-new{
  background:#e54528!important;
  background-image:none!important;
  color:#fff!important;
  border:1px solid #c83e24!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
}
.member-search-new::before,.member-search-new::after{content:none!important;display:none!important}
.member-search-new:hover,.member-search-new:active{
  background:#db3f21!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
}


/* === 2026-08-25 v12 — Classic search map === */
.classic-page .classic-map-card{min-height:540px!important;overflow:hidden}
.classic-page .classic-map-card .housing-mode-head{margin-bottom:12px}
.classic-map-wrap{position:relative;width:100%;height:clamp(420px,62vh,680px);min-height:420px;border-radius:20px;overflow:hidden;border:1px solid rgba(17,24,39,.09);background:rgba(233,231,226,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
#classicMap{position:absolute;inset:0;width:100%;height:100%}
.classic-map-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;max-width:min(360px,calc(100% - 36px));padding:12px 16px;border-radius:15px;background:rgba(255,255,255,.88);border:1px solid rgba(17,24,39,.08);box-shadow:0 8px 25px rgba(31,37,45,.10);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center;color:#59616d;font-size:13px;font-weight:700;line-height:1.4;pointer-events:none}
.classic-map-empty[hidden]{display:none!important}
.classic-map-marker{appearance:none;width:22px;height:22px;border:3px solid #fff;border-radius:50%;padding:0;cursor:pointer;box-shadow:0 3px 10px rgba(17,24,39,.25);transition:transform .14s ease,box-shadow .14s ease}
.classic-map-marker:hover,.classic-map-marker:focus-visible{transform:scale(1.18);box-shadow:0 5px 15px rgba(17,24,39,.30);outline:none}
.classic-map-marker-listing{background:#2f9e63}
.classic-map-marker-review{background:#e54528}
.classic-page .maplibregl-ctrl-group{border-radius:12px!important;overflow:hidden;box-shadow:0 5px 18px rgba(17,24,39,.12)!important}
.classic-page .maplibregl-ctrl-attrib{font-size:10px}
@media(max-width:760px){.classic-map-wrap{height:58vh;min-height:380px;border-radius:17px}.classic-page .classic-map-card{min-height:430px!important}}

/* 2026-08-25 v18 — Classic Search: map/list result switch */
.classic-view-switch{display:flex;align-items:center;gap:9px;margin:-2px 0 14px;padding:3px;border-radius:16px;background:rgba(255,255,255,.38);width:max-content;max-width:100%}
.classic-view-pill{appearance:none;border:1px solid rgba(17,24,39,.10);border-radius:999px;background:rgba(255,255,255,.72);padding:9px 16px;color:#59616d;font:inherit;font-size:13px;font-weight:850;cursor:pointer;box-shadow:none;transition:background .14s ease,color .14s ease,border-color .14s ease,transform .14s ease}
.classic-view-pill:hover{transform:translateY(-1px);border-color:rgba(17,24,39,.18)}
.classic-view-pill.is-active{background:#17191d;color:#fff;border-color:#17191d}
.classic-view-pill:focus-visible{outline:3px solid rgba(229,69,40,.18);outline-offset:2px}
.classic-view-panel[hidden]{display:none!important}
.classic-list-panel{min-height:420px}
.classic-list-panel .classic-results{max-height:clamp(420px,62vh,680px);overflow:auto;padding:2px 3px 4px 0;overscroll-behavior:contain}
.classic-list-empty{min-height:220px;display:grid;place-items:center;text-align:center;padding:28px;color:#68717e;font-size:13px;font-weight:700;line-height:1.5;border:1px dashed rgba(17,24,39,.12);border-radius:18px;background:rgba(255,255,255,.42)}
.classic-result-main{min-width:0;display:block;flex:1}
.classic-result-card small:empty{display:none}
.classic-result-open{color:#252a31}
@media(max-width:760px){.classic-view-switch{width:100%}.classic-view-pill{flex:1}.classic-list-panel{min-height:360px}.classic-list-panel .classic-results{max-height:none}.classic-list-empty{min-height:180px}}


/* 2026-08-25 v24 — conversation top-up card aligned to the far right */
.contact-section .api-support-card{
  display:flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:18px 0 0 auto;
}
@media(max-width:760px){
  .contact-section .api-support-card{margin-left:auto;margin-right:0;}
}


/* 2026-08-25 v27 — top-up label left, payment button right */
.contact-section .api-support-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:18px;
}
.contact-section .api-support-label{
  min-width:0;
  font-weight:850;
  color:#252a31;
  letter-spacing:-.01em;
}
.contact-section .api-support-button{
  flex:0 0 auto;
  margin-left:auto;
  min-width:112px;
  justify-content:center;
  background:#17191d;
  color:#fff;
  border-color:#17191d;
  text-decoration:none;
  font-weight:850;
}
.contact-section .api-support-button:hover{
  background:#17191d;
  color:#fff;
  border-color:#17191d;
}
@media(max-width:520px){
  .contact-section .api-support-row{gap:12px;}
  .contact-section .api-support-label{font-size:14px;}
  .contact-section .api-support-button{min-width:98px;padding-inline:14px;}
}

/* 2026-08-25 v28 — restore the conversation top-up bubble while keeping split alignment */
.contact-section .api-support-card.api-support-row{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:18px 0 0;
  padding:12px 14px 12px 18px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.50));
  box-shadow:0 0 0 7px rgba(255,255,255,.22),0 12px 30px rgba(35,38,44,.08),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.contact-section .api-support-card.api-support-row .api-support-label{
  padding-left:2px;
}
@media(max-width:520px){
  .contact-section .api-support-card.api-support-row{
    padding:10px 10px 10px 14px;
    border-radius:19px;
    box-shadow:0 0 0 5px rgba(255,255,255,.20),0 10px 24px rgba(35,38,44,.07),inset 0 1px 0 rgba(255,255,255,.95);
  }
}

/* 2026-08-25 v29 — centered top-up contents, solid orange CTA, glass bubble preserved */
.contact-section .api-support-card.api-support-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  justify-items:center;
  column-gap:18px;
}
.contact-section .api-support-card.api-support-row .api-support-label{
  justify-self:center;
  padding-left:0;
  text-align:center;
  line-height:1.2;
}
.contact-section .api-support-card.api-support-row .api-support-button{
  justify-self:center;
  margin-left:0;
  min-width:112px;
  background:#e54528!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#e54528!important;
  box-shadow:none!important;
  transform:none!important;
}
.contact-section .api-support-card.api-support-row .api-support-button:hover,
.contact-section .api-support-card.api-support-row .api-support-button:focus,
.contact-section .api-support-card.api-support-row .api-support-button:active{
  background:#e54528!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#e54528!important;
  box-shadow:none!important;
  transform:none!important;
}
.contact-section .api-support-card.api-support-row .api-support-button::before,
.contact-section .api-support-card.api-support-row .api-support-button::after{
  content:none!important;
  display:none!important;
}
@media(max-width:520px){
  .contact-section .api-support-card.api-support-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:10px;
  }
  .contact-section .api-support-card.api-support-row .api-support-label{
    font-size:13px;
  }
  .contact-section .api-support-card.api-support-row .api-support-button{
    min-width:96px;
    padding-inline:12px;
  }
}


/* === 2026-08-26 v43 — lighter iPhone navigation + natural chat landing === */
@media(max-width:760px){
  .housing-nav-actions .housing-nav-message-link{display:none!important}
  .housing-nav-actions{margin-left:auto!important}
}
@media(max-width:1024px){
  #housingChat{
    min-height:calc(100dvh - 42px);
    overflow:visible;
  }
  #housingChat .housing-chat-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:14px!important;
    padding-bottom:14px!important;
  }
  #housingChat .housing-chat-actions{
    order:-1;
    align-self:flex-start;
    display:flex;
    gap:7px;
    margin:0!important;
    padding:7px;
    border:1px solid rgba(255,255,255,.78);
    border-radius:16px;
    background:rgba(255,255,255,.46);
    box-shadow:0 8px 22px rgba(35,38,44,.08),inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter:blur(18px) saturate(145%);
    -webkit-backdrop-filter:blur(18px) saturate(145%);
  }
  #housingChat .housing-chat-actions .btn{
    min-height:38px;
    padding:8px 11px;
    border-radius:11px;
    font-size:12px;
  }
  #housingChat .housing-chat-context{
    order:0;
    padding:8px 2px 0;
    scroll-margin-top:10px;
  }
  #housingChat .housing-chat-context h2{margin:0 0 2px}
  #housingChat .housing-search-meta{margin-top:10px}
  #housingChat .housing-messages{padding-top:18px}
}
@media(max-width:760px){
  #housingChat .housing-chat-actions{
    max-width:100%;
    padding:6px;
    border-radius:14px;
  }
  #housingChat .housing-chat-actions .btn{
    min-height:36px;
    padding:7px 9px;
    font-size:11px;
  }
  #housingChat .housing-chat-context{padding-top:10px}
  #housingChat .housing-chip{padding:6px 9px;font-size:11px}
}

/* v44 — iPad main hero: separate the Find a home CTA from address lookup.
   The CTA is a compact bubble; the address lookup remains a distinct bubble
   immediately before / to the left of the map instead of being swallowed by it. */
@media (min-width:761px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  .hero-grid > :first-child > .housing-find-mobile-card{
    display:block!important;
    width:max-content!important;
    max-width:min(250px,46vw)!important;
    margin:12px 0 0!important;
    padding:4px!important;
    border-radius:16px!important;
    box-shadow:0 8px 20px rgba(31,37,45,.08),inset 0 1px 0 rgba(255,255,255,.88)!important;
  }
  .hero-grid > :first-child > .housing-find-mobile-card .housing-find-btn{
    width:auto!important;
    min-width:0!important;
    min-height:44px!important;
    padding:0 17px!important;
    border-radius:12px!important;
    font-size:12.5px!important;
    line-height:1!important;
  }
  .hero-grid > :first-child > #searchForm .housing-find-desktop{
    display:none!important;
  }
  .hero-grid > :first-child > #searchForm{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    width:min(650px,calc(100% - 18px))!important;
    max-width:650px!important;
    margin:10px auto 0 0!important;
    padding:5px!important;
    gap:6px!important;
    border-radius:18px!important;
  }
  .hero-grid > :first-child > #searchForm input{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
  }
  .hero-grid > :first-child > #searchForm .btn.btn-accent{
    width:auto!important;
    min-width:max-content!important;
    min-height:48px!important;
    padding-inline:15px!important;
    border-radius:13px!important;
    white-space:nowrap!important;
  }
}

/* iPad portrait: keep the address module visibly left-aligned just above the map. */
@media (min-width:761px) and (max-width:1020px) and (hover:none) and (pointer:coarse){
  .hero-grid > :first-child > #searchForm{
    width:min(620px,calc(100% - 34px))!important;
    margin-left:4px!important;
  }
}

/* v46 — iPad hero: both actions use the same-width glass module.
   Address verification stacks below the address field inside one shared card. */
@media (min-width:761px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  .hero-grid > :first-child > .housing-find-mobile-card,
  .hero-grid > :first-child > #searchForm{
    width:min(650px,calc(100% - 18px))!important;
    max-width:650px!important;
    margin-left:0!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  .hero-grid > :first-child > .housing-find-mobile-card{
    padding:5px!important;
    border-radius:18px!important;
  }
  .hero-grid > :first-child > .housing-find-mobile-card .housing-find-btn{
    width:100%!important;
    min-height:48px!important;
    padding:0 18px!important;
    border-radius:13px!important;
  }
  .hero-grid > :first-child > #searchForm{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:6px!important;
  }
  .hero-grid > :first-child > #searchForm input,
  .hero-grid > :first-child > #searchForm .btn.btn-accent{
    width:100%!important;
    min-width:0!important;
  }
  .hero-grid > :first-child > #searchForm .btn.btn-accent{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
  }
}
@media (min-width:761px) and (max-width:1020px) and (hover:none) and (pointer:coarse){
  .hero-grid > :first-child > .housing-find-mobile-card,
  .hero-grid > :first-child > #searchForm{
    width:min(620px,calc(100% - 34px))!important;
    margin-left:4px!important;
  }
}


/* v47 — desktop adopts the cleaner iPad hero structure; iPad vertical fit tightened. */
@media (min-width:761px){
  .hero-grid > :first-child > .housing-find-mobile-card,
  .hero-grid > :first-child > #searchForm{
    width:min(650px,100%)!important;
    max-width:650px!important;
    margin-left:0!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  .hero-grid > :first-child > .housing-find-mobile-card{
    display:block!important;
    margin-top:14px!important;
    padding:5px!important;
    border-radius:18px!important;
  }
  .hero-grid > :first-child > .housing-find-mobile-card .housing-find-btn{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:0 18px!important;
    border-radius:13px!important;
    line-height:1!important;
  }
  .hero-grid > :first-child > #searchForm .housing-find-desktop{
    display:none!important;
  }
  .hero-grid > :first-child > #searchForm{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:6px!important;
    margin-top:10px!important;
    padding:5px!important;
    border-radius:18px!important;
  }
  .hero-grid > :first-child > #searchForm input,
  .hero-grid > :first-child > #searchForm .btn.btn-accent{
    width:100%!important;
    min-width:0!important;
  }
  .hero-grid > :first-child > #searchForm input{
    min-height:48px!important;
  }
  .hero-grid > :first-child > #searchForm .btn.btn-accent{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    padding-inline:15px!important;
    border-radius:13px!important;
    white-space:nowrap!important;
  }
}

/* iPad: close the vertical gap so the map and the helper copy sit a little higher. */
@media (min-width:761px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  .hero-grid > :first-child > .microcopy{
    margin-top:5px!important;
    transform:translateY(-2px);
  }
  .hero-grid > .map-column{
    transform:translateY(-12px);
  }
}

/* v48 — desktop hero: narrower action cards and bottom alignment with the map.
   iPad keeps the v47 layout. When the unlock helper is hidden for an already-
   contributing member, the bottom edge of the address card lines up with the
   bottom edge of the map. */
@media (min-width:1021px) and (hover:hover) and (pointer:fine){
  .hero-grid > :first-child{
    justify-content:flex-start!important;
    padding-bottom:0!important;
  }
  .hero-grid > :first-child > .housing-find-mobile-card,
  .hero-grid > :first-child > #searchForm{
    width:min(500px,92%)!important;
    max-width:500px!important;
  }
  .hero-grid > :first-child > .housing-find-mobile-card{
    margin-top:auto!important;
  }
  .hero-grid > :first-child > #searchForm{
    margin-top:10px!important;
  }
  .hero-grid > :first-child > .microcopy{
    margin-top:0!important;
  }
  .hero-grid > :first-child > .microcopy:has(#heroReviewUnlockHint:not([hidden])){
    margin-top:10px!important;
  }
}

/* v49 — desktop hero precision + restored editorial markers.
   The address card now stops at the same visual baseline as the map glass,
   reserving the exact space used by the map caption below the map shell. */
@media (min-width:1021px) and (hover:hover) and (pointer:fine){
  .hero-grid > :first-child{
    padding-bottom:27px!important;
  }

  /* Restore the two small design pills between the heading and explanatory copy
     in the criteria section. They are decorative only and desktop-only. */
  main > section.section:nth-of-type(4) .section-head{
    position:relative;
  }
  main > section.section:nth-of-type(4) .section-head::before,
  main > section.section:nth-of-type(4) .section-head::after{
    content:"";
    position:absolute;
    left:55.5%;
    top:50%;
    pointer-events:none;
    border-radius:999px;
  }
  main > section.section:nth-of-type(4) .section-head::before{
    width:40px;
    height:16px;
    background:rgba(74,80,88,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 12px rgba(35,39,45,.10);
    transform:translate(-48px,-18px);
  }
  main > section.section:nth-of-type(4) .section-head::after{
    width:27px;
    height:13px;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(255,255,255,.96);
    box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 5px 12px rgba(35,39,45,.07);
    transform:translate(4px,9px);
  }
}


/* v50 — iPad first-view fit + true viewport fullscreen map.
   Keep the normal tablet map slightly shorter so its glass shell and caption are
   fully visible on arrival, and remove the transformed-ancestor trap that made
   fullscreen on iPad render offset instead of covering the viewport. */
@media (min-width:761px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  body:not(.map-fullscreen-open) .hero-grid > .map-column{
    transform:none!important;
  }
  body:not(.map-fullscreen-open) .map-caption{
    margin-top:5px!important;
    margin-bottom:0!important;
    line-height:1.28!important;
  }

  /* iPad fullscreen: the whole map column itself becomes the viewport.
     This prevents position:fixed from being constrained by any transformed
     hero ancestor in Safari/WebKit. */
  body.map-fullscreen-open .hero-grid > .map-column,
  body:has(.map-shell.is-fullscreen) .hero-grid > .map-column{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    display:block!important;
    overflow:hidden!important;
    z-index:2147483600!important;
  }
  body.map-fullscreen-open .map-shell.is-fullscreen,
  body:has(.map-shell.is-fullscreen) .map-shell.is-fullscreen{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
  }
  body.map-fullscreen-open .map-shell.is-fullscreen #map,
  body:has(.map-shell.is-fullscreen) .map-shell.is-fullscreen #map{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
  }
  body.map-fullscreen-open .map-caption,
  body:has(.map-shell.is-fullscreen) .map-caption{
    display:none!important;
  }
  body.map-fullscreen-open .map-shell.is-fullscreen .map-fullscreen-btn,
  body:has(.map-shell.is-fullscreen) .map-shell.is-fullscreen .map-fullscreen-btn{
    top:max(18px,env(safe-area-inset-top))!important;
    right:max(18px,env(safe-area-inset-right))!important;
  }
  body.map-fullscreen-open .map-shell.is-fullscreen .maplibregl-ctrl-top-right,
  body:has(.map-shell.is-fullscreen) .map-shell.is-fullscreen .maplibregl-ctrl-top-right{
    top:calc(max(18px,env(safe-area-inset-top)) + 60px)!important;
    right:max(18px,env(safe-area-inset-right))!important;
  }
}

/* iPad portrait / compact tablet: the previous 540px map was visually cut at
   the bottom of the opening module. Keep enough map to be useful without
   pushing its caption outside the first hero surface. */
@media (min-width:761px) and (max-width:1020px) and (hover:none) and (pointer:coarse){
  body:not(.map-fullscreen-open) .hero{
    padding-bottom:24px!important;
  }
  body:not(.map-fullscreen-open) .hero-grid > .map-column .map-shell:not(.is-fullscreen){
    height:clamp(380px,42svh,470px)!important;
    max-height:470px!important;
    min-height:380px!important;
  }
}

/* iPad landscape / Pro widths: make the complete opening glass chassis fit
   comfortably inside the visible browser viewport, including the map caption. */
@media (min-width:1021px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  body:not(.map-fullscreen-open) .hero{
    padding-top:6px!important;
    padding-bottom:8px!important;
  }
  body:not(.map-fullscreen-open) .hero-grid{
    height:clamp(535px,calc(100svh - 150px),590px)!important;
    min-height:0!important;
    max-height:590px!important;
    padding-bottom:12px!important;
  }
  body:not(.map-fullscreen-open) .hero-grid > .map-column{
    height:100%!important;
    min-height:0!important;
  }
  body:not(.map-fullscreen-open) .hero-grid > .map-column .map-shell:not(.is-fullscreen){
    min-height:0!important;
    max-height:none!important;
  }
}


/* v51 — desktop hero balance: lift the two search actions and use the freed
   lower space for a concise explanation of the two search paths. Tablet and
   phone layouts stay exactly as in v50. */
.hero-action-note{display:none}
@media (min-width:1021px) and (hover:hover) and (pointer:fine){
  .hero-grid > :first-child > .housing-find-mobile-card{
    margin-top:clamp(46px,6vh,66px)!important;
  }
  .hero-action-note{
    display:block;
    width:min(500px,92%);
    max-width:500px;
    margin:14px 0 0 8px;
    color:#59626d;
    font-size:12.5px;
    line-height:1.48;
    letter-spacing:-.006em;
  }
  .hero-action-note strong{
    color:#252a31;
    font-weight:760;
  }
  .hero-action-note::before{
    content:"";
    display:inline-block;
    width:7px;
    height:7px;
    margin:0 8px 1px 0;
    border-radius:50%;
    background:#e54528;
    box-shadow:0 0 0 4px rgba(229,69,40,.09);
  }
  .hero-grid > :first-child > .microcopy{
    margin-top:10px!important;
  }
}

/* v52 — iPad hero root-cause fix.
   iPad landscape widths >=1021px were accidentally inheriting the desktop grid:
   the map column had a 700px minimum width while the hero also had a fixed/max
   viewport height and overflow:hidden. That squeezed the left column until its
   text/forms became much taller than the hero and clipped both the address card
   and the map/caption. Tablet now gets its own fluid columns and intrinsic hero
   height; portrait uses a slightly shorter map so the complete opening chassis
   fits inside the initial iPad viewport. */
@media (min-width:761px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  body:not(.map-fullscreen-open) .hero{
    padding-top:6px!important;
    padding-bottom:10px!important;
  }
  body:not(.map-fullscreen-open) .hero-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:18px!important;
    padding:14px 16px 14px!important;
    align-items:stretch!important;
  }
  body:not(.map-fullscreen-open) .hero-grid > .map-column{
    transform:none!important;
    min-height:0!important;
    padding-top:0!important;
  }
  body:not(.map-fullscreen-open) .hero-grid > .map-column .map-shell:not(.is-fullscreen){
    min-height:0!important;
    max-height:none!important;
  }
}

/* iPad landscape / large tablet: never inherit the desktop 700px map minimum. */
@media (min-width:1021px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  body:not(.map-fullscreen-open) .hero-grid{
    grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr)!important;
  }
  body:not(.map-fullscreen-open) .hero-grid > :first-child{
    min-width:0!important;
    height:auto!important;
    align-self:stretch!important;
    padding:4px 8px!important;
  }
  body:not(.map-fullscreen-open) .hero-grid > .map-column{
    height:auto!important;
    align-self:stretch!important;
    grid-template-rows:minmax(0,1fr) auto!important;
  }
  body:not(.map-fullscreen-open) .hero-grid > .map-column .map-shell:not(.is-fullscreen){
    height:clamp(430px,55svh,520px)!important;
    align-self:start!important;
  }
}

/* iPad portrait: shorten the normal map just enough to keep map + caption
   completely inside the opening glass chassis on arrival. */
@media (min-width:761px) and (max-width:1020px) and (hover:none) and (pointer:coarse){
  body:not(.map-fullscreen-open) .hero-grid > .map-column .map-shell:not(.is-fullscreen){
    height:clamp(360px,39svh,420px)!important;
    min-height:360px!important;
    max-height:420px!important;
  }
}

/* v53 — desktop hero vertical balance.
   Move the intro slightly lower, then center the complete search stack in the
   vertical space that remains beneath the intro instead of pinning it too high
   or too low. Tablet and phone rules are intentionally untouched. */
@media (min-width:1021px) and (hover:hover) and (pointer:fine){
  .hero-grid > :first-child{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto minmax(18px,1fr) auto auto auto auto minmax(18px,1fr)!important;
    align-content:stretch!important;
    justify-content:initial!important;
    padding-top:32px!important;
    padding-bottom:27px!important;
  }
  .hero-grid > :first-child::after{
    content:"";
    display:block;
    grid-column:1;
    grid-row:8;
    min-height:0;
    pointer-events:none;
  }
  .hero-grid > :first-child > h1{
    grid-column:1;
    grid-row:1;
    align-self:start;
  }
  .hero-grid > :first-child > .hero-copy{
    grid-column:1;
    grid-row:2;
    align-self:start;
  }
  .hero-grid > :first-child > .housing-find-mobile-card{
    grid-column:1;
    grid-row:4;
    align-self:end;
    margin-top:0!important;
  }
  .hero-grid > :first-child > #searchForm{
    grid-column:1;
    grid-row:5;
    align-self:start;
    margin-top:10px!important;
  }
  .hero-grid > :first-child > .hero-action-note{
    grid-column:1;
    grid-row:6;
    align-self:start;
  }
  .hero-grid > :first-child > .microcopy{
    grid-column:1;
    grid-row:7;
    align-self:start;
  }
}

/* v55 — commercial filters in Classic Search */
.classic-commercial-checks{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding-top:5px;
}
.classic-commercial-checks[hidden]{display:none!important}
.classic-commercial-title{
  grid-column:1/-1;
  margin:4px 0 0;
  color:#68717e;
  font-size:11px;
  font-weight:850;
  letter-spacing:.045em;
  text-transform:uppercase;
}
@media(max-width:760px){.classic-commercial-checks{grid-template-columns:1fr 1fr}}

/* === 2026-08-26 v56 — Classic Search: compact filter button + scrollable filter bubble === */
.classic-page .classic-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.classic-page .classic-title-row h1{margin:0}
.classic-filter-toggle{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:148px;
  min-height:44px;
  padding:9px 14px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(17,24,39,.11)!important;
  box-shadow:0 5px 16px rgba(35,38,44,.055)!important;
  color:#23262b!important;
  font-weight:850!important;
}
.classic-filter-toggle:hover{background:rgba(255,255,255,.9)!important;transform:none!important}
.classic-filter-toggle.is-open{
  background:#17191d!important;
  border-color:#17191d!important;
  color:#fff!important;
}
.classic-filter-count{
  display:inline-grid;
  place-items:center;
  min-width:21px;
  height:21px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(229,69,40,.13);
  color:#b9321d;
  font-size:11px;
  line-height:1;
  font-weight:900;
}
.classic-filter-count:empty{display:none}
.classic-filter-toggle.is-open .classic-filter-count{background:rgba(255,255,255,.16);color:#fff}
.classic-filter-chevron{font-size:15px;line-height:1;transition:transform .16s ease}
.classic-filter-toggle.is-open .classic-filter-chevron{transform:rotate(180deg)}
.classic-page .classic-filter-card[hidden]{display:none!important}
.classic-page .classic-filter-card{
  max-height:min(58vh,620px);
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scroll-behavior:smooth;
}
.classic-page .classic-filter-card .housing-mode-head{
  position:sticky;
  top:-16px;
  z-index:4;
  margin:-4px -2px 8px;
  padding:4px 2px 10px;
  background:linear-gradient(180deg,rgba(253,252,249,.98) 70%,rgba(253,252,249,0));
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.classic-page .classic-search-button{
  position:sticky;
  bottom:0;
  z-index:5;
  box-shadow:0 -10px 22px rgba(247,245,239,.78),0 7px 18px rgba(229,69,40,.13)!important;
}
@media(max-width:900px){
  .classic-page .classic-filter-card{max-height:min(60vh,580px)}
}
@media(max-width:760px){
  .classic-page .classic-title-row{align-items:flex-end;margin-bottom:14px}
  .classic-filter-toggle{min-width:126px;min-height:42px;padding:8px 12px!important;border-radius:13px!important}
  .classic-page .classic-filter-card{max-height:min(64vh,560px)}
}

/* v56 final — Filters expand as one scrollable glass card above the map/results card. */
.classic-page .classic-layout{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  margin-top:0!important;
}
.classic-page .classic-filter-card{
  order:1;
  width:100%!important;
  position:relative!important;
  top:auto!important;
}
.classic-page .classic-results-card{order:2;width:100%!important}

/* === 2026-08-26 v57 — Classic Search: three linked glass sections, always visible === */
.classic-page .classic-title-row{
  display:block!important;
  margin-bottom:18px!important;
}
.classic-page .classic-filter-toggle{display:none!important}
.classic-page .classic-layout{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  margin-top:0!important;
}
.classic-page .classic-filter-card,
.classic-page .classic-list-card,
.classic-page .classic-map-card{
  width:100%!important;
  position:relative!important;
  top:auto!important;
}
.classic-page .classic-filter-card{
  display:block!important;
  max-height:clamp(360px,46vh,520px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scroll-behavior:smooth;
}
.classic-page .classic-filter-card .housing-mode-head{
  position:sticky!important;
  top:-16px!important;
  z-index:4!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:baseline!important;
  gap:10px 14px!important;
  margin:-4px -2px 8px!important;
  padding:4px 2px 10px!important;
  background:linear-gradient(180deg,rgba(253,252,249,.98) 70%,rgba(253,252,249,0))!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.classic-page .classic-filter-card .classic-section-note{justify-self:end}
.classic-page .classic-search-button{
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
}
.classic-page .classic-results-card{
  min-height:0!important;
  overflow:hidden!important;
}
.classic-page .classic-list-card .housing-mode-head,
.classic-page .classic-map-card .housing-mode-head{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px 14px;
  margin-bottom:14px;
}
.classic-section-note{
  color:#747b85;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
}
.classic-page .classic-list-card .classic-count{margin-left:auto}
.classic-page .classic-list-card .classic-results{
  display:grid;
  gap:10px;
  max-height:clamp(320px,48vh,560px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:2px 4px 4px 0;
}
.classic-page .classic-map-card{
  min-height:0!important;
  overflow:hidden!important;
}
.classic-page .classic-map-wrap{
  height:clamp(410px,56vh,620px)!important;
  min-height:410px!important;
}
.classic-page .classic-list-card::after,
.classic-page .classic-filter-card::after{
  content:"";
  position:absolute;
  left:34px;
  bottom:-19px;
  width:1px;
  height:19px;
  background:linear-gradient(180deg,rgba(229,69,40,.22),rgba(229,69,40,.04));
  pointer-events:none;
}
@media(max-width:900px){
  .classic-page .classic-filter-card{max-height:min(52vh,500px)!important}
  .classic-page .classic-list-card .classic-results{max-height:min(48vh,520px)}
  .classic-page .classic-map-wrap{height:min(52vh,520px)!important;min-height:380px!important}
}
@media(max-width:760px){
  .classic-page .classic-filter-card{max-height:min(58vh,520px)!important}
  .classic-page .classic-filter-card .housing-mode-head{grid-template-columns:1fr!important;gap:4px!important}
  .classic-page .classic-filter-card .classic-section-note{justify-self:start}
  .classic-page .classic-list-card .classic-results{max-height:48vh}
  .classic-page .classic-map-wrap{height:50vh!important;min-height:350px!important}
  .classic-page .classic-list-card::after,
  .classic-page .classic-filter-card::after{left:28px}
}


/* === 2026-08-26 v58 — Classic search: filters → list → map + listing engagement === */
.classic-page .classic-filter-card{order:1!important}
.classic-page .classic-list-card{order:2!important}
.classic-page .classic-map-card{order:3!important}
.classic-step-index{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:9px;border-radius:9px;background:rgba(229,69,40,.10);color:#b93420;font-size:12px;font-weight:950;vertical-align:2px}
.classic-result-card{padding:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important;gap:0!important;cursor:default!important;overflow:hidden}
.classic-result-body{appearance:none;border:0;background:transparent;color:inherit;text-align:left;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;cursor:pointer;font:inherit}
.classic-result-body:focus-visible,.classic-like-button:focus-visible{outline:3px solid rgba(229,69,40,.18);outline-offset:-3px}
.classic-engagement-row{display:flex;flex-wrap:wrap;gap:6px 11px;margin-top:8px;color:#757b84;font-size:11px;font-weight:760}
.classic-engagement-stat{white-space:nowrap}
.classic-like-button{appearance:none;border:0;border-left:1px solid rgba(17,24,39,.08);background:rgba(255,255,255,.38);min-width:78px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#6c727b;cursor:pointer;font:inherit}
.classic-like-button>span{font-size:23px;line-height:1}.classic-like-button small{font-size:10px;font-weight:850}
.classic-like-button.is-liked{color:#d74328;background:rgba(229,69,40,.065)}
.classic-like-button:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){.classic-result-card{grid-template-columns:minmax(0,1fr) 64px!important}.classic-result-body{align-items:flex-start;flex-direction:column}.classic-like-button{min-width:64px}.classic-engagement-row{gap:5px 9px}}

/* v58 — account Favorites tab placement after legacy account-grid overrides */
@media (min-width:1025px){
  .member-account-tabs button[data-account-view="messages"]{grid-column:1!important;grid-row:2!important}
  .member-account-tabs button[data-account-view="reviews"]{grid-column:2!important;grid-row:2!important}
  .member-account-tabs button[data-account-view="favorites"]{grid-column:3!important;grid-row:2!important}
  .member-account-tabs button[data-account-view="listings"]{grid-column:4!important;grid-row:2!important}
  .member-account-tabs button[data-account-view="searches"]{grid-column:1!important;grid-row:3!important}
  .member-account-tabs button[data-account-view="activity"]{grid-column:2!important;grid-row:3!important}
}


/* === 2026-08-26 v59/v64 — Classic search: richer listing previews; dedicated map price range removed in v64 === */
.classic-result-highlights{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin:7px 0 8px;
}
.classic-result-highlight{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 8px;
  border:1px solid rgba(17,24,39,.08);
  border-radius:999px;
  background:rgba(248,247,244,.86);
  color:#5f6772;
  font-size:10.5px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}
.classic-result-highlight-surface{
  border-color:rgba(47,158,99,.20);
  background:rgba(47,158,99,.09);
  color:#237a4d;
  font-size:12px;
}
.classic-result-highlight-surface b{font-weight:950}
.classic-result-highlight-age{color:#777d86}
@media(max-width:760px){
  .classic-result-highlights{gap:5px;margin-top:6px}
  .classic-result-highlight{font-size:10px}
  .classic-result-highlight-surface{font-size:11.5px}
}


/* === 2026-08-26 v60 — Classic filters: glass header, full-screen criteria, blurred search dock === */
.classic-page .classic-filter-toolbar{
  position:sticky;
  top:-16px;
  z-index:16;
  display:flex;
  align-items:stretch;
  gap:10px;
  margin:-4px -2px 10px;
  padding:4px 2px 9px;
  background:linear-gradient(180deg,rgba(245,243,238,.62) 0%,rgba(245,243,238,.22) 72%,rgba(245,243,238,0) 100%);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
}
.classic-page .classic-filter-card .housing-mode-head.classic-filter-head-glass{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  min-width:0;
  flex:1 1 auto;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0!important;
  padding:10px 14px!important;
  border:1px solid rgba(255,255,255,.76)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.34))!important;
  box-shadow:0 13px 30px rgba(22,28,38,.10),0 3px 8px rgba(22,28,38,.05),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(89,96,108,.07)!important;
  backdrop-filter:blur(24px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(170%)!important;
  overflow:visible!important;
}
.classic-page .classic-filter-card .classic-filter-head-glass h2{
  flex:0 0 auto;
  margin:0!important;
  white-space:nowrap;
}
.classic-page .classic-filter-card .classic-filter-head-glass .classic-section-note{
  min-width:0;
  max-width:none;
  margin:0;
  justify-self:auto!important;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  text-align:right;
  color:#68717e;
}
.classic-filter-fullscreen{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 auto;
  min-width:126px;
  min-height:48px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.76);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.36));
  box-shadow:0 13px 30px rgba(22,28,38,.09),0 3px 8px rgba(22,28,38,.045),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(89,96,108,.07);
  backdrop-filter:blur(24px) saturate(170%);
  -webkit-backdrop-filter:blur(24px) saturate(170%);
  color:#242831;
  font:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition:transform .14s ease,background .14s ease,box-shadow .14s ease;
}
.classic-filter-fullscreen:hover{transform:translateY(-1px);background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.48))}
.classic-filter-fullscreen:focus-visible{outline:3px solid rgba(229,69,40,.18);outline-offset:2px}
.classic-filter-fullscreen[aria-pressed="true"]{background:linear-gradient(180deg,#23262c,#17191d);border-color:#17191d;color:#fff}
.classic-filter-fullscreen-icon{font-size:18px;line-height:1}

.classic-page .classic-search-dock{
  position:sticky;
  bottom:-16px;
  z-index:18;
  margin:16px -16px -16px;
  padding:12px 16px 16px;
  border-top:1px solid rgba(255,255,255,.64);
  background:linear-gradient(180deg,rgba(247,245,240,.62),rgba(247,245,240,.88) 42%,rgba(247,245,240,.94));
  box-shadow:0 -12px 28px rgba(35,38,44,.06),inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
}
.classic-page .classic-search-dock .classic-search-button{
  position:relative!important;
  bottom:auto!important;
  margin-top:0!important;
  box-shadow:0 8px 20px rgba(229,69,40,.22)!important;
}
.classic-page .classic-search-dock .housing-page-status{margin-top:7px;min-height:0}

.classic-filter-fullscreen-backdrop{
  position:fixed;
  inset:0;
  z-index:10030;
  background:rgba(20,23,29,.30);
  backdrop-filter:blur(11px) saturate(115%);
  -webkit-backdrop-filter:blur(11px) saturate(115%);
}
.classic-filter-fullscreen-backdrop[hidden]{display:none!important}
body.classic-filter-fullscreen-open{overflow:hidden!important}
.classic-page .classic-filter-card.is-fullscreen{
  position:fixed!important;
  inset:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  z-index:10040!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  padding:20px!important;
  overflow-y:auto!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(249,248,244,.88),rgba(241,239,233,.82))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 36px 100px rgba(15,19,26,.28),inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(30px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(165%)!important;
  overscroll-behavior:contain;
}
.classic-page .classic-filter-card.is-fullscreen .classic-filter-toolbar{top:-20px;margin:-6px -4px 14px;padding:6px 4px 10px;background:linear-gradient(180deg,rgba(244,242,236,.90) 0%,rgba(244,242,236,.60) 72%,rgba(244,242,236,0) 100%)}
.classic-page .classic-filter-card.is-fullscreen .classic-search-dock{bottom:-20px;margin:18px -20px -20px;padding:13px 20px calc(20px + env(safe-area-inset-bottom))}
@media(min-width:980px){
  .classic-page .classic-filter-card.is-fullscreen .classic-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .classic-page .classic-filter-card.is-fullscreen .classic-filter-grid .classic-sort,
  .classic-page .classic-filter-card.is-fullscreen .classic-filter-grid .classic-checks{grid-column:1/-1}
}
@media(max-width:760px){
  .classic-page .classic-filter-toolbar{top:-15px;gap:8px;margin:-3px -1px 9px;padding:3px 1px 8px}
  .classic-page .classic-filter-card .housing-mode-head.classic-filter-head-glass{padding:9px 11px!important;border-radius:17px!important;gap:8px!important}
  .classic-page .classic-filter-card .classic-filter-head-glass h2{font-size:18px}
  .classic-page .classic-filter-card .classic-filter-head-glass .classic-section-note{font-size:10.5px;text-align:left}
  .classic-filter-fullscreen{min-width:48px;width:48px;padding:0;border-radius:16px}
  .classic-filter-fullscreen-text{display:none}
  .classic-page .classic-search-dock{bottom:-15px;margin:14px -15px -15px;padding:10px 15px 15px}
  .classic-page .classic-filter-card.is-fullscreen{inset:0!important;border-radius:0!important;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))!important}
  .classic-page .classic-filter-card.is-fullscreen .classic-filter-toolbar{top:calc(-14px - env(safe-area-inset-top));margin:calc(-7px - env(safe-area-inset-top)) -2px 12px;padding:calc(7px + env(safe-area-inset-top)) 2px 9px}
  .classic-page .classic-filter-card.is-fullscreen .classic-search-dock{bottom:calc(-14px - env(safe-area-inset-bottom));margin:16px -14px calc(-14px - env(safe-area-inset-bottom));padding:11px 14px calc(14px + env(safe-area-inset-bottom))}
}

/* === 2026-08-26 v62 — 0–1200+ price control on every map that displays listings === */
.map-price-control{
  position:absolute;
  z-index:115;
  left:14px;
  bottom:14px;
  width:min(370px,calc(100% - 82px));
  padding:12px 14px 10px;
  border:1px solid rgba(17,24,39,.10);
  border-radius:17px;
  background:rgba(255,253,248,.94);
  box-shadow:0 10px 30px rgba(25,30,38,.14),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(16px) saturate(145%);
  -webkit-backdrop-filter:blur(16px) saturate(145%);
  color:#252a31;
  pointer-events:auto;
}
.map-price-control[hidden]{display:none!important}
.map-price-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.map-price-head strong{font-size:12px;font-weight:900}
.map-price-head span{font-size:11px;font-weight:850;color:#d74328;text-align:right}
.map-price-slider{position:relative;height:30px;margin:6px 2px 0}
.map-price-track,.map-price-fill{
  position:absolute;top:13px;left:0;right:0;height:5px;border-radius:999px;pointer-events:none;
}
.map-price-track{background:rgba(36,42,49,.13)}
.map-price-fill{right:auto;background:#e54528;box-shadow:0 0 0 1px rgba(197,48,28,.05)}
.map-price-slider input[type="range"]{
  appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:30px;margin:0;padding:0;border:0;background:transparent;pointer-events:none;outline:none;
}
.map-price-slider input[type="range"]::-webkit-slider-runnable-track{height:5px;background:transparent;border:0}
.map-price-slider input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7.5px;border:3px solid #fffdf8;border-radius:50%;background:#e54528;box-shadow:0 2px 8px rgba(32,35,40,.24);pointer-events:auto;cursor:grab;
}
.map-price-slider input[type="range"]::-moz-range-track{height:5px;background:transparent;border:0}
.map-price-slider input[type="range"]::-moz-range-thumb{
  width:15px;height:15px;border:3px solid #fffdf8;border-radius:50%;background:#e54528;box-shadow:0 2px 8px rgba(32,35,40,.24);pointer-events:auto;cursor:grab;
}
.map-price-slider input[type="range"]:focus-visible::-webkit-slider-thumb{outline:3px solid rgba(229,69,40,.22);outline-offset:2px}
.map-price-slider input[type="range"]:focus-visible::-moz-range-thumb{outline:3px solid rgba(229,69,40,.22);outline-offset:2px}
.map-price-scale{display:flex;justify-content:space-between;gap:12px;margin-top:-1px;color:#818791;font-size:9px;font-weight:800}
.map-shell.is-fullscreen .map-price-control{left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom))}
.owner-account-map-wrap .account-map-price-control{left:12px;bottom:12px;width:min(350px,calc(100% - 76px))}
@media(max-width:760px){
  .map-price-control{
    left:10px;bottom:10px;width:calc(100% - 72px);min-width:220px;padding:10px 11px 8px;border-radius:15px;
  }
  .map-price-head{align-items:flex-start;flex-direction:column;gap:1px}
  .map-price-head span{text-align:left}
  .map-shell.is-fullscreen .map-price-control{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 76px)}
}

/* === 2026-08-26 v65 — Classic filters: natural page flow + true scrollable fullscreen ===
   Normal mode uses the page's own scrolling. Fullscreen is portaled to <body> in JS,
   avoiding Safari/WebKit fixed-position clipping caused by .housing-shell's
   overflow:hidden + backdrop-filter. */
html.classic-filter-fullscreen-open,
body.classic-filter-fullscreen-open{
  overflow:hidden!important;
  width:100%;
  overscroll-behavior:none;
}

/* Normal mode: no nested scroll container. The filters belong to the page flow. */
.classic-page #classicApp .classic-filter-card:not(.is-fullscreen){
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  scrollbar-gutter:auto!important;
}
.classic-page #classicApp .classic-filter-card:not(.is-fullscreen) .classic-filter-toolbar{
  position:relative!important;
  top:auto!important;
  margin:-4px -2px 10px!important;
}
.classic-page #classicApp .classic-filter-card:not(.is-fullscreen) .classic-search-dock{
  position:relative!important;
  bottom:auto!important;
  margin:16px -16px -16px!important;
}

/* True fullscreen: the form is a direct child of body while this class is active. */
body > .classic-filter-card.is-fullscreen{
  position:fixed!important;
  inset:12px!important;
  z-index:2147483600!important;
  box-sizing:border-box!important;
  width:auto!important;
  height:calc(100dvh - 24px)!important;
  min-height:0!important;
  max-height:calc(100dvh - 24px)!important;
  margin:0!important;
  padding:20px!important;
  display:block!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  touch-action:pan-y;
  scrollbar-gutter:stable;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(249,248,244,.97),rgba(241,239,233,.95))!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 36px 100px rgba(15,19,26,.30),inset 0 1px 0 rgba(255,255,255,.98)!important;
  backdrop-filter:blur(30px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(165%)!important;
}

/* The backdrop is also portaled to body, below the filter panel. */
body > .classic-filter-fullscreen-backdrop{
  z-index:2147483500!important;
}

/* Sticky controls are now relative to the real fullscreen scroller. */
body > .classic-filter-card.is-fullscreen .classic-filter-toolbar{
  position:sticky!important;
  top:-20px!important;
  z-index:30!important;
  margin:-7px -4px 14px!important;
  padding:7px 4px 10px!important;
  background:linear-gradient(180deg,rgba(244,242,236,.98) 0%,rgba(244,242,236,.88) 72%,rgba(244,242,236,0) 100%)!important;
}
body > .classic-filter-card.is-fullscreen .classic-search-dock{
  position:sticky!important;
  bottom:-20px!important;
  z-index:30!important;
  margin:18px -20px -20px!important;
  padding:13px 20px calc(20px + env(safe-area-inset-bottom))!important;
  background:linear-gradient(180deg,rgba(247,245,240,.72),rgba(247,245,240,.96) 38%,rgba(247,245,240,.99))!important;
}

/* Give the last fields enough breathing room above the sticky search dock. */
body > .classic-filter-card.is-fullscreen .classic-filter-grid:last-of-type,
body > .classic-filter-card.is-fullscreen .classic-filter-grid:not([hidden]):last-of-type{
  padding-bottom:8px;
}

@media(min-width:980px){
  body > .classic-filter-card.is-fullscreen .classic-filter-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body > .classic-filter-card.is-fullscreen .classic-filter-grid .classic-sort,
  body > .classic-filter-card.is-fullscreen .classic-filter-grid .classic-checks{
    grid-column:1/-1!important;
  }
}

@media(max-width:760px){
  body > .classic-filter-card.is-fullscreen{
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-radius:0!important;
  }
  body > .classic-filter-card.is-fullscreen .classic-filter-toolbar{
    top:calc(-14px - env(safe-area-inset-top))!important;
    margin:calc(-7px - env(safe-area-inset-top)) -2px 12px!important;
    padding:calc(7px + env(safe-area-inset-top)) 2px 9px!important;
  }
  body > .classic-filter-card.is-fullscreen .classic-search-dock{
    bottom:calc(-14px - env(safe-area-inset-bottom))!important;
    margin:16px -14px calc(-14px - env(safe-area-inset-bottom))!important;
    padding:11px 14px calc(14px + env(safe-area-inset-bottom))!important;
  }
}

/* === 2026-08-26 v66 — Classic filters: arrow-only disclosure + correctly sized search glass === */
.classic-filter-collapse-toggle{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 34px;
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  padding:0;
  margin-left:2px;
  display:grid;
  place-items:center;
  border:1px solid rgba(41,46,54,.10);
  border-radius:11px;
  background:rgba(255,255,255,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 4px 12px rgba(27,31,38,.055);
  color:#353941;
  font:inherit;
  cursor:pointer;
  transition:background .14s ease,box-shadow .14s ease,transform .14s ease;
}
.classic-filter-collapse-toggle:hover{background:rgba(255,255,255,.72)}
.classic-filter-collapse-toggle:focus-visible{outline:3px solid rgba(229,69,40,.18);outline-offset:2px}
.classic-filter-collapse-chevron{
  display:block;
  font-size:19px;
  line-height:1;
  transform:translateY(-1px) rotate(0deg);
  transition:transform .18s ease;
}
.classic-filter-collapse-toggle[aria-expanded="true"] .classic-filter-collapse-chevron{
  transform:translateY(1px) rotate(180deg);
}
.classic-page #classicApp .classic-filter-card.is-collapsed:not(.is-fullscreen){
  padding:8px!important;
}
.classic-page #classicApp .classic-filter-card.is-collapsed:not(.is-fullscreen) > .housing-field,
.classic-page #classicApp .classic-filter-card.is-collapsed:not(.is-fullscreen) > .housing-source-picker,
.classic-page #classicApp .classic-filter-card.is-collapsed:not(.is-fullscreen) > .classic-filter-grid,
.classic-page #classicApp .classic-filter-card.is-collapsed:not(.is-fullscreen) > .classic-search-dock{
  display:none!important;
}
.classic-page #classicApp .classic-filter-card.is-collapsed:not(.is-fullscreen) .classic-filter-toolbar{
  position:relative!important;
  top:auto!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.classic-page #classicApp .classic-filter-card.is-collapsed:not(.is-fullscreen) .classic-filter-head-glass{
  min-height:48px;
}
body > .classic-filter-card.is-fullscreen .classic-filter-collapse-toggle{
  display:none!important;
}

/* Search glass resized to the exact usable width of the card. */
.classic-page .classic-search-dock,
.classic-page #classicApp .classic-filter-card:not(.is-fullscreen) .classic-search-dock{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:16px 0 0!important;
  padding:8px!important;
  position:relative!important;
  bottom:auto!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(247,245,240,.72))!important;
  box-shadow:0 10px 25px rgba(35,38,44,.07),inset 0 1px 0 rgba(255,255,255,.90)!important;
  backdrop-filter:blur(20px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
  overflow:hidden;
}
.classic-page .classic-search-dock .classic-search-button{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-height:52px!important;
  margin:0!important;
}
.classic-page .classic-search-dock .housing-page-status:empty{display:none!important}
.classic-page .classic-search-dock .housing-page-status:not(:empty){
  display:block;
  margin:7px 4px 2px!important;
}
body > .classic-filter-card.is-fullscreen .classic-search-dock{
  box-sizing:border-box!important;
  position:sticky!important;
  left:auto!important;
  right:auto!important;
  bottom:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:18px 0 0!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(247,245,240,.92))!important;
  box-shadow:0 12px 30px rgba(28,32,39,.11),inset 0 1px 0 rgba(255,255,255,.94)!important;
  backdrop-filter:blur(24px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(155%)!important;
}
.classic-page .classic-filter-card .housing-mode-head.classic-filter-head-glass{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
}
.classic-page .classic-filter-card .classic-filter-head-glass .classic-section-note{
  text-align:right!important;
  justify-self:end!important;
}
@media(max-width:760px){
  .classic-filter-collapse-toggle{
    flex-basis:32px;
    width:32px;
    height:32px;
    min-width:32px;
    min-height:32px;
    border-radius:10px;
  }
  .classic-filter-collapse-chevron{font-size:18px}
  .classic-page .classic-filter-card .housing-mode-head.classic-filter-head-glass{
    grid-template-columns:auto minmax(0,1fr) 32px!important;
    padding:8px 9px!important;
  }
  .classic-page #classicApp .classic-filter-card.is-collapsed:not(.is-fullscreen){
    padding:7px!important;
  }
  .classic-page .classic-search-dock,
  .classic-page #classicApp .classic-filter-card:not(.is-fullscreen) .classic-search-dock{
    margin-top:13px!important;
    padding:7px!important;
    border-radius:16px!important;
  }
  body > .classic-filter-card.is-fullscreen .classic-search-dock{
    bottom:0!important;
    margin:15px 0 0!important;
    padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important;
    border-radius:17px!important;
  }
}

/* === 2026-08-26 v67 — Main map price range: fullscreen only ===
   The landing-page price control stays out of the compact map and becomes
   visible only when that main map itself is in fullscreen mode. */
.map-shell:not(.is-fullscreen) > #mainMapPriceControl{
  display:none!important;
}
.map-shell.is-fullscreen > #mainMapPriceControl:not([hidden]){
  display:block!important;
}

/* === 2026-08-26 v69 — Classic search listing photo previews === */
.classic-result-card.classic-result-listing{display:block!important}
.classic-result-listing .classic-result-lower{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
.classic-listing-photo-strip{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:10px 10px 0;background:rgba(249,248,244,.58)}
.classic-listing-photo-frame{flex:0 0 min(58%,245px);scroll-snap-align:start;border-radius:13px;overflow:hidden;background:#ebe9e3;border:1px solid rgba(17,24,39,.07)}
.classic-listing-photo-frame img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;user-select:none;-webkit-user-drag:none}
.classic-preview-keyfacts{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.classic-preview-fact{display:inline-flex;align-items:center;min-height:27px;padding:4px 8px;border:1px solid rgba(17,24,39,.08);border-radius:999px;background:rgba(255,255,255,.68);color:#4f5660;font-size:11px;font-weight:820}
.classic-preview-fact.is-available{background:rgba(47,158,99,.065);border-color:rgba(47,158,99,.13);color:#287e52}
.classic-result-listing .classic-result-main>small{display:block;margin-top:5px}

@media(max-width:760px){
  .classic-result-listing .classic-result-lower{grid-template-columns:minmax(0,1fr) 64px}
  .classic-listing-photo-strip{gap:7px;padding:8px 8px 0}
  .classic-listing-photo-frame{flex-basis:min(78vw,285px);border-radius:12px}
  .classic-preview-keyfacts{margin-top:7px}
}


/* === 2026-08-26 v72 — Classic Search listing photos: authoritative display === */
.classic-result-listing .classic-listing-photo-strip{
  display:flex!important;
  width:100%!important;
  min-height:150px!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:10px 10px 8px!important;
  box-sizing:border-box!important;
  background:rgba(249,248,244,.72)!important;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.classic-result-listing .classic-listing-photo-frame{
  display:block!important;
  flex:0 0 min(58%,245px)!important;
  min-width:180px!important;
  min-height:135px!important;
  overflow:hidden!important;
  border-radius:13px!important;
  background:#ebe9e3!important;
  scroll-snap-align:start;
}
.classic-result-listing .classic-listing-photo-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:135px!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:760px){
  .classic-result-listing .classic-listing-photo-strip{min-height:142px!important;padding:8px!important}
  .classic-result-listing .classic-listing-photo-frame{flex-basis:min(78vw,285px)!important;min-height:126px!important}
  .classic-result-listing .classic-listing-photo-frame img{min-height:126px!important}
}


/* === 2026-08-26 v74 — Classic Search: in-place full listing detail === */
html.classic-detail-open,body.classic-detail-open{overflow:hidden!important}
.classic-detail-overlay{position:fixed;inset:0;z-index:12000;overflow-y:auto;overflow-x:hidden;background:rgba(246,244,239,.98);opacity:0;transition:opacity .12s ease;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.classic-detail-overlay.is-open{opacity:1}
.classic-detail-shell{width:min(980px,100%);min-height:100%;margin:0 auto;padding:72px 20px 70px;box-sizing:border-box}
.classic-detail-close{position:fixed;z-index:12005;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));appearance:none;width:44px;height:44px;border:1px solid rgba(23,23,23,.12);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(28,24,19,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font:500 30px/1 system-ui;color:#171717;cursor:pointer}
.classic-detail-content{width:100%}
.classic-detail-loading,.classic-detail-empty{padding:18px;border:1px solid rgba(23,23,23,.08);border-radius:18px;background:rgba(255,255,255,.72);color:#68625c;text-align:center}
.classic-detail-loading-main{margin-top:18vh}
.classic-detail-listing{display:grid;gap:18px}
.classic-detail-gallery{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 0 7px}
.classic-detail-gallery figure{flex:0 0 min(82%,620px);margin:0;overflow:hidden;border-radius:22px;background:#eae7e0;scroll-snap-align:start;box-shadow:0 8px 28px rgba(36,30,24,.08)}
.classic-detail-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.classic-detail-hero,.classic-detail-owner,.classic-detail-facts,.classic-detail-description,.classic-detail-insights,.classic-detail-reviews{padding:20px;border:1px solid rgba(23,23,23,.09);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 12px 34px rgba(45,37,29,.06)}
.classic-detail-hero>span{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8a8178}.classic-detail-hero h1{margin:6px 0 4px;font-size:clamp(30px,5vw,52px);line-height:1}.classic-detail-hero h1 small{font-size:.38em;font-weight:750;color:#756d65}.classic-detail-hero>p{margin:8px 0 0;color:#5f5a54;font-size:15px}
.classic-detail-stats{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(23,23,23,.07);font-size:12px;color:#65605a}
.classic-detail-owner{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.classic-detail-owner>div:first-child>span{display:block;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8b8279}.classic-detail-owner>div:first-child>strong{display:block;margin-top:4px;font-size:19px}.classic-detail-owner-meta{display:flex;align-items:flex-end;flex-direction:column;gap:5px;color:#67615b;font-size:12px}
.classic-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.classic-detail-facts>span{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:14px;background:rgba(248,247,243,.84)}.classic-detail-facts small{color:#817970;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.classic-detail-facts strong{font-size:14px}
.classic-detail-description h2,.classic-detail-insights>h2,.classic-detail-reviews>h2{margin:0 0 14px;font-size:20px}.classic-detail-description p{margin:0;white-space:pre-wrap;line-height:1.65;color:#4e4944}
.classic-detail-insights>div{display:grid;gap:14px}.property-insight-section{padding:18px;border-radius:20px;background:rgba(249,248,244,.8);border:1px solid rgba(65,53,42,.07)}.property-insight-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}.property-insight-heading span{font-size:.7rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#8b8178}.property-insight-heading strong{font-size:1.02rem}.property-history-chart-wrap{overflow:hidden;border-radius:16px;background:#fff;border:1px solid rgba(65,53,42,.07)}.property-history-chart{display:block;width:100%;height:auto;min-height:200px}.property-history-axis{stroke:rgba(69,61,54,.28);stroke-width:1.4}.property-history-line{fill:none;stroke:#e54528;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.property-history-dot{fill:#e54528;stroke:#fff;stroke-width:3}.property-history-axis-label{font:600 13px system-ui,sans-serif;fill:#746c65}.property-similar-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.property-similar-summary>div{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(65,53,42,.07)}.property-similar-summary span{font-size:11px;color:#786f67}.property-similar-summary strong{font-size:15px}.property-similar-list{display:grid;gap:7px;margin-top:12px}.property-similar-item{appearance:none;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;text-align:left;padding:11px 12px;border-radius:14px;border:1px solid rgba(65,53,42,.09);background:#fff;cursor:pointer;font:inherit;color:inherit}.property-similar-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-similar-item strong{grid-row:1/3;grid-column:2;align-self:center}.property-similar-item small{color:#7b736b}
.classic-detail-review-list{display:grid;gap:10px}.classic-detail-review{padding:15px;border:1px solid rgba(23,23,23,.08);border-radius:16px;background:rgba(249,248,244,.82)}.classic-detail-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.classic-detail-review-head>div{display:flex;flex-direction:column;gap:3px}.classic-detail-review-head small{color:#7a736c}.classic-detail-review-head>span{white-space:nowrap;color:#e54528;font-size:13px}.classic-detail-review p{margin:12px 0 0;line-height:1.55;white-space:pre-wrap}.classic-detail-review time{display:block;margin-top:10px;color:#8a837b;font-size:11px}
@media(max-width:760px){.classic-detail-shell{padding:66px 12px 50px}.classic-detail-close{width:42px;height:42px;border-radius:13px}.classic-detail-gallery figure{flex-basis:88%}.classic-detail-hero,.classic-detail-owner,.classic-detail-facts,.classic-detail-description,.classic-detail-insights,.classic-detail-reviews{padding:15px;border-radius:18px}.classic-detail-owner{display:block}.classic-detail-owner-meta{align-items:flex-start;margin-top:10px}.classic-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.property-similar-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.property-history-chart{min-height:180px}.classic-detail-review-head{display:block}.classic-detail-review-head>span{display:block;margin-top:7px}.classic-detail-stats{gap:7px 10px}}



/* === 2026-08-26 v75 — Classic detail: only the close button stays fixed ===
   All listing content must scroll away naturally with the detail sheet. */
.classic-detail-overlay .classic-detail-shell,
.classic-detail-overlay .classic-detail-content,
.classic-detail-overlay .classic-detail-listing,
.classic-detail-overlay .classic-detail-gallery,
.classic-detail-overlay .classic-detail-hero,
.classic-detail-overlay .classic-detail-owner,
.classic-detail-overlay .classic-detail-facts,
.classic-detail-overlay .classic-detail-description,
.classic-detail-overlay .classic-detail-insights,
.classic-detail-overlay .classic-detail-reviews,
.classic-detail-overlay .property-insight-section{
  position:static!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  inset:auto!important;
  transform:none!important;
}

/* The close control is deliberately the only persistent element. */
.classic-detail-overlay > .classic-detail-close{
  position:fixed!important;
  top:max(14px,env(safe-area-inset-top))!important;
  right:max(16px,env(safe-area-inset-right))!important;
}

/* === 2026-08-26 v77 — Full reviews + black "View property" CTA === */
.classic-result-listing .classic-result-open-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto;
  min-height:38px;
  padding:9px 14px!important;
  border:1px solid #111!important;
  border-radius:11px!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(17,17,17,.14);
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap;
}
.classic-result-listing .classic-result-body:hover .classic-result-open-button,
.classic-result-listing .classic-result-body:focus-visible .classic-result-open-button{
  background:#000!important;
  transform:translateY(-1px);
}
.classic-detail-review-full{
  margin:0;
}
.classic-detail-reviews .review-card{
  width:100%;
  box-sizing:border-box;
}
.classic-detail-reviews .review-card + .review-card{
  margin-top:12px;
}
.classic-detail-reviews .review-qa{
  margin-top:14px;
}
.classic-detail-open .modal.open{
  z-index:13050!important;
}
.classic-review-photo-lightbox{
  z-index:13100!important;
}
@media(max-width:760px){
  .classic-result-listing .classic-result-open-button{
    min-height:36px;
    padding:8px 11px!important;
    font-size:11px!important;
  }
}

/* === 2026-08-26 v79 — FR hero cleanup; keep search status usable without helper copy === */
.hero-microcopy-status-only{
  min-height:0!important;
  margin-top:0!important;
  padding-top:0!important;
}
.hero-microcopy-status-only #searchStatus:empty{
  display:none!important;
}
@media (min-width:1021px) and (hover:hover) and (pointer:fine){
  .hero-grid > :first-child > .hero-microcopy-status-only{
    margin-top:0!important;
    min-height:0!important;
  }
}

/* === 2026-08-27 v80 — Classic fullscreen filters: no blocking blur layer ===
   The form is the only interactive fullscreen surface. The backdrop only dims
   the page and can never sit on top of / intercept the filter controls. */
body > .classic-filter-fullscreen-backdrop{
  z-index:99990!important;
  background:rgba(20,23,29,.16)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}

body > .classic-filter-card.is-fullscreen{
  z-index:100000!important;
  pointer-events:auto!important;
  isolation:isolate!important;
  background:#f6f4ef!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

body > .classic-filter-card.is-fullscreen::before,
body > .classic-filter-card.is-fullscreen::after{
  pointer-events:none!important;
}

body > .classic-filter-card.is-fullscreen input,
body > .classic-filter-card.is-fullscreen select,
body > .classic-filter-card.is-fullscreen textarea,
body > .classic-filter-card.is-fullscreen button,
body > .classic-filter-card.is-fullscreen label{
  pointer-events:auto!important;
}

body > .classic-filter-card.is-fullscreen .housing-field input,
body > .classic-filter-card.is-fullscreen .housing-field select{
  background:#fff!important;
  opacity:1!important;
  filter:none!important;
}

body > .classic-filter-card.is-fullscreen .classic-filter-toolbar{
  background:linear-gradient(180deg,#f6f4ef 0%,#f6f4ef 82%,rgba(246,244,239,0) 100%)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body > .classic-filter-card.is-fullscreen .classic-search-dock{
  background:linear-gradient(180deg,rgba(246,244,239,.72),#f6f4ef 38%,#f6f4ef 100%)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

@media(max-width:760px){
  body > .classic-filter-card.is-fullscreen{
    background:#f6f4ef!important;
  }
}

/* === 2026-08-27 v81 — Classic fullscreen: same brightness as normal mode === */
body > .classic-filter-fullscreen-backdrop{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
}

/* Keep the fullscreen surface bright instead of beige/grey. */
body > .classic-filter-card.is-fullscreen{
  background:#fbfaf7!important;
  border-color:rgba(255,255,255,.96)!important;
  box-shadow:
    0 18px 52px rgba(31,35,41,.12),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  filter:none!important;
}

/* Remove the subtle dark/glass tint from the sticky header/footer zones. */
body > .classic-filter-card.is-fullscreen .classic-filter-toolbar{
  background:linear-gradient(
    180deg,
    #fbfaf7 0%,
    #fbfaf7 84%,
    rgba(251,250,247,0) 100%
  )!important;
  box-shadow:none!important;
}

body > .classic-filter-card.is-fullscreen .classic-search-dock{
  background:linear-gradient(
    180deg,
    rgba(251,250,247,.62) 0%,
    #fbfaf7 34%,
    #fbfaf7 100%
  )!important;
  box-shadow:none!important;
}

/* Inputs/checks keep the same bright treatment as outside fullscreen. */
body > .classic-filter-card.is-fullscreen .housing-field input,
body > .classic-filter-card.is-fullscreen .housing-field select,
body > .classic-filter-card.is-fullscreen .classic-check,
body > .classic-filter-card.is-fullscreen .housing-source-option{
  background:rgba(255,255,255,.88)!important;
  filter:none!important;
}

/* No global brightness/filter side effects while fullscreen is open. */
html.classic-filter-fullscreen-open,
body.classic-filter-fullscreen-open{
  filter:none!important;
  background:#f5f1e8!important;
}

@media(max-width:760px){
  body > .classic-filter-card.is-fullscreen{
    background:#fbfaf7!important;
    box-shadow:none!important;
  }
}

/* === 2026-08-27 v82 — Main map fullscreen: property/info sheet above price bar === */
.map-shell.is-fullscreen .main-map-price-control{
  z-index:90!important;
}
.map-shell.is-fullscreen .map-sheet.show{
  z-index:220!important;
}
@media(max-width:1366px){
  .map-shell.is-fullscreen .main-map-price-control{z-index:90!important}
  .map-shell.is-fullscreen .map-sheet.show{z-index:220!important}
}



/* === V93 — Desktop main-map hint: original map height + sheets above hint === */
.map-caption-desktop{display:none}
@media (min-width:1025px) and (hover:hover) and (pointer:fine){
  .hero-grid > .map-column{position:relative!important}

  /* Keep the original below-map caption in layout, but invisible on desktop.
     Its real rendered height continues to occupy the second grid row, so the
     map shell gets EXACTLY the same height it had before V91. */
  body:not(.map-fullscreen-open) .hero-grid > .map-column .map-caption-touch{
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* The visible desktop helper now lives INSIDE .map-shell. Because the normal
     information sheet is z-index:5, the sheet naturally opens above this z:4
     helper instead of the helper covering reviews/listings. */
  body:not(.map-fullscreen-open) .hero-grid > .map-column .map-caption-desktop{
    display:block!important;
    position:absolute!important;
    left:14px!important;
    bottom:14px!important;
    z-index:4!important;
    max-width:min(330px,calc(100% - 100px))!important;
    margin:0!important;
    padding:7px 10px!important;
    border:1px solid rgba(255,255,255,.92)!important;
    border-radius:999px!important;
    background:rgba(255,253,248,.90)!important;
    box-shadow:0 8px 22px rgba(25,30,38,.11),inset 0 1px 0 rgba(255,255,255,.96)!important;
    backdrop-filter:blur(14px) saturate(140%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(140%)!important;
    color:#555e69!important;
    font-size:11px!important;
    line-height:1.25!important;
    pointer-events:none!important;
  }

  /* Fullscreen: helper above the price selector (90), but below every opened
     property/review/listing sheet (220). */
  body.map-fullscreen-open .hero-grid > .map-column .map-caption-desktop,
  body:has(.map-shell.is-fullscreen) .hero-grid > .map-column .map-caption-desktop{
    display:block!important;
    position:fixed!important;
    left:max(18px,env(safe-area-inset-left))!important;
    bottom:118px!important;
    z-index:150!important;
    max-width:min(360px,calc(100vw - 110px))!important;
    margin:0!important;
    padding:8px 11px!important;
    border:1px solid rgba(255,255,255,.92)!important;
    border-radius:999px!important;
    background:rgba(255,253,248,.94)!important;
    box-shadow:0 10px 28px rgba(25,30,38,.14),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.map-fullscreen-open .hero-grid > .map-column .map-caption-touch,
  body:has(.map-shell.is-fullscreen) .hero-grid > .map-column .map-caption-touch{
    display:none!important;
  }
}

/* === V91 — Classic matching-results fullscreen === */
.classic-results-fullscreen{
  appearance:none;width:44px;height:44px;min-width:44px;padding:0;display:inline-grid;place-items:center;
  border:1px solid rgba(17,24,39,.10);border-radius:14px;background:rgba(255,255,255,.80);
  color:#23272e;font:850 20px/1 system-ui,sans-serif;cursor:pointer;
  box-shadow:0 7px 20px rgba(28,32,38,.07);
}
.classic-results-fullscreen:hover{background:#fff}
.classic-results-fullscreen:focus-visible{outline:3px solid rgba(229,69,40,.20);outline-offset:2px}
html.classic-results-fullscreen-open,body.classic-results-fullscreen-open{overflow:hidden!important}
.classic-page .classic-results-card.is-fullscreen{
  position:fixed!important;inset:0!important;z-index:12950!important;width:100vw!important;height:100dvh!important;
  min-height:100dvh!important;max-width:none!important;margin:0!important;
  padding:calc(16px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom))!important;
  border:0!important;border-radius:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  background:#f7f4ed!important;box-sizing:border-box!important;
}
.classic-page .classic-results-card.is-fullscreen::after{display:none!important}
.classic-page .classic-results-card.is-fullscreen > .housing-mode-head{
  position:sticky!important;top:calc(-16px - env(safe-area-inset-top))!important;z-index:4!important;
  margin:calc(-16px - env(safe-area-inset-top)) -18px 16px!important;
  padding:calc(16px + env(safe-area-inset-top)) 18px 13px!important;
  background:rgba(247,244,237,.94)!important;border-bottom:1px solid rgba(17,24,39,.07)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
.classic-page .classic-results-card.is-fullscreen .classic-results{
  max-height:none!important;overflow:visible!important;padding:0 2px 8px!important;scrollbar-gutter:auto!important;
}

/* V91 — contact actions + square detail close */
.classic-result-listing .classic-result-lower{grid-template-columns:minmax(0,1fr) auto auto!important}
.classic-contact-button{
  appearance:none;border:0;border-left:1px solid rgba(17,24,39,.08);background:rgba(255,255,255,.48);
  min-width:94px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;color:#252a31;cursor:pointer;font:inherit;
}
.classic-contact-button>span{font-size:18px;line-height:1}
.classic-contact-button small{font-size:10px;font-weight:900}
.classic-contact-button:hover{background:rgba(17,24,39,.055)}
.classic-contact-button:focus-visible{outline:3px solid rgba(229,69,40,.18);outline-offset:-3px}
.classic-contact-button:disabled{opacity:.55;cursor:wait}
.classic-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.classic-detail-contact{min-height:44px}
.classic-detail-overlay > .classic-detail-close{
  width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;
  min-height:44px!important;max-height:44px!important;padding:0!important;aspect-ratio:1/1!important;
  display:grid!important;place-items:center!important;box-sizing:border-box!important;line-height:1!important;
}
@media(max-width:760px){
  .classic-result-listing .classic-result-lower{grid-template-columns:minmax(0,1fr) 78px 64px!important}
  .classic-contact-button{min-width:78px;padding:8px 6px}
  .classic-results-fullscreen{width:42px;height:42px;min-width:42px;border-radius:13px}
  .classic-page .classic-results-card.is-fullscreen{
    padding:calc(12px + env(safe-area-inset-top)) 10px calc(14px + env(safe-area-inset-bottom))!important;
  }
  .classic-page .classic-results-card.is-fullscreen > .housing-mode-head{
    top:calc(-12px - env(safe-area-inset-top))!important;
    margin:calc(-12px - env(safe-area-inset-top)) -10px 13px!important;
    padding:calc(12px + env(safe-area-inset-top)) 10px 10px!important;
  }
}

/* V91 — View + Contact on API listing suggestions */
.housing-result.housing-result-static{cursor:default}
.housing-result.housing-result-static:hover{transform:none}
.housing-result-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:11px}
.housing-result-action{
  appearance:none;border:1px solid rgba(17,24,39,.12);border-radius:11px;min-height:36px;padding:8px 11px;
  background:#fff;color:#1f252d;font:850 11px/1 system-ui,sans-serif;cursor:pointer;
}
.housing-result-action-primary{background:#171b20;color:#fff;border-color:#171b20}
.housing-result-action:hover{transform:translateY(-1px)}


/* === v30 — classic search polish requested 2026-08-30 === */
/* Remove the numbered badges from Filters / Matching results / Map. */
.classic-step-index{display:none!important}

/* Move “Where to search?” inside the active filter grid, immediately before Sort by. */
.classic-filter-grid > .classic-source-picker{
  grid-column:1/-1!important;
  width:100%!important;
  margin:2px 0 0!important;
}
.classic-filter-grid > .classic-source-picker .housing-source-title{
  grid-column:1/-1!important;
  margin-bottom:2px!important;
}
.classic-filter-grid > .classic-source-picker .housing-source-option{
  min-height:50px!important;
  padding:9px 10px!important;
}

/* Flat black exit button in fullscreen filters — no 3D/glass effect. */
.classic-filter-fullscreen[aria-pressed="true"],
body > .classic-filter-card.is-fullscreen .classic-filter-fullscreen[aria-pressed="true"]{
  background:#171717!important;
  background-image:none!important;
  border:1px solid #171717!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
}
.classic-filter-fullscreen[aria-pressed="true"]:hover,
body > .classic-filter-card.is-fullscreen .classic-filter-fullscreen[aria-pressed="true"]:hover{
  background:#171717!important;
  border-color:#171717!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Listing CTAs: same compact button language as “View property”. */
.classic-result-listing .classic-result-open-button{
  box-shadow:none!important;
  transform:none!important;
}
.classic-result-listing .classic-result-lower{
  align-items:center!important;
  gap:8px!important;
  padding-right:12px!important;
}
.classic-contact-button,
.classic-like-button{
  min-width:102px!important;
  min-height:38px!important;
  padding:9px 14px!important;
  border-radius:11px!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  align-self:center!important;
  font:850 12px/1 system-ui,sans-serif!important;
  white-space:nowrap!important;
}
.classic-contact-button{
  background:#d75b3f!important;
  border-color:#bd4b34!important;
  color:#fff!important;
}
.classic-contact-button:hover{
  background:#ca5238!important;
  border-color:#b24430!important;
}
.classic-contact-button>span{display:none!important}
.classic-contact-button small,
.classic-like-button small{
  color:inherit!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
}
.classic-like-button{
  background:#7b4350!important;
  border-color:#6b3945!important;
  color:#fff!important;
}
.classic-like-button:hover{
  background:#6e3a46!important;
  border-color:#60323d!important;
}
.classic-like-button.is-liked{
  background:#63323d!important;
  border-color:#572b35!important;
  color:#fff!important;
}
.classic-like-button>span{
  font-size:15px!important;
  line-height:1!important;
}
.classic-contact-button:focus-visible,
.classic-like-button:focus-visible{
  outline:3px solid rgba(123,67,80,.18)!important;
  outline-offset:2px!important;
}

@media(max-width:760px){
  .classic-result-listing .classic-result-lower{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:0 10px 10px!important;
  }
  .classic-result-listing .classic-result-body{
    grid-column:1/-1!important;
    width:100%!important;
    padding:12px 6px 3px!important;
  }
  .classic-contact-button,
  .classic-like-button{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
  }
}


/* v31 — clarify bedroom semantics in classic search */
.classic-bedroom-hint{
  display:block;
  margin-top:2px;
  color:#747b85;
  font-size:11px;
  font-weight:650;
  line-height:1.35;
}

/* v31 — protect the polished account menu from old legacy rules still present in housing-ai.css */
@media (min-width:981px){
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(46px,auto))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:unset!important;
    gap:10px!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    margin:0!important;
    grid-area:auto!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="account"]{grid-column:1!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="calendar"]{grid-column:2!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="searches"]{grid-column:3!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="activity"]{grid-column:4!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="messages"]{grid-column:1!important;grid-row:2!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="reviews"]{grid-column:2!important;grid-row:2!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="favorites"]{grid-column:3!important;grid-row:2!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="listings"]{grid-column:4!important;grid-row:2!important}
}


/* === v32 — source order + listing actions anchored at bottom === */
/* “Available listings” is the natural/default choice and sits on the left. */
.classic-filter-grid > .classic-source-picker{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.classic-filter-grid > .classic-source-picker .housing-source-title{
  order:0!important;
}
.classic-filter-grid > .classic-source-picker .housing-source-option:has(input[value="listings"]){order:1!important}
.classic-filter-grid > .classic-source-picker .housing-source-option:has(input[value="reviews"]){order:2!important}

/* Keep the listing content above and pin the three actions to a clean bottom row. */
.classic-result-listing .classic-result-lower{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
}
.classic-result-listing .classic-result-body{
  width:100%!important;
  min-width:0!important;
  padding:14px 16px 12px!important;
  display:block!important;
  text-align:left!important;
}
.classic-result-actions-bottom{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  padding:0 14px 14px!important;
  margin-top:auto!important;
}
.classic-result-actions-bottom .classic-result-open-button,
.classic-result-actions-bottom .classic-contact-button,
.classic-result-actions-bottom .classic-like-button{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 12px!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  align-self:stretch!important;
  box-shadow:none!important;
  transform:none!important;
  font:850 12px/1 system-ui,sans-serif!important;
  white-space:nowrap!important;
}
.classic-result-actions-bottom .classic-result-open-button{
  appearance:none!important;
  border:1px solid #111!important;
  background:#111!important;
  color:#fff!important;
  cursor:pointer!important;
}
.classic-result-actions-bottom .classic-result-open-button:hover{background:#111!important;transform:none!important}
.classic-result-actions-bottom .classic-contact-button{
  background:#d75b3f!important;
  border:1px solid #bd4b34!important;
  color:#fff!important;
}
.classic-result-actions-bottom .classic-like-button{
  background:#7b4350!important;
  border:1px solid #6b3945!important;
  color:#fff!important;
}
.classic-result-actions-bottom .classic-like-button.is-liked{
  background:#63323d!important;
  border-color:#572b35!important;
}
.classic-result-actions-bottom .classic-contact-button small,
.classic-result-actions-bottom .classic-like-button small{
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
}
.classic-result-actions-bottom .classic-like-button>span{font-size:15px!important;line-height:1!important}

@media(max-width:760px){
  .classic-filter-grid > .classic-source-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .classic-result-actions-bottom{
    gap:7px!important;
    padding:0 9px 10px!important;
  }
  .classic-result-actions-bottom .classic-result-open-button,
  .classic-result-actions-bottom .classic-contact-button,
  .classic-result-actions-bottom .classic-like-button{
    min-height:40px!important;
    padding:8px 6px!important;
    font-size:10.5px!important;
  }
  .classic-result-actions-bottom .classic-contact-button small,
  .classic-result-actions-bottom .classic-like-button small{font-size:10.5px!important}
}


/* === v33 — compact fullscreen controls with glass halo === */
.classic-filter-fullscreen,
.classic-results-fullscreen{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.68)!important;
  background-image:none!important;
  box-shadow:
    0 0 0 5px rgba(255,255,255,.26),
    0 8px 20px rgba(27,31,38,.10),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(15px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(145%)!important;
  transition:background .14s ease,box-shadow .14s ease,transform .14s ease!important;
}
.classic-filter-fullscreen{
  min-width:110px!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 12px!important;
  gap:7px!important;
  font-size:11px!important;
}
.classic-filter-fullscreen-icon,
.classic-results-fullscreen-icon{font-size:15px!important;line-height:1!important}
.classic-results-fullscreen{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  font-size:16px!important;
}
.classic-filter-fullscreen:hover,
.classic-results-fullscreen:hover{
  background:rgba(255,255,255,.84)!important;
  box-shadow:
    0 0 0 5px rgba(255,255,255,.32),
    0 9px 22px rgba(27,31,38,.12),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
  transform:translateY(-1px)!important;
}

/* In fullscreen, both controls become a compact matte-black “Reduce” pill
   floating inside the same soft glass halo. */
.classic-filter-fullscreen[aria-pressed="true"],
body > .classic-filter-card.is-fullscreen .classic-filter-fullscreen[aria-pressed="true"],
.classic-results-fullscreen[aria-pressed="true"]{
  width:auto!important;
  min-width:88px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:12px!important;
  background:#171717!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:
    0 0 0 5px rgba(255,255,255,.30),
    0 8px 18px rgba(23,23,23,.16)!important;
  backdrop-filter:blur(14px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
  font-size:11px!important;
  font-weight:900!important;
  transform:none!important;
}
.classic-filter-fullscreen[aria-pressed="true"]:hover,
body > .classic-filter-card.is-fullscreen .classic-filter-fullscreen[aria-pressed="true"]:hover,
.classic-results-fullscreen[aria-pressed="true"]:hover{
  background:#111!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:
    0 0 0 5px rgba(255,255,255,.34),
    0 9px 20px rgba(23,23,23,.18)!important;
  transform:none!important;
}
.classic-results-fullscreen-text{display:inline!important;white-space:nowrap!important}

@media(max-width:760px){
  .classic-filter-fullscreen{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:12px!important;
  }
  .classic-filter-fullscreen[aria-pressed="true"],
  body > .classic-filter-card.is-fullscreen .classic-filter-fullscreen[aria-pressed="true"],
  .classic-results-fullscreen[aria-pressed="true"]{
    width:auto!important;
    min-width:82px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
  }
  .classic-results-fullscreen{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:12px!important;
  }
}

/* === v34 — restore the polished account menu from v16/v17 and keep mobile/tablet close above messaging === */
.member-drawer .member-account-tabs{
  grid-auto-flow:row!important;
}
.member-drawer .member-account-tabs > button{
  grid-area:auto!important;
  order:initial!important;
}

/* Expanded menu: the exact two-row desktop arrangement previously approved. */
@media (min-width:981px){
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(46px,auto))!important;
    grid-auto-rows:unset!important;
    grid-auto-flow:row!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:8px!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    margin:0!important;
    padding:10px 12px!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="account"]{grid-column:1!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="calendar"]{grid-column:2!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="searches"]{grid-column:3!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="activity"]{grid-column:4!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="messages"]{grid-column:1!important;grid-row:2!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="reviews"]{grid-column:2!important;grid-row:2!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="favorites"]{grid-column:3!important;grid-row:2!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[data-account-view="listings"]{grid-column:4!important;grid-row:2!important}
}

/* Keep the v16 one-line glass collapse instead of letting old housing-ai rules reshape it. */
.member-drawer.member-tabs-collapsed .member-account-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding:8px 10px!important;
  margin:0 0 8px!important;
  border:1px solid rgba(23,23,23,.08)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.58)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 14px 30px rgba(23,23,23,.08)!important,inset 0 1px 0 rgba(255,255,255,.72)!important;
  position:sticky!important;
  top:0!important;
  z-index:40!important;
}
.member-drawer.member-tabs-collapsed .member-account-tabs::-webkit-scrollbar{display:none!important}
.member-drawer.member-tabs-collapsed .member-account-tabs > button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  min-height:38px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  font-size:.95rem!important;
  white-space:nowrap!important;
  grid-column:auto!important;
  grid-row:auto!important;
}

/* iPad/iPhone: the close control must always be the top-most interactive layer. */
@media (max-width:1024px){
  #memberDrawer{
    isolation:isolate!important;
  }
  #memberDrawer .member-drawer-card{
    position:relative!important;
    isolation:isolate!important;
  }
  #memberDrawer .member-panel-close{
    position:fixed!important;
    top:calc(12px + env(safe-area-inset-top))!important;
    right:clamp(14px,3vw,26px)!important;
    z-index:2147483646!important;
    pointer-events:auto!important;
    display:grid!important;
    place-items:center!important;
    background:#fff!important;
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
    touch-action:manipulation!important;
    isolation:isolate!important;
  }
  #memberDrawer #memberDrawerContent,
  #memberDrawer .member-account-view,
  #memberDrawer .member-messaging-shell,
  #memberDrawer .member-message-thread-list,
  #memberDrawer .member-message-conversation,
  #memberDrawer .member-message-conversation-head,
  #memberDrawer .member-message-bubbles,
  #memberDrawer .member-message-quick,
  #memberDrawer .member-message-composer{
    position:relative!important;
    z-index:1!important;
  }
  #memberDrawer .member-account-tabs{z-index:30!important}
}
@media (min-width:701px) and (max-width:1024px){
  #memberDrawer #memberDrawerTitle{padding-right:62px!important}
}
@media (max-width:700px){
  #memberDrawer #memberDrawerTitle{padding-right:58px!important}
}


/* v35 — account close portal safety, duplicated here against legacy stylesheet ordering */
@media (max-width:1024px){
  #memberDrawer > .member-panel-close.member-panel-close-portal{
    position:fixed!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    right:calc(10px + env(safe-area-inset-right))!important;
    z-index:2147483647!important;
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    background:#fffdf8!important;
    transform:none!important;
    -webkit-transform:none!important;
  }
  #memberDrawer > .member-drawer-card{z-index:1!important}
}


/* v36 — iPhone/iPad: the two-handle map price range is driven by the slider surface,
   not by WebKit pseudo-thumb hit testing. */
.map-price-slider{
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  pointer-events:auto!important;
}
@media (hover:none), (pointer:coarse){
  .map-price-slider{min-height:40px!important;height:40px!important;margin-top:4px!important;}
  .map-price-track,.map-price-fill{top:18px!important;}
  .map-price-slider input[type="range"]{
    height:40px!important;
    pointer-events:none!important;
  }
  .map-price-slider input[type="range"]::-webkit-slider-thumb{
    width:24px!important;
    height:24px!important;
    margin-top:-9.5px!important;
    pointer-events:none!important;
  }
}


/* === v37 — account menu: one shared glass bubble, softer dark base, light controls === */
.member-drawer:not(.member-tabs-collapsed) .member-account-tabs{
  position:relative!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:24px!important;
  background:rgba(82,76,68,.115)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  box-shadow:
    0 0 0 7px rgba(255,255,255,.20),
    0 15px 34px rgba(35,31,27,.09),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(69,61,53,.055)!important;
  margin:7px 8px 20px!important;
  padding:10px!important;
}
.member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button{
  border:0!important;
  outline:0!important;
  background:rgba(255,255,255,.30)!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#514d48!important;
  border-radius:14px!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
.member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button:hover,
.member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button:focus-visible{
  background:rgba(255,255,255,.48)!important;
  color:#272522!important;
  transform:translateY(-1px)!important;
}
.member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button[aria-current="page"]{
  background:#171717!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(23,23,23,.14)!important;
  transform:none!important;
}

/* The compact one-line version keeps the same single shared glass shell. */
.member-drawer.member-tabs-collapsed .member-account-tabs{
  border:1px solid rgba(255,255,255,.74)!important;
  background:rgba(82,76,68,.115)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  box-shadow:
    0 0 0 6px rgba(255,255,255,.18),
    0 13px 30px rgba(35,31,27,.085),
    inset 0 1px 0 rgba(255,255,255,.76)!important;
}
.member-drawer.member-tabs-collapsed .member-account-tabs > button{
  border:0!important;
  background:rgba(255,255,255,.30)!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#514d48!important;
}
.member-drawer.member-tabs-collapsed .member-account-tabs > button[aria-current="page"]{
  background:#171717!important;
  color:#fff!important;
  box-shadow:0 6px 15px rgba(23,23,23,.13)!important;
}

/* Desktop: preserve the approved 4 x 2 arrangement. */
@media (min-width:981px){
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(48px,auto))!important;
    gap:9px!important;
    padding:11px!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button{
    min-height:48px!important;
  }
}

/* iPad: same glass section, slightly tighter two-column layout. */
@media (min-width:701px) and (max-width:980px){
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    border-radius:22px!important;
    padding:10px!important;
    margin:7px 8px 18px!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button{
    min-height:46px!important;
  }
}

/* iPhone: keep the same visual language without making the menu bulky. */
@media (max-width:700px){
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    border-radius:20px!important;
    padding:8px!important;
    margin:6px 7px 16px!important;
    box-shadow:
      0 0 0 5px rgba(255,255,255,.18),
      0 12px 27px rgba(35,31,27,.08),
      inset 0 1px 0 rgba(255,255,255,.76)!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button{
    min-height:43px!important;
    padding:9px 8px!important;
    border-radius:12px!important;
  }
}


/* === v38 — navigation compte: plaque verre chaude, compacte, sans bulles individuelles === */
.member-drawer .member-account-tabs{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(235,231,223,.92),rgba(225,219,210,.76))!important;
  background-image:linear-gradient(145deg,rgba(235,231,223,.92),rgba(225,219,210,.76))!important;
  backdrop-filter:blur(24px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(125%)!important;
  box-shadow:
    0 12px 30px rgba(44,37,31,.085),
    0 1px 0 rgba(255,255,255,.78),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(82,70,58,.05)!important;
  margin:8px 10px 20px!important;
  padding:8px!important;
}
.member-drawer .member-account-tabs::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  left:1px!important;
  right:1px!important;
  top:1px!important;
  height:52%!important;
  border-radius:20px 20px 45% 45%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.43),rgba(255,255,255,.08) 72%,transparent)!important;
}
.member-drawer .member-account-tabs > button{
  position:relative!important;
  z-index:1!important;
  isolation:isolate!important;
  appearance:none!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#514b45!important;
  border-radius:16px!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-weight:820!important;
  line-height:1.15!important;
  transition:color .16s ease,transform .16s ease!important;
}
.member-drawer .member-account-tabs > button::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:6px 8px!important;
  border-radius:13px!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.member-drawer .member-account-tabs > button:not([aria-current="page"]):hover{
  color:#211f1d!important;
  transform:translateY(-1px)!important;
}
.member-drawer .member-account-tabs > button:not([aria-current="page"]):hover::before{
  background:rgba(255,255,255,.22)!important;
}
.member-drawer .member-account-tabs > button:focus-visible{
  outline:2px solid rgba(229,69,40,.30)!important;
  outline-offset:-3px!important;
}
.member-drawer .member-account-tabs > button[aria-current="page"]{
  background:transparent!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.member-drawer .member-account-tabs > button[aria-current="page"]::before{
  background:#171717!important;
  box-shadow:
    0 7px 17px rgba(23,23,23,.14),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
}

/* PC + iPad : vraie barre 4 x 2, régulière et compacte. */
@media (min-width:701px){
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,52px)!important;
    grid-auto-flow:row!important;
    gap:4px 6px!important;
    padding:8px!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button{
    width:100%!important;
    min-height:52px!important;
    font-size:clamp(.92rem,1.25vw,1.02rem)!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="account"]{grid-column:1!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="calendar"]{grid-column:2!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="searches"]{grid-column:3!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="activity"]{grid-column:4!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="messages"]{grid-column:1!important;grid-row:2!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="reviews"]{grid-column:2!important;grid-row:2!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="favorites"]{grid-column:3!important;grid-row:2!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="listings"]{grid-column:4!important;grid-row:2!important}
}

/* iPad : même composition que PC, simplement plus serrée. */
@media (min-width:701px) and (max-width:1024px){
  .member-drawer .member-account-tabs{
    margin:7px 8px 18px!important;
    border-radius:20px!important;
    padding:7px!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs{
    grid-template-rows:repeat(2,48px)!important;
    gap:3px 4px!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button{
    min-height:48px!important;
    padding:0 7px!important;
    font-size:.88rem!important;
  }
  .member-drawer .member-account-tabs > button::before{inset:5px 5px!important;border-radius:12px!important}
}

/* iPhone : 2 colonnes, regroupées selon l'usage, dans la même plaque de verre. */
@media (max-width:700px){
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,46px)!important;
    grid-auto-flow:row!important;
    gap:3px 4px!important;
    padding:7px!important;
    margin:6px 7px 16px!important;
    border-radius:19px!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button{
    width:100%!important;
    min-height:46px!important;
    padding:0 7px!important;
    font-size:.91rem!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs > button::before{
    inset:5px 5px!important;
    border-radius:12px!important;
  }
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="account"]{grid-column:1!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="calendar"]{grid-column:2!important;grid-row:1!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="messages"]{grid-column:1!important;grid-row:2!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="reviews"]{grid-column:2!important;grid-row:2!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="favorites"]{grid-column:1!important;grid-row:3!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="listings"]{grid-column:2!important;grid-row:3!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="searches"]{grid-column:1!important;grid-row:4!important}
  .member-drawer:not(.member-tabs-collapsed) .member-account-tabs button[data-account-view="activity"]{grid-column:2!important;grid-row:4!important}
}

/* Version recroquevillée : une vraie capsule de navigation, même langage visuel. */
.member-drawer.member-tabs-collapsed .member-account-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:2px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding:6px!important;
  margin:5px 8px 12px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(235,231,223,.94),rgba(225,219,210,.82))!important;
}
.member-drawer.member-tabs-collapsed .member-account-tabs::-webkit-scrollbar{display:none!important}
.member-drawer.member-tabs-collapsed .member-account-tabs > button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  min-height:40px!important;
  padding:0 11px!important;
  font-size:.9rem!important;
  white-space:nowrap!important;
  grid-area:auto!important;
}
.member-drawer.member-tabs-collapsed .member-account-tabs > button::before{
  inset:4px 4px!important;
  border-radius:11px!important;
}


/* === v43 — active account tab is the real full-size button, no nested 3D pill === */
.member-drawer .member-account-tabs > button[aria-current="page"],
.member-drawer.member-tabs-collapsed .member-account-tabs > button[aria-current="page"]{
  background:#171717!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  border-radius:14px!important;
}
.member-drawer .member-account-tabs > button[aria-current="page"]::before,
.member-drawer.member-tabs-collapsed .member-account-tabs > button[aria-current="page"]::before{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
}
