/* Directory-only layout: existing brand, banner search and two-column mobile cards. */
.spaces-page .mp-header { padding: 24px 28px 18px; }
.spaces-page .mp-header-inner,.spaces-page .mp-active-chips { max-width: 1400px; }
.spaces-page .mp-header-inner { gap: 20px; }
.spaces-page .mp-header-title { margin: 0 0 4px; }
.spaces-page .mp-search { width: min(100%,380px); margin: 0; }
.spaces-page .mp-search-field { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; min-height:48px; padding-inline:16px 4px; border:1.5px solid rgba(255,255,255,.15); border-radius:var(--radius-pill); background:rgba(255,255,255,.1); box-shadow:0 4px 24px rgba(0,0,0,.22); backdrop-filter:blur(8px); }
.spaces-page .mp-search-field:focus-within { border-color:rgba(243,100,24,.6); background:rgba(255,255,255,.14); }
.spaces-page #mp-search { min-width:0; width:100%; padding:8px 0; font:inherit; font-size:16px; color:#fff; background:transparent; border:0; outline:0; }
.spaces-page #mp-search::placeholder { color:rgba(255,255,255,.6); opacity:1; }
.spaces-page .mp-search button { display:grid; place-items:center; width:44px; height:44px; color:rgba(255,255,255,.8); border:0; border-radius:50%; background:transparent; cursor:pointer; }
.spaces-page .mp-search button[hidden] { display:none; }
.spaces-page .mp-search svg { width:18px; height:18px; }
.spaces-page .mp-tools { display:flex; align-items:center; flex-wrap:wrap; gap:12px; max-width:1400px; margin:20px auto 0; position:relative; z-index:1; }
.spaces-page .mp-tools .result-badge { margin-inline-end:auto; }
.spaces-page .mp-filter-toggle { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; }
.spaces-page #mp-filter-count { background:rgba(0,0,0,.2); border-radius:50%; min-width:22px; line-height:22px; font-variant-numeric:tabular-nums; }
.spaces-page .mp-header .mp-sort-select { min-height:44px; max-width:100%; }
.spaces-page .mp-active-chips { padding:0; }
.spaces-page .mp-active-chips:empty { display:none; }
.spaces-page .mp-header .mp-chip { min-height:44px; white-space:normal; text-align:start; }
.spaces-page .mp-body { display:block; min-height:50vh; }
.spaces-page .mp-main { max-width:1456px; margin:auto; min-width:0; }
.spaces-page .mp-cards-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.spaces-page .mp-sidebar { position:fixed; inset:0 auto 0 0; inset-inline-start:0; inset-inline-end:auto; width:min(380px,calc(100% - 28px)); height:100dvh; min-height:0; z-index:1201; overflow:auto; overscroll-behavior:contain; visibility:hidden; transform:translateX(-105%); transition:transform 240ms var(--ease-out),visibility 240ms; box-shadow:0 0 44px rgba(7,9,12,.42); }
html.spaces-page[dir="rtl"] .mp-sidebar:not(.open) { transform:translateX(105%); }
.spaces-page dialog.mp-sidebar { margin:0; padding:0; border:0; max-height:none; max-width:none; color:inherit; }
.spaces-page dialog.mp-sidebar::backdrop { background:rgba(14,18,24,.62); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
.spaces-page .mp-sidebar.open { transform:translateX(0); visibility:visible; }
.spaces-page .mp-sidebar-overlay { z-index:1200; }
.spaces-page .mp-sidebar-inner { position:static; top:auto; max-height:none; padding:0 22px 24px; }
.spaces-page .mp-drawer-head { position:sticky; top:0; display:flex; justify-content:space-between; align-items:center; gap:16px; background:var(--navy-700); padding:18px 0; margin-bottom:12px; z-index:2; border-bottom:1px solid rgba(255,255,255,.1); }
.spaces-page .mp-drawer-head h2 { font-size:18px; color:#fff; margin:0; }
.spaces-page .mp-drawer-close { width:44px; height:44px; border:1px solid rgba(255,255,255,.2); color:#fff; background:transparent; border-radius:12px; font-size:22px; cursor:pointer; }
.spaces-page .mp-drawer-done { width:100%; margin-top:12px; min-height:44px; }
.spaces-page .mp-select { min-height:44px; }
.spaces-page #mp-location-help { color:rgba(255,255,255,.65); font-size:12px; line-height:1.7; margin:10px 0 0; }
.spaces-page .mp-filter-title[for="mp-region"] { display:block; margin-top:18px; }
.spaces-page .mp-empty-region-title { font-weight:700; margin-bottom:12px; }
.spaces-page .mp-empty-region-links { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; }
.spaces-page button:focus-visible,.spaces-page select:focus-visible { outline:2px solid var(--orange-400); outline-offset:3px; }
@media(max-width:1199px) { .spaces-page .mp-cards-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) { .spaces-page .mp-cards-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:768px) { .spaces-page .mp-header { padding:18px 16px 16px; } .spaces-page .mp-search { width:100%; } .spaces-page .mp-header-inner { gap:16px; } .spaces-page .mp-tools { gap:8px; margin-top:16px; } .spaces-page .mp-tools .result-badge { width:100%; background:transparent; border:0; padding:0 2px 4px; } .spaces-page .mp-sort-select { flex:1; min-width:0; } .spaces-page .mp-main { padding:18px 12px; } }
@media(prefers-reduced-motion:reduce) { .spaces-page .mp-sidebar { transition:none; } }