/* Isolated local design prototype; no shared production styles changed. */
@media(max-width:700px) {
 html body.immersive-preview[data-page="explore"] .sl-app-tabs { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:3px!important; padding:5px!important; overflow:visible!important; height:82px!important; min-height:82px!important; box-sizing:border-box!important; }
 html body.immersive-preview[data-page="explore"] .sl-app-tabs > .sl-mode-tab { width:100%!important; min-width:0!important; height:34px!important; min-height:34px!important; padding:0 5px!important; gap:5px!important; font-size:11px!important; }
 html body.immersive-preview[data-page="explore"] .sl-place-quickbar { top:278px!important; }
 html body.immersive-preview[data-page="explore"] .sl-map-layer-switch { top:338px!important; }
 html body.immersive-preview[data-page="explore"] .preview-panel-toggle { top:calc(var(--preview-header) + 338px)!important; }
}
@media(max-width:700px) { body.immersive-preview:not(.preview-panel-initialized) .sl-results-panel { display:none!important; } }
/* Keep controls in their final slots, but do not paint a partially initialized map UI. */
@media(max-width:1100px) {
 body.immersive-preview:not(.preview-engine-ready) .sl-map-layer-switch,
 body.immersive-preview:not(.preview-engine-ready) .preview-panel-toggle,
 body.immersive-preview:has([data-app-layout].is-loading) .sl-map-layer-switch,
 body.immersive-preview:has([data-app-layout].is-loading) .preview-panel-toggle { visibility:hidden!important; pointer-events:none!important; }
}
html body.immersive-preview .sl-app-tabs { justify-content:flex-start!important; gap:6px!important; }
html body.immersive-preview .sl-app-tabs > .sl-mode-tab { box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 auto!important; height:38px!important; min-height:38px!important; padding:0 13px!important; margin:0!important; gap:7px!important; border:0!important; border-radius:20px!important; font:600 12px/1 Inter,Arial,sans-serif!important; }
html body.immersive-preview .sl-app-tabs > .sl-mode-tab > span { display:inline-flex!important; width:16px!important; height:16px!important; margin:0!important; }
html body.immersive-preview .sl-app-tabs > .sl-mode-tab svg { display:block!important; width:16px!important; height:16px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; }
@media(min-width:1101px) {
 html body.immersive-preview .sl-map-layer-switch { top:4px!important; right:8px!important; }
 html body.immersive-preview .sl-explore-intro { left:28px!important; width:calc(var(--preview-rail) * 1.188 - 10px)!important; }
}
html body.immersive-preview [data-plan-backdrop] { z-index:2500!important; align-items:center!important; justify-content:center!important; padding:16px!important; box-sizing:border-box!important; }
html body.immersive-preview [data-plan-backdrop] .sl-drawer { box-sizing:border-box!important; width:min(560px,100%)!important; height:auto!important; max-height:calc(100dvh - 32px)!important; overflow-y:auto!important; padding:24px!important; border-radius:16px!important; margin:0!important; }
.preview-stable-tooltip.is-tap-preview { position:fixed!important; z-index:2400!important; left:12px!important; right:12px!important; top:auto!important; bottom:100px!important; width:auto!important; max-height:55dvh!important; overflow:auto!important; pointer-events:auto!important; }
.preview-stable-tooltip.is-tap-preview * { pointer-events:auto!important; }
.preview-stable-tooltip.is-tap-preview button { min-height:44px; margin:6px 6px 0 0; padding:8px 12px; border:1px solid #c5dce1; border-radius:8px; background:#eff8f8; color:#123e50; font-weight:700; }
@media(max-width:700px) {
 html:has(body.immersive-preview),html body.immersive-preview { width:100%!important; max-width:100%!important; overflow-x:clip!important; overscroll-behavior-x:none; }
 html body.immersive-preview .sl-planner-page,html body.immersive-preview .sl-map-wrap { max-width:100vw!important; overflow-x:clip!important; }
 html body.immersive-preview .sl-install-inline { display:none!important; }
 html body.immersive-preview .sl-explore-intro { top:calc(var(--preview-header) + 8px)!important; left:50%!important; transform:translateX(-50%)!important; width:270px!important; }
 html body.immersive-preview .sl-app-toolbar { top:72px!important; }
 html body.immersive-preview .sl-app-tabs { top:186px!important; }
 html body.immersive-preview .sl-place-quickbar { top:250px!important; }
 html body.immersive-preview .sl-map-layer-switch { top:310px!important; bottom:auto!important; left:auto!important; right:10px!important; width:auto!important; padding:2px!important; height:34px!important; box-sizing:border-box!important; }
 html body.immersive-preview .sl-map-layer-switch button { min-height:30px!important; padding:0 6px!important; font-size:11px!important; }
 html body.immersive-preview .preview-panel-toggle { top:calc(var(--preview-header) + 310px)!important; bottom:auto!important; left:10px!important; min-height:34px!important; height:34px!important; padding:0 6px!important; font-size:11px!important; border-radius:8px!important; }
 html body.immersive-preview .sl-results-panel { height:190px!important; max-height:190px!important; bottom:90px!important; }
 html body.immersive-preview .sl-map-controls { gap:2px!important; bottom:105px!important; }
 html body.immersive-preview .sl-map-controls button { width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important; font-size:16px!important; border-radius:8px!important; }
 html body.immersive-preview .sl-map-controls button svg { width:15px!important; height:15px!important; }
}
/* Sponsor artwork is 880 × 172; size the frame to the art, never letterbox it. */
body.immersive-preview .sl-explore-intro { height:auto!important; aspect-ratio:880 / 172; }
body.immersive-preview .sl-explore-sponsor { height:100%!important; aspect-ratio:880 / 172; border:0!important; padding:0!important; }
body.immersive-preview .sl-explore-sponsor a { display:block!important; padding:0!important; }
body.immersive-preview .sl-explore-sponsor img { display:block!important; object-fit:contain!important; margin:0!important; }
@media(min-width:701px) and (max-width:1100px) {
 body.immersive-preview .sl-app-toolbar { left:20px!important; width:calc(100% - 40px)!important; transform:none!important; grid-template-columns:minmax(0,1fr) 110px!important; grid-template-rows:44px 44px!important; min-height:0!important; padding:8px!important; }
 body.immersive-preview .sl-search-box { grid-column:1!important; grid-row:1!important; }
 body.immersive-preview .sl-filter-button { grid-column:2!important; grid-row:1!important; }
 body.immersive-preview .sl-location-field { grid-column:1!important; grid-row:2!important; }
 body.immersive-preview .sl-radius-field { grid-column:2!important; grid-row:2!important; }
 body.immersive-preview .sl-app-toolbar>form,body.immersive-preview .sl-radius-field,body.immersive-preview .sl-filter-button { height:44px!important; min-height:0!important; margin:0!important; }
 body.immersive-preview .sl-app-tabs { top:136px!important; left:20px!important; width:calc(100% - 40px)!important; transform:none!important; flex-wrap:nowrap!important; overflow-x:auto!important; }
 body.immersive-preview .sl-place-quickbar { top:196px!important; }
 body.immersive-preview .sl-map-layer-switch { top:260px!important; }
}
@media(min-width:1101px) {
 body.immersive-preview .sl-app-tabs { top:92px!important; }
 body.immersive-preview .sl-place-quickbar { top:159px!important; }
}
@media(max-width:700px) {
 body.immersive-preview .sl-app-tabs { top:124px!important; }
 body.immersive-preview .sl-place-quickbar { top:190px!important; }
 body.immersive-preview .sl-app-toolbar { grid-template-columns:minmax(0,1fr) 95px!important; grid-template-rows:44px 44px!important; min-height:0!important; }
 body.immersive-preview .sl-search-box { grid-column:1!important; grid-row:1!important; }
 body.immersive-preview .sl-filter-button { grid-column:2!important; grid-row:1!important; }
 body.immersive-preview .sl-location-field { grid-column:1!important; grid-row:2!important; }
 body.immersive-preview .sl-radius-field { grid-column:2!important; grid-row:2!important; }
 body.immersive-preview .sl-app-toolbar>form,body.immersive-preview .sl-radius-field,body.immersive-preview .sl-filter-button { height:44px!important; min-height:0!important; margin:0!important; }
}
.immersive-preview .sl-map-controls button { display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; position:relative; }
.immersive-preview .sl-map-controls button svg { width:22px!important; height:22px!important; margin:0!important; flex:none; }
.immersive-preview .sl-map-controls button[data-command]::after { content:attr(data-command); position:absolute; right:calc(100% + 12px); top:50%; transform:translateY(-50%); width:max-content; max-width:230px; padding:8px 12px; border-radius:8px; background:#102f43; color:white; font:600 12px/1.4 Arial,sans-serif; box-shadow:0 3px 12px #001d3340; opacity:0; visibility:hidden; pointer-events:none; }
.immersive-preview .sl-map-controls button[data-command]:hover::after,.immersive-preview .sl-map-controls button[data-command]:focus-visible::after { opacity:1; visibility:visible; }
.preview-hover-identity { float:left; display:flex; align-items:center; justify-content:center; width:64px; height:64px; flex:none; margin:0 12px 8px 0; border:1px solid #dce7eb; border-radius:10px; overflow:hidden; background:#f1f6f7; color:#176573; font:700 19px Arial,sans-serif; box-sizing:border-box; }
.preview-hover-identity img { display:block; width:100%; height:100%; object-fit:contain; background:white; }
.preview-rich-card { display:flow-root; }
.preview-event-entry { display:flow-root!important; }
.preview-rich-badge,.preview-rich-event,.preview-rich-hint { clear:both; }
/* One left-column width and a fixed banner frame, without inherited hero spacing. */
body.immersive-preview { --preview-rail:330px; }
body.immersive-preview:has([data-show-plan][aria-selected=true]) { --preview-rail:390px; }
.immersive-preview .sl-explore-intro { box-sizing:border-box!important; display:block!important; min-height:0!important; }
.immersive-preview .sl-explore-intro .sl-planner-hero-inner { min-height:0!important; height:100%!important; margin:0!important; padding:0!important; }
.preview-stable-tooltip { width:294px!important; max-width:calc(100vw - 24px); box-sizing:border-box; }
.preview-stable-tooltip.is-event-list,.preview-stable-tooltip.is-event-list * { pointer-events:auto!important; }
.preview-event-list { max-height:280px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.preview-event-entry { display:block; width:100%; text-align:left; padding:12px 2px; border:0; border-bottom:1px solid #dce7eb; background:white; color:#163b4b; cursor:pointer; }
.preview-event-entry strong,.preview-event-entry span { display:block; white-space:normal; }
.preview-event-entry span { margin-top:5px; font-size:12px; color:#536c78; }
.preview-event-entry:focus-visible { outline:2px solid #087f86; outline-offset:-2px; }
.preview-map-pin.is-plan-stop { font:800 14px/1 Arial,sans-serif; background:#087f86; }
.preview-hover-check { position:fixed; bottom:28px; left:50%; transform:translateX(-50%); z-index:1200; background:white; color:#075c69; border:2px solid #159ba5; padding:12px 18px; border-radius:10px; font:600 13px Arial,sans-serif; }
.preview-stable-tooltip,.preview-stable-tooltip * { animation:none!important; transition:none!important; transform:none!important; text-overflow:clip!important; }
.preview-map-pin>* { pointer-events:none!important; }
.preview-map-pin { transition:none!important; }
.preview-place-tooltip,.preview-place-tooltip * { pointer-events:none!important; }
.immersive-preview .sl-app-tabs { gap:2px!important; }
.immersive-preview .sl-mode-tab { padding-left:12px!important; padding-right:12px!important; }
.preview-demo-bar { position:fixed; z-index:900; bottom:30px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:14px; padding:12px 16px; background:#fff9e7; color:#654a0a; border:1px solid #e7c96d; border-radius:12px; font:12px/1.4 Arial,sans-serif; box-shadow:0 4px 20px #001c3344; }
.preview-demo-bar button,.preview-demo-bar a { font:600 12px Arial,sans-serif; color:#075d72; background:#fff; border:1px solid #cbdde0; padding:8px; border-radius:6px; cursor:pointer; white-space:nowrap; }
.immersive-preview .sl-explore-intro { top:100px!important; left:24px!important; bottom:auto!important; transform:none!important; width:330px!important; height:80px!important; }
.immersive-preview .sl-explore-sponsor { width:330px!important; height:80px!important; }
.immersive-preview .sl-more-local>div button { font:600 12px/1.4 Inter,Arial,sans-serif!important; color:#234455; min-height:38px; }
.preview-map-pin.has-deal::before { content:''; position:absolute; inset:-7px; border:2px solid #ffcf68; border-radius:50%; animation:preview-deal-pulse 2.4s ease-in-out infinite; box-shadow:0 0 15px #ffcf68; pointer-events:none; }
.preview-map-pin.has-deal { border-color:#f6c65b!important; }
.preview-map-pin.is-distant-deal { width:14px!important; height:14px!important; min-width:14px!important; min-height:14px!important; padding:0!important; background:#e7b348!important; border:2px solid #fff1c6!important; }
.preview-map-pin.is-distant-deal > :not(.preview-deal-label) { display:none!important; }
.preview-map-pin .preview-deal-label { display:block!important; position:absolute; left:calc(100% + 9px); top:50%; margin-top:-11px; height:22px; padding:4px 7px; box-sizing:border-box; border:1px solid #fff0bb; border-radius:5px; background:#f4c65b; color:#392900; font:800 10px/12px Arial,sans-serif; letter-spacing:.6px; white-space:nowrap; box-shadow:0 2px 7px #0008; pointer-events:none; }
@keyframes preview-deal-pulse { 0%,100% { opacity:.7; box-shadow:0 0 7px 2px #ffcf6855; } 50% { opacity:1; box-shadow:0 0 19px 5px #ffcf6899; } }
.preview-map-pin.has-deal:hover::before,.preview-map-pin.has-deal:focus::before { animation-play-state:paused; }
.preview-map-pin.has-event { box-shadow:0 0 5px #bba8d166,0 0 9px #bba8d133; background:#81718f; }
.preview-stable-tooltip { position:absolute; z-index:50; pointer-events:none!important; background:white; border:1px solid #dbe6ea; padding:13px 16px; border-radius:11px; color:#163b4b; box-shadow:0 5px 20px #001d3340; font:12px/1.5 Inter,Arial,sans-serif; transition:none!important; animation:none!important; }
.preview-stable-tooltip[hidden] { display:none!important; }
.preview-stable-tooltip * { pointer-events:none!important; }
.preview-stable-tooltip:has(.has-deal) { border-color:#d7b456; box-shadow:0 0 16px #ffcf6866; }
.preview-map-pin.is-job { background:#186ab1; }
.preview-job-pay { position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); white-space:nowrap; max-width:220px; overflow:hidden; text-overflow:ellipsis; background:#fff; color:#145180; border:1px solid #b4d7ec; border-radius:6px; padding:4px 7px; font:700 12px/1.4 Inter,Arial,sans-serif; box-shadow:0 2px 8px #001f3344; pointer-events:none; }
.preview-rich-card { width:260px; max-width:calc(100vw - 70px); max-height:380px; overflow:hidden; line-height:1.5; }
.preview-place-tooltip:has(.has-deal) .maplibregl-popup-content { box-shadow:0 0 0 2px #edc468,0 0 24px #ffd66a88; }
.preview-rich-title { font-weight:700; font-size:14px; }
.preview-rich-category,.preview-rich-hint { font-size:11px; color:#536c78; }
.preview-rich-hint { margin-top:8px; }
.preview-rich-rating { color:#815800; margin:5px 0; font-weight:700; }
.preview-rich-badge,.preview-rich-event { color:#805b0c; font-size:10px; font-weight:800; letter-spacing:.08em; margin-top:10px; }
.preview-rich-description { font-size:12px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.preview-promo { display:block; width:100%; height:120px; object-fit:contain; background:#f2f6f7; border-radius:7px; margin:7px 0; }
.preview-rich-pay { font-weight:700; color:#185c91; }
@keyframes preview-deal-spin { to { rotate:360deg; } }
@media(prefers-reduced-motion:reduce) { .preview-map-pin.has-deal::before { animation:none; } }
@media(max-width:1100px) { .immersive-preview .sl-explore-intro { top:288px!important; } .immersive-preview .sl-results-panel { top:310px!important; } .preview-panel-toggle { top:calc(var(--preview-header) + 265px)!important; } }
@media(max-width:700px) { .immersive-preview .sl-explore-intro { top:288px!important; left:10px!important; width:230px!important; height:56px!important; } .immersive-preview .sl-explore-sponsor { width:230px!important; height:56px!important; } .immersive-preview .sl-results-panel { top:auto!important; } }
#immersiveMap { position:absolute; inset:0; z-index:1; }
.preview-engine-ready #stuartMap { visibility:hidden!important; pointer-events:none!important; }
.preview-engine-ready .sl-map-controls,.preview-engine-ready .sl-map-legend,.preview-engine-ready .sl-map-status,.preview-engine-ready .sl-map-layer-switch { z-index:680!important; }
.preview-place-tooltip { pointer-events:none!important; }
.preview-place-tooltip .maplibregl-popup-content { padding:12px 16px; border-radius:10px; color:#10384a; font:12px/1.6 Inter,Arial,sans-serif; box-shadow:0 6px 25px #09253844; }
.preview-place-tooltip strong { font-size:14px; }
.immersive-preview .maplibregl-ctrl-attrib { margin-bottom:20px!important; }
.immersive-preview .sl-place-quickbar { transform:translateX(-50%)!important; }
.immersive-preview .sl-map-layer-switch { display:flex!important; width:auto!important; white-space:nowrap; }
.immersive-preview .sl-results-panel { max-height:550px!important; }
.immersive-preview .sl-mode-tab[aria-selected=true] { box-shadow:none!important; }
.immersive-preview .sl-help-widget,.immersive-preview [data-help-toggle] { bottom:18px!important; top:auto!important; }
.preview-town-label { color:#fff; text-shadow:0 1px 5px #001621,0 0 12px #001621; font:700 13px/1.4 Inter,Arial,sans-serif; white-space:nowrap; pointer-events:none; }
.preview-map-pin { width:30px; height:30px; border-radius:50%; border:2px solid white; box-shadow:0 2px 10px #001d3366; background:#0a8090; color:white; padding:4px; cursor:pointer; }
.preview-map-pin svg { width:100%;height:100%; }
.preview-map-pin svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.immersive-preview:has([data-show-plan][aria-selected=true]) .sl-results-panel { width:390px!important; max-height:calc(100dvh - 360px)!important; }
.immersive-preview .sl-more-local>summary { display:none; }
.immersive-preview .sl-more-local>div { position:static!important; display:flex!important; width:auto!important; padding:0!important; background:transparent!important; box-shadow:none!important; border:0!important; gap:4px; }
.immersive-preview .sl-more-local>div button { padding:8px 12px!important; border:0; background:transparent; border-radius:20px; width:auto!important; }
.immersive-preview .sl-more-local small { display:none; }
.immersive-preview .sl-more-local { margin-left:0!important; flex:0 0 auto; }
.immersive-preview .sl-app-tabs [data-category="everything"] svg { color:#596bc3; }
.immersive-preview .sl-app-tabs [data-category="places"] svg { color:#008879; }
.immersive-preview .sl-app-tabs [data-category="events"] svg { color:#a15ac0; }
.immersive-preview .sl-app-tabs [data-show-plan] svg { color:#2878ba; }
.immersive-preview .sl-app-tabs [data-category="jobs"] svg { color:#2878ba; }
.immersive-preview .sl-app-tabs [data-category="deals"] svg { color:#b47a12; }
.immersive-preview .sl-app-tabs .sl-mode-tab.active svg { color:#ffe7a8; }
.immersive-preview .sl-more-local>div .sl-mode-tab { display:inline-flex!important; align-items:center; gap:6px; font:inherit!important; padding:9px 16px!important; }
.immersive-preview .sl-more-local>div .sl-mode-tab.active { background:#087e8b!important; color:white!important; }
.immersive-preview .sl-more-local>div button:hover { background:#e8f5f5; }
.preview-map-pin:focus-visible { outline:3px solid #ffbf5f; outline-offset:3px; }
.immersive-preview .sl-feedback-launcher { top:auto!important; bottom:78px!important; right:24px!important; }
html:has(.immersive-preview) { overflow:hidden; }
body.immersive-preview { --preview-header:76px; margin:0; height:100dvh; overflow:hidden; background:#102b3b; }
.immersive-preview .sl-header { height:var(--preview-header); position:relative; z-index:1100; background:#fff; }
.immersive-preview .sl-header-inner { max-width:none!important; width:100%!important; height:100%; padding:0 32px!important; }
.immersive-preview .sl-brand img { width:150px!important; height:60px!important; object-fit:contain; }
.immersive-preview .sl-planner-page { position:fixed!important; inset:var(--preview-header) 0 0!important; max-width:none!important; width:100%!important; margin:0!important; padding:0!important; }
.immersive-preview .sl-app-frame { position:absolute!important; inset:0!important; width:100%; border:0!important; border-radius:0!important; overflow:visible!important; box-shadow:none!important; background:transparent!important; }
.immersive-preview .sl-app-body { position:absolute!important; inset:0!important; height:100%!important; min-height:0!important; display:block!important; border-radius:0!important; overflow:hidden!important; }
.immersive-preview .sl-map-wrap { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; border-radius:0!important; display:block!important; }
.immersive-preview #stuartMap { position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-height:0!important; border-radius:0!important; }
.immersive-preview.preview-hybrid #stuartMap .leaflet-tile-pane { filter:brightness(.72) saturate(.65) contrast(1.12); }
.immersive-preview.preview-hybrid #stuartMap { background:#153349; }
.immersive-preview .sl-explore-intro { position:fixed!important; bottom:28px; left:50%; transform:translateX(-50%); width:360px!important; height:86px!important; padding:0!important; margin:0!important; z-index:650; background:none!important; border:0!important; pointer-events:none; }
.immersive-preview .sl-planner-hero-inner { width:100%!important; padding:0!important; margin:0!important; display:block!important; }
.immersive-preview .sl-explore-intro-copy { position:absolute!important; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.immersive-preview .sl-explore-sponsor { display:block!important; width:360px!important; max-width:100%!important; height:86px!important; min-height:0!important; margin:0!important; pointer-events:auto; background:#fff; border:1px solid #dfe8eb; border-radius:12px; overflow:hidden; box-shadow:0 8px 28px #061d3540; }
.immersive-preview .sl-explore-sponsor a,.immersive-preview .sl-explore-sponsor img { width:100%!important; height:100%!important; object-fit:contain!important; }
.immersive-preview .sl-app-toolbar { position:absolute!important; z-index:700; top:22px; left:50%; transform:translateX(-50%); width:min(850px,calc(100% - 420px)); min-height:64px; padding:10px!important; border:1px solid #dde7ed!important; border-radius:14px 14px 0 0!important; box-shadow:0 10px 30px #061d3525; display:grid!important; grid-template-columns:minmax(150px,1.3fr) minmax(150px,1fr) 98px 100px; gap:8px; background:#fff!important; }
.immersive-preview .sl-app-toolbar > .sl-locate { display:none!important; }
.immersive-preview .sl-search-box,.immersive-preview .sl-location-field,.immersive-preview .sl-radius-field { min-width:0!important; width:auto!important; }
.immersive-preview .sl-app-tabs { position:absolute!important; z-index:699; top:86px; left:50%; transform:translateX(-50%); width:min(850px,calc(100% - 420px)); min-height:53px; padding:6px 12px!important; border-radius:0 0 14px 14px; border:1px solid #dde7ed; border-top:0; background:#fff; gap:5px; }
.immersive-preview .sl-mode-tab { border:0!important; border-radius:22px!important; padding:9px 16px!important; min-height:38px; }
.immersive-preview .sl-mode-tab.active,.immersive-preview .sl-mode-tab[aria-selected=true] { background:#087e8b!important; color:#fff!important; }
.immersive-preview .sl-place-quickbar { position:absolute!important; z-index:695; top:153px; left:50%; transform:translateX(-50%); width:auto; max-width:calc(100% - 450px); border:1px solid #dce5e9; border-radius:12px; background:#fffffff5; padding:7px!important; box-shadow:0 5px 20px #061d3520; }
.immersive-preview .sl-place-quickbar-scroll { flex-wrap:wrap!important; gap:4px!important; }
.immersive-preview .sl-place-quickbar-title { display:none; }
.immersive-preview .sl-category-more>div { max-height:45vh; overflow-y:auto; }
.immersive-preview .sl-results-panel { position:absolute!important; z-index:600!important; left:24px!important; top:215px!important; bottom:88px!important; width:330px!important; height:auto!important; min-height:0!important; border:1px solid #dce6e9!important; border-radius:16px!important; background:#f9fbfcf5!important; box-shadow:0 12px 40px #071d3540; overflow-y:auto!important; display:flex!important; flex-direction:column; backdrop-filter:blur(12px); }
.immersive-preview .sl-panel-title { padding:18px 18px 12px!important; background:transparent!important; }
.immersive-preview .sl-panel-title h2 { font:700 18px/1.3 Inter,Arial,sans-serif!important; }
.immersive-preview .sl-panel-title p { font-size:11px!important; }
.immersive-preview .sl-result-list { padding:8px!important; overflow:visible!important; flex:none!important; }
.immersive-preview .sl-result-card { padding:12px!important; margin:0 0 8px!important; gap:10px!important; min-height:115px!important; grid-template-columns:60px minmax(0,1fr)!important; box-shadow:none!important; border:1px solid #e0e7ea!important; border-radius:12px!important; }
.immersive-preview .sl-result-visual { width:60px!important; height:64px!important; border-radius:9px!important; }
.immersive-preview .sl-result-copy { min-width:0; padding-right:12px; }
.immersive-preview .sl-result-copy h2 { font:650 14px/1.35 Inter,Arial,sans-serif!important; margin:3px 0 4px!important; }
.immersive-preview .sl-result-copy p { font-size:11px!important; }
.immersive-preview .sl-result-copy .tag,.immersive-preview .sl-result-copy .sl-result-meta span+span { display:none!important; }
.immersive-preview .sl-result-copy [class*="rating"],.immersive-preview .sl-result-copy [class*="practical"] { display:none!important; }
.immersive-preview .sl-save-card { top:8px!important; right:6px!important; width:26px!important; height:26px!important; min-width:0!important; min-height:0!important; box-shadow:none!important; }
.immersive-preview .sl-map-layer-switch { top:22px!important; right:24px!important; z-index:680!important; border-radius:13px!important; padding:5px!important; }
.immersive-preview .sl-map-controls { top:auto!important; bottom:100px!important; right:24px!important; gap:3px!important; }
.immersive-preview .sl-map-controls button { width:46px!important; height:46px!important; border-radius:10px!important; }
.immersive-preview .sl-map-controls [data-locate] { display:flex!important; }
.immersive-preview .sl-map-legend { left:24px!important; bottom:28px!important; right:auto!important; }
.immersive-preview .sl-map-status { left:auto!important; right:85px!important; bottom:28px!important; max-width:260px; background:#102f43e8!important; color:white!important; border:1px solid #ffffff30!important; font-size:11px!important; }
.immersive-preview .sl-map-status strong,.immersive-preview .sl-map-status span { color:white!important; }
.immersive-preview .sl-map-preview { left:50%!important; bottom:135px!important; transform:translateX(-50%); }
.immersive-preview .sl-app-features,.immersive-preview .sl-layout-switch,.immersive-preview .sl-footer,.immersive-preview main>section:not(.sl-app-frame),.immersive-preview .sl-interest-bar { display:none!important; }
.immersive-preview .sl-app-privacy:not(:empty) { position:absolute!important; z-index:800; top:208px; left:50%; transform:translateX(-50%); max-width:500px; background:white; border-radius:10px; }
.preview-panel-toggle { position:fixed; left:24px; top:calc(var(--preview-header) + 165px); z-index:710; border:1px solid #dae5e9; border-radius:10px; padding:10px 15px; min-height:40px; background:#fff; color:#10384a; font-weight:700; box-shadow:0 5px 20px #061d3525; cursor:pointer; }
.preview-panel-hidden .sl-results-panel { display:none!important; }
.preview-label { position:fixed; right:12px; bottom:2px; z-index:700; padding:2px 6px; color:white; background:#092737c9; font:10px/1.4 Arial,sans-serif; pointer-events:none; }
.immersive-preview .sl-mobile-sheet-handle { display:none!important; }
@media(max-width:1100px) { .immersive-preview .sl-app-toolbar,.immersive-preview .sl-app-tabs { left:20px; transform:none; width:calc(100% - 260px); } .immersive-preview .sl-place-quickbar { left:20px; transform:none!important; max-width:calc(100% - 40px); } .immersive-preview .sl-header-inner { padding:0 16px!important; } }
@media(max-width:700px) {
 body.immersive-preview { --preview-header:66px; }
 .immersive-preview .sl-app-toolbar { top:10px; left:10px; width:calc(100% - 20px); grid-template-columns:1fr 95px; padding:8px!important; }
 .immersive-preview .sl-location-field { grid-column:1; grid-row:2; }
 .immersive-preview .sl-radius-field { grid-column:2; grid-row:2; }
 .immersive-preview .sl-app-tabs { top:118px; left:10px; width:calc(100% - 20px); padding:5px!important; }
 .immersive-preview .sl-mode-tab { padding:8px!important; }
 .immersive-preview .sl-place-quickbar { top:178px; left:10px; max-width:calc(100% - 20px); }
 .immersive-preview .sl-place-quickbar-scroll { flex-wrap:nowrap!important; overflow-x:auto!important; }
 .immersive-preview .sl-results-panel { top:auto!important; bottom:90px!important; left:10px!important; width:calc(100% - 75px)!important; height:30vh!important; border-radius:14px!important; }
 .immersive-preview:has([data-show-plan][aria-selected=true]) .sl-results-panel { width:calc(100% - 75px)!important; max-height:40vh!important; }
 .preview-panel-toggle { top:calc(var(--preview-header) + 236px); left:10px; }
 .immersive-preview .sl-map-layer-switch { top:242px!important; right:10px!important; }
 .immersive-preview .sl-map-controls { right:10px!important; bottom:105px!important; }
 .immersive-preview .sl-explore-intro { bottom:18px; width:270px!important; height:64px!important; }
 .immersive-preview .sl-explore-sponsor { width:270px!important; height:64px!important; }
 .immersive-preview .sl-map-status { display:none!important; }
 .immersive-preview .sl-map-legend { bottom:90px!important; left:10px!important; }
}
@media(min-width:1101px) {
 .immersive-preview .sl-explore-intro { left:18px!important; top:calc(var(--preview-header) + 44.48px)!important; width:calc(var(--preview-rail) * 1.188)!important; height:95.04px!important; bottom:auto!important; }
 .immersive-preview .sl-explore-sponsor { width:100%!important; height:95.04px!important; }
 .immersive-preview .sl-app-toolbar,.immersive-preview .sl-app-tabs { left:calc(var(--preview-rail) * 1.188 + 42px)!important; width:calc(100% - var(--preview-rail) * 1.188 - 66px)!important; max-width:850px!important; transform:none!important; }
 .immersive-preview .sl-map-layer-switch { top:146px!important; }
}
@media(min-width:1920px) {
 .immersive-preview .sl-app-toolbar,.immersive-preview .sl-app-tabs { left:50%!important; width:min(850px,calc(100% - var(--preview-rail) * 2.376 - 84px))!important; transform:translateX(-50%)!important; }
}
@media(min-width:1101px) {
 .immersive-preview .sl-app-tabs { flex-wrap:wrap!important; }
 .immersive-preview .sl-app-toolbar { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 98px 100px!important; }
}
.immersive-preview .sl-feedback-launcher { bottom:52px!important; right:24px!important; }
.immersive-preview .sl-map-status { bottom:52px!important; right:100px!important; max-width:240px!important; }
.immersive-preview .maplibregl-ctrl-bottom-right { bottom:0!important; }
.immersive-preview .maplibregl-ctrl-attrib { margin-bottom:20px!important; max-width:calc(100vw - 200px); }
@media(max-width:700px) { .immersive-preview .sl-feedback-launcher { right:10px!important; bottom:52px!important; } }