.quick-tags{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.quick-tag input{opacity:0;pointer-events:none;position:absolute}.quick-tag span,.quick-links-row a{border:1px solid var(--line);background:var(--surface);min-height:34px;color:color-mix(in srgb, var(--secondary) 80%, white);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.quick-tag input:checked+span{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, #fff)}.quick-links-row{flex-wrap:wrap;gap:8px;margin:0 0 24px;display:flex}.listing-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.view-tabs{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px;display:inline-flex}.view-tab{min-height:34px;color:color-mix(in srgb, var(--secondary) 50%, white);border-radius:999px;align-items:center;padding:0 14px;font-size:12px;font-weight:900;display:inline-flex}.view-tab:hover:not(.active):not(.disabled){background:color-mix(in srgb, var(--primary) 8%, var(--surface));color:var(--primary)}.view-tab:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 24%, transparent);outline-offset:2px}.view-tab.active{background:var(--primary);color:var(--primary-contrast)}.view-tab.disabled{opacity:.45}.listing-count{color:var(--muted);font-size:13px;font-weight:800}.float-filter-btn{z-index:50;background:var(--secondary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:10px;height:52px;padding:0 24px;font-size:15px;font-weight:800;transition:box-shadow .2s,background .2s;display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000047}.float-filter-btn:hover{background:color-mix(in srgb, var(--secondary) 85%, black);box-shadow:0 12px 40px #00000059}.float-filter-badge{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:2px;padding:0 5px;font-size:11px;font-weight:900;display:inline-flex}@media (max-width:1100px){.float-filter-btn{display:inline-flex}}.advanced-pagination{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:18px 24px;display:flex;box-shadow:0 4px 20px #00000008}.pagination-info{flex-direction:column;gap:4px;display:flex}.pagination-info .showing{color:var(--heading);font-size:14px;font-weight:700}.pagination-info .page-count{color:color-mix(in srgb, var(--secondary) 50%, white);font-size:12px;font-weight:500}.pagination-controls,.page-numbers{align-items:center;gap:6px;display:flex}.page-nav,.page-number{border:1px solid var(--line);background:var(--surface);min-height:38px;color:color-mix(in srgb, var(--secondary) 70%, white);border-radius:6px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.page-number{min-width:38px;padding:0}.page-nav:hover,.page-number:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.page-nav:focus-visible,.page-number:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 24%, transparent);outline-offset:2px}.page-nav.disabled{opacity:.5;pointer-events:none}.page-number.active{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.page-number.active:hover{background:color-mix(in srgb, var(--primary) 88%, #000);border-color:color-mix(in srgb, var(--primary) 88%, #000);color:var(--primary-contrast)}.page-dots{width:32px;color:color-mix(in srgb, var(--secondary) 50%, white);letter-spacing:1px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}@media (max-width:768px){.advanced-pagination{flex-direction:column;gap:16px;padding:16px 12px}.pagination-info{text-align:center}.pagination-controls{flex-wrap:nowrap;justify-content:center;gap:4px}.page-numbers{flex-wrap:nowrap;justify-content:center;gap:3px}.page-nav,.page-number{border-radius:4px;min-width:32px;min-height:34px;padding:0 8px;font-size:12px}.page-dots{letter-spacing:0;width:16px}}@media (max-width:900px){.listing-toolbar{flex-direction:column;align-items:flex-start}}.template-ocean .quick-links-row a:hover{border-color:var(--primary);color:var(--primary)}.listing-section{background:0 0}.portal-listing-shell{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:26px;display:grid}.desktop-filter-sidebar{display:block;position:sticky;top:112px}.portal-toolbar{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px}.quick-filter-scroller{scrollbar-width:thin;gap:8px;margin:18px 0 22px;padding:2px 2px 8px;display:flex;overflow-x:auto}.quick-chip{white-space:nowrap;border:1px solid var(--line);background:var(--surface);min-height:38px;color:color-mix(in srgb, var(--secondary) 80%, white);border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.quick-chip.active,.quick-chip:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, #fff)}.quick-tags.vertical{flex-wrap:wrap;grid-column:auto;gap:8px;display:flex}.compact-select{flex:1;width:auto;min-width:140px}.listing-cards.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-cards.compact .property-card{grid-template-columns:220px minmax(0,1fr);display:grid}.listing-cards.compact .card-media{aspect-ratio:auto;min-height:100%}.listing-map-placeholder{margin-bottom:24px}.view-tab:is(button){cursor:pointer;background:0 0;border:0;font-family:inherit}.view-tab:is(button).active{background:var(--primary);color:var(--primary-contrast)}.view-tab:is(button).disabled{cursor:not-allowed}.listing-map-overlay{z-index:12000;position:fixed;inset:0;overflow:hidden}.listing-map-backdrop{backdrop-filter:blur(5px);background:#0f172a94;border:0;width:100%;height:100%;animation:.24s both listing-map-fade;position:absolute;inset:0}.listing-map-dialog{background:var(--surface);border-radius:24px 0 0 24px;flex-direction:column;min-width:0;animation:.32s cubic-bezier(.2,.8,.2,1) both listing-map-slide;display:flex;position:absolute;inset:0 0 0 min(3vw,42px);overflow:hidden;box-shadow:-18px 0 64px #0f172a3d}.listing-map-header{z-index:1001;border-bottom:1px solid var(--line);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:12px 22px;display:flex;position:relative}.listing-map-heading{min-width:0;color:var(--heading);align-items:center;gap:9px;display:flex}.listing-map-heading>svg{color:var(--muted);flex:none}.listing-map-header strong{white-space:nowrap;font-size:14px;font-weight:900}.listing-map-header span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.listing-map-header-actions{flex:none;align-items:center;gap:9px;display:flex}.listing-map-mobile-filter{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--heading);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:850;display:none}.listing-map-mobile-filter b{background:var(--primary);min-width:20px;height:20px;color:var(--primary-contrast);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;display:grid}.listing-map-close{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--heading);font:inherit;cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:850;display:inline-flex}.listing-map-close:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--line));color:var(--primary)}.listing-map-close:focus-visible,.listing-map-card-close:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 28%, transparent);outline-offset:2px}.listing-map-body{background:#e4e7eb;flex:auto;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.listing-map-filter-sidebar{z-index:960;border-right:1px solid var(--line);background:color-mix(in srgb, var(--bg) 94%, var(--surface));overscroll-behavior:contain;scrollbar-gutter:stable;width:330px;min-width:330px;height:100%;padding:14px;position:relative;overflow:hidden auto}.listing-map-filter-sidebar .portal-filter-panel{min-height:100%}.listing-map-filter-sidebar::-webkit-scrollbar{width:8px}.listing-map-filter-sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 34%, var(--line));border-radius:999px}.listing-map-stage{background:#e4e7eb;flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.listing-map-canvas{background:#e4e7eb;width:100%;height:100%}.listing-map-body .leaflet-control-container{z-index:900;position:relative}.listing-map-body .leaflet-control-zoom{border:1px solid #0f172a1a;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0f172a24}.listing-map-body .leaflet-control-zoom a{color:var(--heading)}.listing-map-status{z-index:1000;color:#334155;text-align:center;background:#fffffff0;border:1px solid #ffffffbf;border-radius:18px;flex-direction:column;align-items:center;gap:12px;min-width:min(360px,100% - 32px);padding:24px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 18px 50px #0f172a29}.listing-map-status p{margin:0;line-height:1.5}.listing-map-status button,.listing-map-card-loading button{background:var(--primary);min-height:38px;color:var(--primary-contrast);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:850;display:inline-flex}.listing-map-spinner{border:3px solid color-mix(in srgb, var(--primary) 20%, transparent);border-top-color:var(--primary);border-radius:50%;width:25px;height:25px;animation:.7s linear infinite listing-map-spin}.listing-map-cluster-wrapper,.listing-map-marker-wrapper{background:0 0!important;border:0!important}.listing-map-cluster{background:var(--primary);color:var(--primary-contrast);border:3px solid #fff;border-radius:50%;place-items:center;font-size:13px;font-weight:950;display:grid;box-shadow:0 8px 22px #0f172a47}.listing-map-marker{background:var(--primary);border:3px solid #fff;border-radius:50% 50% 50% 0;width:34px;height:34px;transition:transform .18s,background-color .18s;display:block;position:relative;transform:rotate(-45deg);box-shadow:0 7px 18px #0f172a52}.listing-map-marker i{background:var(--primary-contrast);border-radius:50%;position:absolute;inset:8px}.listing-map-marker.approximate{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent), 0 7px 18px #0f172a52}.listing-map-marker.selected{background:#c68a18;transform:rotate(-45deg)scale(1.16)}.listing-map-card-panel{z-index:950;background:var(--surface);scrollbar-width:thin;border-radius:18px;width:min(390px,100% - 40px);max-height:calc(100% - 40px);animation:.22s both listing-map-card-in;position:absolute;top:20px;left:20px;overflow:auto;box-shadow:0 22px 60px #0f172a47}.listing-map-card-close{z-index:20;float:right;border:1px solid var(--line);color:#334155;cursor:pointer;background:#fffffff5;border-radius:50%;place-items:center;width:34px;height:34px;margin:10px 10px -44px 0;display:grid;position:sticky;top:10px;box-shadow:0 5px 16px #0f172a24}.listing-map-card{cursor:pointer;min-width:0}.listing-map-card .property-card{width:100%;box-shadow:none;border:0;border-radius:18px}.listing-map-card .property-card:hover{box-shadow:none;transform:none}.listing-map-card-loading{clear:both;min-height:210px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex}.listing-map-card-loading p{margin:0}@keyframes listing-map-fade{0%{opacity:0}to{opacity:1}}@keyframes listing-map-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes listing-map-card-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes listing-map-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.listing-map-filter-sidebar{display:none}.listing-map-mobile-filter{display:inline-flex}}@media (max-width:700px){.listing-map-dialog{border-radius:0;inset:0}.listing-map-header{min-height:62px;padding:9px 12px}.listing-map-header span{display:none}.listing-map-close{min-height:40px;padding:0 12px}.listing-map-card-panel{border-radius:20px 20px 0 0;width:100%;max-height:min(64dvh,620px);animation-name:listing-map-card-up;inset:auto 0 0}.listing-map-card .property-card{border-radius:20px 20px 0 0}.listing-map-body,.listing-map-stage,.listing-map-card-panel,.listing-map-card{max-width:100%;overflow-x:hidden}}@keyframes listing-map-card-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.listing-map-backdrop,.listing-map-dialog,.listing-map-card-panel,.listing-map-spinner{animation-duration:.01ms!important}.listing-map-marker{transition:none}}.listing-context-content{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:34px;padding:24px}.listing-context-content h2{color:var(--heading);margin:0 0 12px;font-size:clamp(20px,2.4vw,26px);line-height:1.2}.listing-context-content p{max-width:78ch;color:var(--muted);margin:0;font-size:15px;line-height:1.75}.listing-context-content p+p{margin-top:10px}@media (min-width:1024px){.listing-context-content p{width:100%;max-width:none}}.listing-seo-links{margin-top:24px}@media (max-width:1100px){.portal-listing-shell{grid-template-columns:1fr}.desktop-filter-sidebar{display:none}.portal-toolbar{flex-direction:column;align-items:stretch}.compact-select{width:100%}}@media (max-width:640px){.portal-toolbar{flex-direction:column;gap:10px}.view-tab{flex:1;min-width:0;min-height:38px;font-size:13px}.view-tabs{width:100%}.compact-select{width:100%;min-width:0}.listing-toolbar{flex-wrap:wrap;gap:8px}.listing-toolbar>div{width:100%}.listing-toolbar>div>.compact-select{flex:1;min-width:0}.listing-context-content{padding:20px 18px}}@media (max-width:760px){.listing-cards.compact,.listing-cards.compact .property-card{grid-template-columns:1fr}.quick-filter-scroller{margin-left:-16px;margin-right:-16px;padding-left:16px}.view-tabs{width:100%;overflow-x:auto}}.listing-cards.compact .portal-card{grid-template-columns:260px minmax(0,1fr);display:grid}.listing-cards.compact .portal-card-media{aspect-ratio:auto;min-height:100%}@media (max-width:760px){.listing-cards.compact .portal-card{grid-template-columns:1fr}.listing-cards.compact .portal-card-media{aspect-ratio:4/3}}.portal-listing-shell{grid-template-columns:320px minmax(0,1fr);gap:32px}.listing-main-column{min-width:0}.grid.listing-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}@media (min-width:1680px){.grid.listing-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.listing-cards.list{grid-template-columns:1fr;gap:18px;display:grid}.view-tabs{border-radius:12px;box-shadow:0 10px 24px #0f172a14}.view-tab{min-width:92px;min-height:42px;color:var(--heading);border-radius:9px;justify-content:center;font-size:14px}.view-tab.active{background:var(--primary);color:var(--primary-contrast);box-shadow:0 7px 18px color-mix(in srgb, var(--primary) 24%, transparent)}.portal-toolbar{border-radius:14px;box-shadow:0 14px 32px #0f172a12}.quick-tags.vertical .quick-tag span{border-color:var(--primary);min-height:36px;color:var(--primary)}.quick-tags.vertical .quick-tag input:checked+span{background:var(--primary);color:var(--primary-contrast)}@media (max-width:1100px){.portal-listing-shell{grid-template-columns:1fr}.listing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.listing-cards,.listing-cards.list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:580px){.listing-cards,.listing-cards.list,.grid.listing-cards{grid-template-columns:1fr!important}}.desktop-filter-sidebar{align-self:start}.desktop-filter-sidebar .portal-filter-panel{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100vh - 132px);padding-right:12px;overflow-y:auto}.desktop-filter-sidebar .portal-filter-panel::-webkit-scrollbar{width:8px}.desktop-filter-sidebar .portal-filter-panel::-webkit-scrollbar-track{background:0 0}.desktop-filter-sidebar .portal-filter-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 32%, #dfe6ea);border-radius:999px}.desktop-filter-sidebar .portal-facet-panel{padding-right:0}html.dark .quick-chip{border-color:var(--line);background:color-mix(in srgb, var(--surface) 94%, white 6%);color:var(--muted)}html.dark .quick-chip:hover,html.dark .quick-chip.active{border-color:color-mix(in srgb, var(--primary) 65%, var(--line));background:color-mix(in srgb, var(--primary) 14%, var(--surface));color:var(--primary)}html.dark .portal-toolbar,html.dark .view-tabs{border-color:var(--line);background:var(--surface);box-shadow:0 14px 32px #00000040}html.dark .view-tab{color:var(--muted)}html.dark .view-tab:hover{color:var(--text);background:#ffffff0f}html.dark .view-tab.active{background:var(--primary);color:var(--primary-contrast)}html.dark .page-nav,html.dark .page-number{border-color:var(--line);background:var(--surface);color:var(--text)}html.dark .page-nav:hover,html.dark .page-number:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--surface));color:var(--primary)}html.dark .page-number.active,html.dark .page-number.active:hover{border-color:var(--primary);background:var(--primary);color:var(--primary-contrast)}html.dark .desktop-filter-sidebar .portal-filter-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 55%, var(--line))}
