:root {
    --unitselect-interactive-accent: #d94f3d;
    --unitselect-interactive-ink: #171714;
    --unitselect-interactive-paper: #f2f0eb;
    --unitselect-interactive-available: #b9e537;
    --unitselect-interactive-reserved: #f0b44d;
    --unitselect-interactive-unavailable: #d95045;
}

html:has(body.unitselect-app-page) { scroll-behavior: smooth; }

body.unitselect-app-page {
    margin: 0;
    background: #f6f5f1;
    color: var(--unitselect-interactive-ink);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.unitselect-app-page *,
body.unitselect-app-page *::before,
body.unitselect-app-page *::after { box-sizing: border-box; }

body.unitselect-app-page.admin-bar .unitselect-app-topbar { top: 32px; }

.unitselect-app-page a { text-underline-offset: 3px; }

.unitselect-app-skip {
    position: fixed;
    z-index: 10000;
    top: 8px;
    left: 8px;
    padding: 10px 14px;
    transform: translateY(-160%);
    background: #fff;
    color: #111;
}
.unitselect-app-skip:focus { transform: translateY(0); }

.unitselect-app-topbar {
    position: sticky;
    z-index: 100;
    top: 0;
    display: grid;
    grid-template-columns: minmax(200px, 1fr) auto minmax(100px, 1fr);
    align-items: center;
    min-height: 76px;
    padding: 12px clamp(18px, 4vw, 64px);
    border-bottom: 1px solid rgba(23,23,20,.14);
    background: rgba(246,245,241,.94);
    backdrop-filter: blur(18px);
}

.unitselect-app-nav { display: flex; gap: clamp(18px, 3vw, 46px); }
.unitselect-app-nav a,
.unitselect-app-back,
.unitselect-app-languages a {
    color: inherit;
    font-size: 13px;
    text-decoration: none;
}
.unitselect-app-nav a:hover,
.unitselect-app-back:hover { text-decoration: underline; }
.unitselect-app-back { grid-column: 2; justify-self: center; }
.unitselect-app-languages { display: flex; gap: 12px; justify-self: end; }
.unitselect-app-languages a { color: #8b8882; }
.unitselect-app-languages a[aria-current="page"] { color: #171714; font-weight: 700; }

.unitselect-app-view-toggle {
    grid-column: 2;
    justify-self: center;
    display: inline-flex;
    padding: 3px;
    border: 1px solid #c8c5bd;
    border-radius: 999px;
    background: #ebe9e3;
}
.unitselect-app-view-toggle button {
    min-height: 36px;
    padding: 7px 18px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #615e58;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
}
.unitselect-app-view-toggle button.is-active { background: #171714; color: #fff; }
.unitselect-toggle-label--mobile { display: none; }

.unitselect-app-main { overflow: clip; }

body.unitselect-app-home { overflow: hidden; }
.unitselect-app-home .unitselect-app-topbar {
    position: fixed;
    z-index: 80;
    top: 0;
    right: 0;
    left: 0;
    min-height: 0;
    padding: 18px clamp(16px, 2.5vw, 38px);
    border: 0;
    background: transparent;
    pointer-events: none;
    backdrop-filter: none;
}
.unitselect-app-home .unitselect-app-topbar > * { pointer-events: auto; }
.unitselect-app-home .unitselect-app-view-toggle { background: rgba(245,244,240,.9); box-shadow: 0 10px 34px rgba(0,0,0,.16); backdrop-filter: blur(14px); }
.unitselect-app-home .unitselect-app-languages {
    padding: 10px 13px;
    border-radius: 999px;
    background: rgba(255,255,255,.9);
    box-shadow: 0 10px 34px rgba(0,0,0,.16);
    backdrop-filter: blur(14px);
}
.unitselect-app-workspace {
    position: relative;
    height: 100svh;
    min-height: 0;
    overflow: hidden;
}
.unitselect-app-view {
    position: absolute;
    inset: 0;
    min-width: 0;
    transform-origin: center;
}
.unitselect-app-view[hidden] { display: none; }
.unitselect-app-view--model { background: #d9d8d3; }
.unitselect-app-view--table {
    overflow: auto;
    padding: clamp(100px, 10vw, 130px) clamp(14px, 4vw, 64px) 80px;
    background: #f0eee8;
}
.unitselect-app-view > .unitselect-interactive,
.unitselect-app-view > .unitselect-units { width: 100%; max-width: 1500px; margin-inline: auto; }
.unitselect-app-view--model > .unitselect-interactive { height: 100%; max-width: none; }

.unitselect-app-home .unitselect-interactive { position: relative; }
.unitselect-app-home .unitselect-selection-breadcrumbs {
    display: none;
}
.unitselect-app-home .unitselect-interactive__header {
    position: absolute;
    z-index: 5;
    top: auto;
    right: auto;
    bottom: 22px;
    left: 22px;
    align-items: center;
    gap: 38px;
    margin: 0;
    padding: 20px 22px;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 18px;
    background: rgba(255,255,255,.9);
    box-shadow: 0 12px 38px rgba(0,0,0,.18);
    backdrop-filter: blur(10px);
}
.unitselect-app-home .unitselect-interactive h2 { font-size: clamp(18px, 1.7vw, 26px); }
.unitselect-app-home .unitselect-interactive__eyebrow { margin-bottom: 8px; font-size: 11px; letter-spacing: .13em; }
.unitselect-app-home .unitselect-interactive__stage { height: 100%; min-height: 0; }

.unitselect-app-home .unitselect-floor-panel {
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    width: min(1180px, calc(100% - 48px));
    height: min(80svh, 820px);
    transform: translate(-50%, -50%);
    overflow: auto;
    border: 1px solid rgba(23,23,20,.2);
    border-radius: 18px;
    box-shadow: 0 32px 110px rgba(0,0,0,.34);
}
.unitselect-app-home .unitselect-floor-panel[hidden] { display: none; }
.unitselect-app-home .unitselect-interactive.is-floor-open::before {
    content: '';
    position: absolute;
    z-index: 15;
    inset: 0;
    background: rgba(20,20,18,.46);
    backdrop-filter: blur(3px);
}

.unitselect-unit-modal {
    position: fixed;
    z-index: 70;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 0 24px;
    background: rgba(20,20,18,.7);
    backdrop-filter: blur(8px);
}
.unitselect-unit-modal[hidden] { display: none; }
.unitselect-unit-modal.is-closing { cursor: progress; }
.unitselect-unit-modal.is-closing .unitselect-unit-modal__dialog { pointer-events: none; }
.unitselect-unit-modal__dialog {
    position: relative;
    width: min(1180px, 100%);
    max-height: min(80svh, 820px);
    overflow: auto;
    background: #fff;
    border: 1px solid rgba(23,23,20,.2);
    border-radius: 18px;
    box-shadow: 0 30px 100px rgba(0,0,0,.35);
}
.unitselect-unit-modal--loading .unitselect-unit-modal__dialog {
    display: grid;
    place-items: center;
    min-height: 220px;
    max-width: 520px;
    border-radius: 18px;
}
.unitselect-lazy-unit-preview { width: 100%; padding: 34px; }
.unitselect-lazy-unit-preview__eyebrow { display: block; color: #77736d; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.unitselect-lazy-unit-preview__title { display: block; margin-top: 7px; font-size: 30px; font-weight: 500; letter-spacing: -.035em; }
.unitselect-lazy-unit-preview__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; margin-top: 22px; font-size: 13px; }
.unitselect-lazy-unit-preview .unitselect-lazy-loading { min-height: 68px; justify-content: flex-start; }
.unitselect-modal-close {
    position: sticky;
    z-index: 3;
    display: grid;
    place-items: center;
    top: 14px;
    float: right;
    width: 44px;
    height: 44px;
    margin: 14px 14px -56px 0;
    border: 1px solid #aaa69e;
    border-radius: 50%;
    background: #fff;
    color: #171714;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    font-size: 0;
    line-height: 0;
    padding: 0;
}
.unitselect-modal-close::before,
.unitselect-modal-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transform-origin: center;
}
.unitselect-modal-close::before { transform: translate(-50%, -50%) rotate(45deg); }
.unitselect-modal-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
body.unitselect-app-page .unitselect-modal-close:is(:focus, :focus-visible, :active) {
    border-color: #aaa69e !important;
    outline: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}
body.unitselect-modal-open { overflow: hidden; }
body.unitselect-modal-open .unitselect-interactive-help,
body.unitselect-modal-open .unitselect-mobile-floor-launcher,
.unitselect-interactive.is-floor-open .unitselect-interactive-help,
.unitselect-interactive.is-floor-open .unitselect-mobile-floor-launcher { visibility: hidden; pointer-events: none; }

.unitselect-app-content {
    padding: clamp(22px, 3vw, 46px) clamp(12px, 3vw, 48px) clamp(52px, 6vw, 96px);
}
.unitselect-app-content--map { background: #fff; }
.unitselect-app-content--table {
    padding-top: clamp(48px, 6vw, 92px);
    border-top: 1px solid #d4d1c9;
    background: #f0eee8;
}
.unitselect-app-content > .unitselect-interactive,
.unitselect-app-content > .unitselect-units {
    width: 100%;
    max-width: 1500px;
    margin-inline: auto;
}
.unitselect-app-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .34fr);
    min-height: calc(100svh - 76px);
    padding: clamp(72px, 10vw, 150px) clamp(20px, 6vw, 100px) clamp(60px, 8vw, 110px);
    background:
        radial-gradient(circle at 82% 28%, rgba(217,79,61,.18), transparent 23%),
        linear-gradient(135deg, #f6f5f1 0 72%, #e8e5dc 72% 100%);
}
.unitselect-app-hero__copy { max-width: 1040px; align-self: center; }
.unitselect-app-kicker {
    margin: 0 0 18px;
    color: #74716b;
    font-size: 11px;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.unitselect-app-hero h1 {
    max-width: 1000px;
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(54px, 8.4vw, 132px);
    font-weight: 400;
    line-height: .9;
    letter-spacing: -.055em;
}
.unitselect-app-hero__copy > p:not(.unitselect-app-kicker) {
    max-width: 620px;
    margin: 34px 0 0;
    color: #5d5a55;
    font-size: clamp(17px, 1.5vw, 22px);
    line-height: 1.5;
}
.unitselect-app-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.unitselect-app-hero__actions .unitselect-button { width: auto; min-width: 190px; }
.unitselect-app-hero__stat { align-self: end; justify-self: end; padding: 28px 0; border-top: 1px solid #88847c; }
.unitselect-app-hero__stat strong { display: block; font-family: Georgia, serif; font-size: clamp(64px, 8vw, 120px); font-weight: 400; line-height: .8; }
.unitselect-app-hero__stat span { display: block; margin-top: 12px; color: #6d6962; font-size: 12px; text-transform: uppercase; }

.unitselect-app-section { padding: clamp(74px, 9vw, 140px) clamp(16px, 4vw, 64px); background: #fff; }
.unitselect-app-section--list { background: #f0eee8; }
.unitselect-app-section__heading {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
    gap: 30px;
    align-items: end;
    max-width: 1500px;
    margin: 0 auto clamp(36px, 5vw, 72px);
}
.unitselect-app-section__heading h2,
.unitselect-app-proof h2 {
    max-width: 900px;
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(42px, 6vw, 86px);
    font-weight: 400;
    line-height: .96;
    letter-spacing: -.04em;
}
.unitselect-app-section__heading > p { max-width: 500px; margin: 0; color: #68655f; font-size: 17px; line-height: 1.6; }
.unitselect-app-section > .unitselect-interactive,
.unitselect-app-section > .unitselect-units { width: 100%; max-width: 1500px; margin-inline: auto; }

.unitselect-app-proof { padding: clamp(80px, 11vw, 170px) clamp(20px, 7vw, 120px); background: #1c1c19; color: #f7f5ef; }
.unitselect-app-proof > p:not(.unitselect-app-kicker) { max-width: 780px; margin: 32px 0 0; color: #bdb9b0; font-size: clamp(18px, 2vw, 26px); line-height: 1.5; }
.unitselect-app-proof__items { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; margin-top: 70px; background: #4a4944; }
.unitselect-app-proof__items span { min-height: 150px; padding: 24px; background: #1c1c19; font-size: 14px; }

.unitselect-interactive,
.unitselect-unit-detail {
    box-sizing: border-box;
    width: 100%;
    color: var(--unitselect-interactive-ink);
    font-family: inherit;
}

body.home:not(.unitselect-app-page) .unitselect-interactive,
body.home:not(.unitselect-app-page) .unitselect-units {
    position: relative;
    left: 50%;
    width: min(1500px, calc(100vw - 48px));
    max-width: none;
    transform: translateX(-50%);
}

body.unitselect-app-page .unitselect-interactive,
body.unitselect-app-page .unitselect-units {
    position: static;
    left: auto;
    width: 100%;
    max-width: 1500px;
    transform: none;
}

body.unitselect-app-home .unitselect-app-view--model > .unitselect-interactive {
    width: 100vw;
    max-width: none;
    margin: 0;
}

.unitselect-interactive *,
.unitselect-interactive *::before,
.unitselect-interactive *::after,
.unitselect-unit-detail *,
.unitselect-unit-detail *::before,
.unitselect-unit-detail *::after {
    box-sizing: inherit;
}

.unitselect-interactive__header,
.unitselect-unit-detail > header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 22px;
}

.unitselect-selection-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 0 0 28px;
    color: #77736d;
    font-size: 12px;
}
.unitselect-selection-breadcrumbs a,
.unitselect-selection-breadcrumbs button { color: inherit; }
.unitselect-selection-breadcrumbs button { padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; text-decoration: underline; text-underline-offset: 3px; }
.unitselect-selection-breadcrumbs [hidden] { display: none; }

.unitselect-interactive h2,
.unitselect-unit-detail h1 {
    margin: 0;
    font-size: clamp(34px, 5vw, 70px);
    font-weight: 400;
    line-height: .98;
    letter-spacing: -.045em;
}
.unitselect-unit-detail > header { margin-bottom: 18px; }
.unitselect-unit-detail .unitselect-interactive__eyebrow {
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .08em;
}

.unitselect-unit-detail h1 {
    font-size: clamp(25px, 2.6vw, 38px);
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -.1px;
}

.unitselect-interactive__eyebrow {
    margin: 0 0 10px;
    color: #6c6a65;
    font-size: 13px;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.unitselect-project-select {
    display: grid;
    gap: 5px;
    min-width: 180px;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.unitselect-project-select select {
    min-height: 42px;
    border: 1px solid #1b1b18;
    border-radius: 0;
    background: #fff;
    padding: 8px 34px 8px 12px;
    color: inherit;
    font: inherit;
    text-transform: none;
}

.unitselect-view-switch {
    display: inline-flex;
    padding: 3px;
    border: 1px solid rgba(23,23,20,.28);
    border-radius: 999px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 6px 22px rgba(0,0,0,.14);
    backdrop-filter: blur(12px);
}

.unitselect-view-switch button {
    min-height: 36px;
    padding: 7px 18px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
}

.unitselect-view-switch button.is-active { background: #171714; color: #fff; }

.unitselect-hotspot-mode-switch {
    position: absolute;
    z-index: 5;
    top: 22px;
    left: 22px;
    display: inline-flex;
    padding: 3px;
    border: 1px solid #c8c5bd;
    border-radius: 999px;
    background: rgba(245,244,240,.92);
    box-shadow: 0 8px 28px rgba(0,0,0,.18);
    backdrop-filter: blur(12px);
}

.unitselect-hotspot-mode-switch button {
    min-height: 36px;
    padding: 7px 18px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #171714;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
}

.unitselect-hotspot-mode-switch button.is-active { background: #171714; color: #fff; }

.unitselect-interactive__stage {
    position: relative;
    min-height: clamp(430px, 64vw, 760px);
    overflow: hidden;
    background: #d9d8d3;
}

.unitselect-interactive__stage > img,
.unitselect-interactive__stage > svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.unitselect-interactive__stage > img {
    object-fit: cover;
    object-position: center;
    transition: opacity 300ms cubic-bezier(.22,.61,.36,1), transform 300ms cubic-bezier(.22,.61,.36,1);
    will-change: opacity, transform;
}

.unitselect-building-backdrop { z-index: 0; display: none; }
.unitselect-building-render { z-index: 1; }
.unitselect-building-backdrop--main,
.unitselect-building-render--main { opacity: 1; transform: scale(1); }
.unitselect-building-backdrop--alt,
.unitselect-building-render--alt { opacity: 0; transform: scale(1.012); }
.unitselect-interactive__stage.is-view-alt .unitselect-building-backdrop--main,
.unitselect-interactive__stage.is-view-alt .unitselect-building-render--main { opacity: 0; transform: scale(.992); }
.unitselect-interactive__stage.is-view-alt .unitselect-building-backdrop--alt,
.unitselect-interactive__stage.is-view-alt .unitselect-building-render--alt { opacity: 1; transform: scale(1); }

.unitselect-interactive__stage > svg { z-index: 2; }

.unitselect-building-unit-layer,
.unitselect-building-floor-layer { transition: opacity 180ms ease; }
.unitselect-building-unit-layer { opacity: 0; pointer-events: none; }
.unitselect-building-floor-layer { opacity: 1; pointer-events: auto; }
.unitselect-interactive.is-unit-mode .unitselect-building-unit-layer { opacity: 1; pointer-events: auto; }
.unitselect-interactive.is-unit-mode .unitselect-building-floor-layer { opacity: 0; pointer-events: none; }

.unitselect-floor-hotspot polygon,
.unitselect-unit-hotspot polygon,
.unitselect-building-unit-hotspot polygon {
    fill: var(--unitselect-interactive-available);
    fill-opacity: .24;
    stroke: rgba(255,255,255,.9);
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
    transition: fill-opacity 180ms ease, stroke-width 180ms ease;
}

.unitselect-floor-hotspot polygon {
    fill-opacity: 0;
    stroke-opacity: 0;
}

.unitselect-building-unit-hotspot polygon {
    fill-opacity: 0;
    stroke-opacity: 0;
}

.unitselect-floor-hotspot .unitselect-floor-hitarea {
    fill: transparent !important;
    fill-opacity: 0 !important;
    stroke: transparent !important;
    stroke-opacity: 0 !important;
    pointer-events: auto;
}

.unitselect-floor-hotspot:hover polygon,
.unitselect-floor-hotspot:focus-visible polygon {
    fill-opacity: .62;
    stroke-opacity: 1;
}

.unitselect-interactive.is-floor-hinting .unitselect-floor-hotspot polygon {
    animation: unitselect-hotspot-heartbeat 1.8s ease-in-out 1;
}

.unitselect-interactive.is-unit-hinting .unitselect-building-unit-hotspot polygon {
    animation: unitselect-hotspot-heartbeat 1.8s ease-in-out 1;
}

.unitselect-floor-hotspot.is-model-revealed polygon,
.unitselect-building-unit-hotspot.is-model-revealed polygon {
    animation: unitselect-model-reveal 3.2s cubic-bezier(.22,.61,.36,1) 1 !important;
}

@keyframes unitselect-model-reveal {
    0%, 100% { fill-opacity: 0; stroke-opacity: 0; }
    16%, 58% { fill-opacity: .66; stroke-opacity: .92; stroke-width: 2.5; }
    36%, 78% { fill-opacity: .1; stroke-opacity: .28; stroke-width: 1.8; }
}

@keyframes unitselect-hotspot-heartbeat {
    0%, 100% { fill-opacity: 0; stroke-opacity: 0; }
    18% { fill-opacity: .32; stroke-opacity: .78; }
    38% { fill-opacity: .03; stroke-opacity: .1; }
    58% { fill-opacity: .28; stroke-opacity: .7; }
    82% { fill-opacity: 0; stroke-opacity: 0; }
}

.unitselect-floor-hotspot:hover polygon,
.unitselect-floor-hotspot:focus-visible polygon,
.unitselect-unit-hotspot:hover polygon,
.unitselect-unit-hotspot:focus-visible polygon,
.unitselect-building-unit-hotspot:hover polygon,
.unitselect-building-unit-hotspot:focus-visible polygon {
    fill-opacity: .68;
    stroke-width: 2;
    outline: none;
}

.unitselect-status-reserved polygon { fill: var(--unitselect-interactive-reserved); }
.unitselect-status-unavailable polygon,
.unitselect-status-sold polygon { fill: var(--unitselect-interactive-unavailable); cursor: pointer; }

.unitselect-interactive__tooltip {
    position: absolute;
    z-index: 4;
    max-width: 250px;
    padding: 11px 15px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 10px;
    background: rgba(23,23,20,.94);
    color: #fff;
    box-shadow: 0 12px 34px rgba(0,0,0,.28);
    font-size: 13px;
    font-weight: 600;
    backdrop-filter: blur(12px);
    pointer-events: none;
}

.unitselect-interactive__tooltip.is-unit-card,
.unitselect-interactive__tooltip.is-floor-card {
    width: min(330px, calc(100% - 24px));
    max-width: none;
    padding: 18px 20px 16px;
    border-color: rgba(23,23,20,.12);
    border-radius: 20px;
    background: rgba(255,255,255,.96);
    color: #171714;
    box-shadow: 0 20px 58px rgba(0,0,0,.24);
    font-size: 13px;
    font-weight: 400;
    backdrop-filter: blur(18px);
}
.unitselect-interactive__tooltip.is-floor-card { width: min(320px, calc(100% - 24px)); }
.unitselect-floor-hover-card__building,
.unitselect-floor-hover-card__count,
.unitselect-floor-hover-card__layouts { display: block; }
.unitselect-floor-hover-card__building { margin-top: 7px; font-size: 13px; font-weight: 600; }
.unitselect-floor-hover-card__count { margin-top: 15px; font-size: 15px; font-weight: 600; }
.unitselect-floor-hover-card__layouts { margin-top: 12px; padding: 7px 12px; border-radius: 999px; background: #548776; color: #fff; font-size: 11px; font-weight: 700; text-align: center; }

.unitselect-hover-card__header,
.unitselect-hover-card__metrics,
.unitselect-hover-card__metrics > span {
    display: flex;
}

.unitselect-hover-card__header { align-items: center; gap: 10px; }
.unitselect-hover-card__title { font-size: 22px; font-weight: 600; letter-spacing: -.035em; }
.unitselect-hover-card__badge {
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--unitselect-interactive-available);
    color: #26330d;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}
.unitselect-hover-card__badge.is-reserved { background: var(--unitselect-interactive-reserved); color: #3b2600; }
.unitselect-hover-card__badge.is-unavailable { background: var(--unitselect-interactive-unavailable); color: #fff; }
.unitselect-hover-card__metrics { gap: 18px; margin-top: 16px; }
.unitselect-hover-card__metrics > span { min-width: 0; flex: 1 1 0; flex-direction: column; }
.unitselect-hover-card__value { min-width: 0; overflow-wrap: anywhere; font-size: 16px; font-weight: 600; }
.unitselect-hover-card__label { margin-top: 3px; color: #817e77; font-size: 9px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.unitselect-hover-card__price { display: block; margin-top: 17px; font-size: 22px; font-weight: 600; letter-spacing: -.025em; text-align: right; }

.unitselect-map-filter-toggle { position: absolute; z-index: 7; top: 76px; left: 22px; min-height: 40px; padding: 9px 16px; border: 1px solid rgba(255,255,255,.42); border-radius: 999px; background: rgba(23,23,20,.92); color: #fff; cursor: pointer; font: 600 12px/1 Inter, sans-serif; }
.unitselect-map-filter { position: absolute; z-index: 8; top: 124px; left: 22px; display: flex; flex-direction: column; gap: 14px; width: min(470px,calc(100% - 44px)); height: min(720px,calc(100% - 146px)); max-height: 720px; padding: 18px; overflow: hidden; border: 1px solid rgba(23,23,20,.12); border-radius: 20px; background: rgba(255,255,255,.96); box-shadow: 0 20px 60px rgba(0,0,0,.22); color: #171714; backdrop-filter: blur(16px); }
.unitselect-map-filter[hidden] { display: none; }
.unitselect-map-filter header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; cursor: grab; touch-action: none; user-select: none; }
.unitselect-map-filter header:active,.unitselect-map-filter.is-dragging header { cursor: grabbing; }
.unitselect-map-filter header:focus-visible { outline: 2px solid #171714; outline-offset: 5px; border-radius: 8px; }
.unitselect-map-filter.is-dragging { box-shadow: 0 28px 76px rgba(0,0,0,.3); }
.unitselect-map-filter__drag-title { display: inline-flex; align-items: center; gap: 8px; }
.unitselect-map-filter__drag-title i { color: #8b8882; font-style: normal; font-size: 16px; line-height: 1; }
.unitselect-map-filter header strong { font-size: 18px; }
.unitselect-map-filter header button { display: grid; width: 32px; height: 32px; place-items: center; padding: 0; border: 1px solid #cbc8c0; border-radius: 50%; background: #fff; cursor: pointer; font-size: 21px; line-height: 1; }
.unitselect-map-filter__controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; flex: 0 0 auto; }
.unitselect-map-filter__availability { display: inline-flex !important; flex: 0 0 auto; align-items: center; gap: 10px; width: max-content; color: #171714 !important; cursor: pointer; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; }
.unitselect-map-filter__availability input { position: absolute; opacity: 0; pointer-events: none; }
.unitselect-map-filter__switch-track { position: relative; display: block; width: 34px; height: 18px; border: 1.5px solid #171714; border-radius: 999px; background: #fff; transition: background-color 160ms ease; }
.unitselect-map-filter__switch-track > span { position: absolute; top: 2px; left: 2px; width: 11px; height: 11px; border-radius: 50%; background: #171714; transition: transform 160ms ease,background-color 160ms ease; }
.unitselect-map-filter__availability input:checked + .unitselect-map-filter__switch-track { background: #171714; }
.unitselect-map-filter__availability input:checked + .unitselect-map-filter__switch-track > span { transform: translateX(16px); background: #fff; }
.unitselect-map-filter__availability input:focus-visible + .unitselect-map-filter__switch-track { outline: 2px solid #171714; outline-offset: 3px; }
.unitselect-map-filter__choice-tabs,.unitselect-map-filter__choice-panels { grid-column: 1/-1; }
.unitselect-map-filter__choice-tabs { display: flex; align-items: center; gap: 18px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.unitselect-map-filter__choice-tabs::-webkit-scrollbar { display: none; }
.unitselect-map-filter__choice-tabs button { display: inline-flex; align-items: center; gap: 5px; min-height: 28px; padding: 0 0 3px; border: 0; border-bottom: 1px solid transparent; background: transparent; color: #171714; cursor: pointer; font: 500 12px/1.2 Inter,ui-sans-serif,sans-serif; white-space: nowrap; }
.unitselect-map-filter__choice-tabs button[aria-selected="true"] { border-bottom-color: currentColor; }
.unitselect-map-filter__choice-tabs button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 2px; }
.unitselect-map-filter__choice-tabs small { display: inline-grid; min-width: 17px; height: 17px; place-items: center; padding: 0 4px; border-radius: 999px; background: #171714; color: #fff; font-size: 9px; }
.unitselect-map-filter__choice-tabs small[hidden] { display: none; }
.unitselect-map-filter__choice-panels { min-height: 42px; max-height: 94px; overflow-y: auto; scrollbar-width: thin; }
.unitselect-map-filter__choice-panels > [hidden] { display: none; }
.unitselect-map-filter__pills { display: flex; flex-wrap: wrap; gap: 7px; }
.unitselect-map-filter__pills label { position: relative; display: inline-flex !important; color: #171714 !important; cursor: pointer; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0 !important; }
.unitselect-map-filter__pills input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.unitselect-map-filter__pills label > span { display: block; padding: 7px 11px; border: 1px solid #cfcac1; border-radius: 999px; background: #fff; white-space: nowrap; transition: background-color 150ms ease,color 150ms ease,border-color 150ms ease; }
.unitselect-map-filter__pills input:checked + span { border-color: #171714; background: #171714; color: #fff; }
.unitselect-map-filter__pills input:focus-visible + span { outline: 2px solid #171714; outline-offset: 2px; }
.unitselect-map-filter select { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.unitselect-custom-select { position: relative; min-width: 0; }
.unitselect-custom-select__button { position: relative; width: 100%; height: 42px; padding: 0 38px 0 13px; border: 1px solid #d2cfc8; border-radius: 999px; background: #fff; color: #171714; cursor: pointer; font: 500 13px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-align: left; transition: border-color 160ms ease,box-shadow 160ms ease; }
.unitselect-custom-select__button::after { position: absolute; top: 50%; right: 15px; width: 8px; height: 8px; transform: translateY(-68%) rotate(45deg); border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; content: ""; transition: transform 160ms ease; }
.unitselect-custom-select.is-open .unitselect-custom-select__button::after { transform: translateY(-20%) rotate(225deg); }
.unitselect-custom-select__button:hover { border-color: #96928a; }
.unitselect-custom-select__button:focus-visible { outline: 0; border-color: #171714; box-shadow: 0 0 0 3px rgba(23,23,20,.13); }
.unitselect-custom-select__menu { position: absolute; z-index: 12; top: calc(100% + 6px); right: 0; left: 0; display: grid; gap: 2px; max-height: 190px; padding: 5px; overflow-y: auto; border: 1px solid #d2cfc8; border-radius: 14px; background: #fff; box-shadow: 0 14px 34px rgba(0,0,0,.18); }
.unitselect-custom-select__menu[hidden] { display: none; }
.unitselect-custom-select__option { min-height: 34px; padding: 8px 11px; border: 0; border-radius: 9px; background: transparent; color: #171714; cursor: pointer; font: 500 12px/1.2 Inter,ui-sans-serif,sans-serif; text-align: left; }
.unitselect-custom-select__option:hover,.unitselect-custom-select__option:focus-visible { outline: 0; background: #f1efe9; }
.unitselect-custom-select__option[aria-selected="true"] { background: #171714; color: #fff; }
.unitselect-map-filter__range { position: relative; display: grid; height: 92px; align-content: start; padding-top: 1px; }
.unitselect-map-filter__range-heading { color: #68655f; font-size: 10px; }
.unitselect-map-filter__range-bubble { position: absolute; top: 18px; left: 50%; z-index: 2; min-width: 72px; padding: 5px 9px; transform: translateX(-50%); border-radius: 999px; background: #000; color: #fff; font-size: 9px; font-weight: 650; line-height: 1; text-align: center; white-space: nowrap; }
.unitselect-map-filter__range-bubble::after { position: absolute; top: 100%; left: 50%; width: 0; height: 0; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #000; content: ""; }
.unitselect-map-filter__range-track { position: absolute; right: 7px; bottom: 23px; left: 7px; height: 3px; border-radius: 999px; background: linear-gradient(to right,#d8d5ce 0 var(--range-from),#171714 var(--range-from) var(--range-to),#d8d5ce var(--range-to) 100%); }
.unitselect-map-filter__range input { position: absolute; right: 0; bottom: 15px; left: 0; width: 100%; height: 20px; margin: 0; appearance: none; -webkit-appearance: none; background: transparent; pointer-events: none; }
.unitselect-map-filter__range input::-webkit-slider-thumb { width: 13px; height: 13px; appearance: none; -webkit-appearance: none; border: 2px solid #171714; border-radius: 50%; background: #fff; box-shadow: none; cursor: grab; pointer-events: auto; }
.unitselect-map-filter__range input::-moz-range-thumb { width: 10px; height: 10px; border: 2px solid #171714; border-radius: 50%; background: #fff; box-shadow: none; cursor: grab; pointer-events: auto; }
.unitselect-map-filter__range-limits { position: absolute; right: 0; bottom: 0; left: 0; display: flex; justify-content: space-between; color: #8c8983; font-size: 9px; line-height: 1; }
.unitselect-map-filter__summary { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; padding-top: 2px; border-top: 1px solid #dedbd4; }
.unitselect-map-filter__summary p { margin: 0; font-size: 12px; font-weight: 650; }
.unitselect-map-filter__reset { min-height: 36px; padding: 8px 14px; border: 0; border-radius: 999px; background: #171714; color: #fff; cursor: pointer; font: 600 11px/1 Inter,sans-serif; }
.unitselect-map-filter__results { display: grid; grid-auto-rows: minmax(58px,auto); align-content: start; flex: 1 1 auto; gap: 1px; min-height: 0; overflow: auto; border: 1px solid #dedbd4; border-radius: 14px; background: #dedbd4; scrollbar-width: thin; }
.unitselect-map-filter__result { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px; align-items: center; min-height: 58px; padding: 10px 12px; border: 0; background: #fff; color: #171714; cursor: pointer; font: inherit; text-align: left; transition: background-color 150ms ease; }
.unitselect-map-filter__result[hidden] { display: none; }
.unitselect-map-filter__result:hover,.unitselect-map-filter__result:focus-visible { background: #f1efe9; outline: 0; }
.unitselect-map-filter__result > span { display: grid; min-width: 0; gap: 3px; }
.unitselect-map-filter__result > span:last-child { text-align: right; }
.unitselect-map-filter__result strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.unitselect-map-filter__result small { color: #77736d; font-size: 9px; }
.unitselect-map-filter__result.unitselect-status-reserved > span:last-child small { color: #a86a0c; }
.unitselect-map-filter__result.unitselect-status-unavailable > span:last-child small,.unitselect-map-filter__result.unitselect-status-sold > span:last-child small { color: #b32f27; }
.unitselect-interactive.is-map-filter-open .unitselect-building-unit-hotspot polygon { fill-opacity: .56; stroke-opacity: .9; }
.unitselect-interactive.is-map-filter-open .unitselect-building-unit-hotspot.is-filtered-out polygon { fill: #3c3c39; fill-opacity: .12; stroke-opacity: .12; }
.unitselect-interactive.is-map-filter-open .unitselect-building-unit-hotspot.is-filter-match:hover polygon { fill-opacity: .78; }

.unitselect-interactive-help {
    position: fixed;
    z-index: 81;
    top: 24px;
    right: calc(clamp(16px, 2.5vw, 38px) + 94px);
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 50%;
    background: rgba(23,23,20,.9);
    color: #fff;
    box-shadow: 0 10px 28px rgba(0,0,0,.2);
    cursor: pointer;
    font: 600 15px/1 Inter, ui-sans-serif, sans-serif;
    backdrop-filter: blur(12px);
}

body.unitselect-app-page.admin-bar .unitselect-interactive-help { top: 56px; }

.unitselect-interactive-tutorial {
    position: absolute;
    z-index: 15;
    inset: 0;
    overflow: hidden;
    background: rgba(21,29,35,.84);
    color: #fff;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    backdrop-filter: none;
    pointer-events: auto;
}

.unitselect-interactive-tutorial[hidden] { display: none; }
.unitselect-interactive-tutorial.is-closing { pointer-events: none; }
.unitselect-tutorial-callout { position: absolute; width: min(285px, 28vw); pointer-events: none; }
.unitselect-tutorial-callout > span { position: absolute; display: block; width: 58px; height: 58px; color: #fff; }
.unitselect-tutorial-callout > span svg { display: block; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.unitselect-tutorial-callout strong { display: block; font-size: 17px; font-weight: 650; }
.unitselect-tutorial-callout p { max-width: 270px; margin: 6px 0 0; color: rgba(255,255,255,.84); font-size: 13px; line-height: 1.42; }
.unitselect-tutorial-callout--mode { top: 32px; left: 260px; width: 250px; }
.unitselect-tutorial-callout--appview { top: 105px; left: 50%; transform: translateX(-50%); text-align: center; }
.unitselect-tutorial-callout--appview > span { top: -37px; left: 50%; width: 32px; height: 32px; transform: translateX(-50%) rotate(180deg); }
.unitselect-tutorial-callout--language { top: 105px; right: 24px; width: 200px; text-align: center; }
.unitselect-tutorial-callout--language strong,
.unitselect-tutorial-callout--language p { width: 96px; margin-right: 0; margin-left: calc(var(--unitselect-tutorial-arrow-x, 50%) - 48px); text-align: center; }
.unitselect-tutorial-callout--language > span { top: -37px; left: var(--unitselect-tutorial-arrow-x, 50%); width: 32px; height: 32px; transform: translateX(-50%) rotate(180deg); }
.unitselect-tutorial-callout--mode > span { top: -23px; left: -48px; width: 32px; height: 68px; transform: rotate(90deg); }
.unitselect-tutorial-callout--filter { top: 86px; left: 115px; width: 130px; }
.unitselect-tutorial-callout--filter > span { top: 50%; left: -30px; width: 24px; height: 24px; transform: translateY(-50%) rotate(90deg); }
.unitselect-tutorial-callout--filter strong { font-size: 15px; }
.unitselect-tutorial-callout--filter p { display: none; }
.unitselect-tutorial-callout--hotspots { top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.unitselect-tutorial-callout--hotspots > span { top: 80px; left: 50%; transform: translateX(-50%); }
.unitselect-tutorial-callout--views { bottom: 160px; left: 335px; text-align: center; }
.unitselect-tutorial-callout--views p { width: 100%; max-width: none; }
.unitselect-tutorial-callout--views > span { top: calc(100% + 8px); left: var(--unitselect-tutorial-arrow-x, 50%); width: 32px; height: 32px; transform: translateX(-50%); }
.unitselect-tutorial-callout--legend { right: 28px; bottom: 104px; width: 220px; text-align: center; }
.unitselect-tutorial-callout--legend p { margin-inline: auto; }
.unitselect-tutorial-callout--legend > span { bottom: -58px; left: var(--unitselect-tutorial-arrow-x, 50%); width: 42px; height: 46px; transform: translateX(-50%); }
.unitselect-tutorial-callout--mobile { display: none; }
.unitselect-tutorial-close {
    position: absolute;
    z-index: 1;
    bottom: 30px;
    left: 50%;
    min-height: 46px;
    padding: 11px 20px;
    transform: translateX(-50%);
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 999px;
    background: #fff;
    color: #171714;
    cursor: pointer;
    font: 600 13px/1 Inter, ui-sans-serif, sans-serif;
    pointer-events: auto;
}

.unitselect-interactive.is-tutorial-open .unitselect-hotspot-mode-switch,
.unitselect-interactive.is-tutorial-open .unitselect-map-filter-toggle { z-index: 18; }
.unitselect-interactive.is-tutorial-open .unitselect-interactive__legend { z-index: 18 !important; }
.unitselect-app-home .unitselect-interactive.is-tutorial-open .unitselect-interactive__header { z-index: 18; }
.unitselect-interactive.is-tutorial-open .unitselect-interactive-help { visibility: hidden; pointer-events: none; }
body.unitselect-app-home:has(.unitselect-interactive.is-tutorial-open) .unitselect-app-topbar { z-index: 185; }

.unitselect-interactive__legend {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 999px;
    background: rgba(255,255,255,.9);
    box-shadow: 0 8px 28px rgba(0,0,0,.12);
    font-size: 11px;
    backdrop-filter: blur(12px);
}

.unitselect-interactive__legend span {
    width: 10px;
    height: 10px;
    margin-left: 8px;
    border-radius: 50%;
    background: var(--unitselect-interactive-available);
}
.unitselect-interactive__legend span:first-child { margin-left: 0; }
.unitselect-interactive__legend .is-reserved { background: var(--unitselect-interactive-reserved); }
.unitselect-interactive__legend .is-unavailable { background: var(--unitselect-interactive-unavailable); }

.unitselect-mobile-floor-launcher,
.unitselect-mobile-floor-menu { display: none; }

.unitselect-floor-panel {
    min-height: 260px;
    padding: clamp(18px, 3vw, 34px);
    background: #fff;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.unitselect-lazy-loading {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #5f5d58;
    font-size: 13px;
}

.unitselect-lazy-loading span {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(23,23,20,.2);
    border-top-color: #171714;
    border-radius: 50%;
    animation: unitselect-lazy-spin .7s linear infinite;
}

.unitselect-lazy-error {
    display: block;
    max-width: 420px;
    margin: 80px auto;
    padding: 14px 18px;
    border: 1px solid #b5b1aa;
    background: #fff;
    color: inherit;
    cursor: pointer;
    font: inherit;
}

@keyframes unitselect-lazy-spin { to { transform: rotate(360deg); } }

.unitselect-floor-panel__breadcrumbs { align-items: center; margin-bottom: 22px; font-size: 11px; font-weight: 300; line-height: 1.4; letter-spacing: -.1px; }
.unitselect-floor-panel__breadcrumbs button { padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; text-decoration: underline; text-underline-offset: 3px; }

.unitselect-floor-panel > header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.unitselect-floor-panel header p,
.unitselect-floor-panel header h3 { margin: 0; }
.unitselect-floor-panel header p { color: #77736d; font-size: 11px; }
.unitselect-floor-panel header h3 { font-size: clamp(25px, 2.6vw, 38px); font-weight: 400; line-height: 1.05; }

.unitselect-back-button {
    padding: 0 0 5px;
    border: 0;
    border-bottom: 1px solid currentColor;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
}

.unitselect-floor-close {
    margin-bottom: -56px;
}

.unitselect-app-home .unitselect-floor-close {
    transform: translate(clamp(18px, 3vw, 34px), clamp(-34px, -3vw, -18px));
}

.unitselect-unit-detail__heading-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.unitselect-unit-back-button {
    color: inherit;
    font-size: 12px;
    text-decoration: none;
}

.unitselect-floor-plan {
    position: relative;
    min-height: clamp(360px, 55vw, 680px);
    overflow: hidden;
    background: #fff;
}

.unitselect-floor-plan > img,
.unitselect-floor-plan > svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.unitselect-app-home .unitselect-floor-plan {
    height: clamp(300px, 42svh, 460px);
    min-height: 0;
}

.unitselect-floor-units {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 1px;
    background: #b9b6af;
}

.unitselect-floor-unit-card {
    display: grid;
    gap: 5px;
    padding: 18px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    transition: background-color 180ms ease;
}

.unitselect-floor-unit-card:hover,
.unitselect-floor-unit-card.is-highlighted { background: #e9f6c5; }

.unitselect-floor-inventory {
    margin-top: 12px;
    border-top: 1px solid #d6d3cc;
}

.unitselect-floor-inventory__header {
    display: flex;
    min-height: 64px;
    align-items: center;
    gap: 10px;
    padding: 12px 2px;
}

.unitselect-floor-inventory__header h4 { margin: 0; font-size: 14px; font-weight: 600; line-height: 1.2; }

.unitselect-floor-inventory__count {
    display: inline-grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 50%;
    background: #171714;
    color: #fff;
    font-size: 11px;
}

.unitselect-floor-inventory__cue {
    margin-left: auto;
    font-size: 19px;
    animation: unitselect-inventory-cue 1.5s ease-in-out infinite;
}

@keyframes unitselect-inventory-cue {
    0%, 100% { transform: translateY(-2px); }
    50% { transform: translateY(3px); }
}

.unitselect-floor-inventory__table-wrap {
    overflow-x: auto;
    border: 1px solid #d8d5ce;
    border-radius: 14px;
}

.unitselect-floor-inventory__table {
    width: 100%;
    min-width: 620px;
    border: 0;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.unitselect-floor-inventory__table th,
.unitselect-floor-inventory__table td {
    padding: 12px 9px;
    border: 0;
    border-bottom: 1px solid #dedbd4;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}

.unitselect-floor-inventory__table th {
    padding-top: 14px;
    padding-bottom: 13px;
    background: #ebe9e3;
    color: #625f59;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
}

.unitselect-floor-inventory__table th:first-child,
.unitselect-floor-inventory__table td:first-child { padding-left: 14px; text-align: left; }
.unitselect-floor-inventory__table th:last-child,
.unitselect-floor-inventory__table td:last-child { padding-right: 14px; }
.unitselect-floor-inventory__table td strong { font-weight: 500; }

.unitselect-floor-inventory__table tbody tr { cursor: pointer; }
.unitselect-floor-inventory__table tbody tr:last-child td { border-bottom: 0; }
.unitselect-floor-inventory__table tbody tr:hover td { background: #f1efe9; }
.unitselect-floor-inventory__table tbody tr:focus-visible { outline: 2px solid #171714; outline-offset: -3px; }

.unitselect-floor-inventory__status-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 7px;
    border-radius: 50%;
    background: var(--unitselect-interactive-available);
}

.unitselect-status-reserved .unitselect-floor-inventory__status-dot { background: var(--unitselect-interactive-reserved); }
.unitselect-status-sold .unitselect-floor-inventory__status-dot,
.unitselect-status-unavailable .unitselect-floor-inventory__status-dot { background: var(--unitselect-interactive-unavailable); }
.unitselect-floor-inventory__mobile { display: none; }

.unitselect-unit-detail {
    max-width: 1220px;
    margin: 0 auto;
    padding: clamp(24px, 4vw, 52px);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.unitselect-unit-detail__breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 22px;
    color: #77736d;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: -.1px;
}
.unitselect-unit-detail__breadcrumbs a { color: inherit; }

.unitselect-unit-detail__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 13px;
    background: var(--unitselect-interactive-available);
    color: #171714;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 999px;
}
.unitselect-unit-detail__status.unitselect-status-reserved {
    background: var(--unitselect-interactive-reserved);
    color: #2d210c;
}
.unitselect-unit-detail__status.unitselect-status-sold,
.unitselect-unit-detail__status.unitselect-status-unavailable {
    background: var(--unitselect-interactive-unavailable);
    color: #fff;
}

.unitselect-unit-detail__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .72fr);
    gap: clamp(26px, 4vw, 54px);
    align-items: start;
}

.unitselect-unit-detail__plan {
    min-height: 430px;
    background: var(--unitselect-interactive-paper);
}
.unitselect-unit-detail__plan img,
.unitselect-unit-detail__plan svg { display: block; width: 100%; height: 100%; object-fit: contain; }

.unitselect-unit-detail dl { margin: 0; border-top: 1px solid #aaa69e; }
.unitselect-unit-detail dl > div { display: flex; justify-content: space-between; gap: 20px; padding: 11px 0; border-bottom: 1px solid #aaa69e; font-size: 14px; }
.unitselect-unit-detail dt, .unitselect-unit-detail dd { margin: 0; }
.unitselect-unit-detail dd { text-align: right; }

.unitselect-unit-detail__actions { display: grid; gap: 10px; margin-top: 20px; }
.unitselect-show-model { cursor: pointer; }
.unitselect-floor-panel__header-actions { display: flex; align-items: center; gap: 12px; }
.unitselect-button {
    display: block;
    padding: 12px 18px;
    border: 1px solid #171714;
    background: #171714;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font: inherit;
    font-size: 13px;
}
.unitselect-button--secondary { background: #fff; color: #171714; }
.unitselect-button.is-disabled { border-color: #aaa69e; background: #e7e5df; color: #77736d; cursor: not-allowed; }

.unitselect-unit-description { margin-top: clamp(34px, 5vw, 64px); }
.unitselect-unit-gallery { position: relative; margin-top: clamp(24px, 3vw, 38px); }
.unitselect-unit-description { max-width: 760px; }
.unitselect-unit-description h2,
.unitselect-unit-gallery h2 { margin: 0; font-size: clamp(22px, 2.5vw, 34px); font-weight: 400; letter-spacing: -.025em; }
.unitselect-unit-description p { margin: 14px 0 0; color: #5e5b55; font-size: 14px; line-height: 1.65; }
.unitselect-unit-gallery > header { position: absolute; z-index: 2; top: 14px; right: 14px; left: 14px; display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.58); border-radius: 12px; background: rgba(255,255,255,.84); box-shadow: 0 8px 28px rgba(0,0,0,.1); backdrop-filter: blur(12px); pointer-events: none; }
.unitselect-unit-gallery > header span { color: #5f5c56; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.unitselect-unit-gallery__stage { height: clamp(280px, 43vw, 540px); margin: 0; overflow: hidden; border-radius: 16px; background: #e9e7e1; }
.unitselect-unit-gallery__open { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.unitselect-unit-gallery__open > span { position: absolute; right: 14px; bottom: 14px; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.9); color: #171714; box-shadow: 0 7px 24px rgba(0,0,0,.18); }
.unitselect-unit-gallery__stage img { display: block; width: 100%; height: 100%; object-fit: cover; transition: opacity 180ms ease, transform 280ms ease; }
.unitselect-unit-gallery__open:hover img { transform: scale(1.012); }
.unitselect-unit-gallery__thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; margin-top: 10px; }
.unitselect-unit-gallery__thumbs button { padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 10px; background: #eee; cursor: pointer; }
.unitselect-unit-gallery__thumbs button.is-active { border-color: #171714; }
.unitselect-unit-gallery__thumbs img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.unitselect-gallery-lightbox {
    position: fixed;
    z-index: 260;
    inset: 0;
    display: grid;
    place-items: center;
    padding: clamp(12px, 3vw, 38px);
}
.unitselect-gallery-lightbox[hidden] { display: none; }
.unitselect-gallery-lightbox.is-closing { pointer-events: none; }
.unitselect-gallery-lightbox__backdrop { position: absolute; inset: 0; border: 0; background: rgba(12,12,11,.9); cursor: zoom-out; backdrop-filter: blur(10px); }
.unitselect-gallery-lightbox__dialog { position: relative; z-index: 1; display: grid; width: fit-content; height: fit-content; max-width: 100%; max-height: 100%; place-items: center; }
.unitselect-gallery-lightbox__dialog > img { display: block; width: auto; height: auto; max-width: calc(100vw - clamp(24px, 6vw, 76px)); max-height: calc(100svh - clamp(24px, 6vw, 76px)); object-fit: contain; }
.unitselect-gallery-lightbox__close,
.unitselect-gallery-lightbox__nav { position: absolute; z-index: 2; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background: rgba(23,23,20,.82); color: #fff; cursor: pointer; font: inherit; }
.unitselect-gallery-lightbox__close:focus,
.unitselect-gallery-lightbox__nav:focus { outline: none; }
.unitselect-gallery-lightbox__close:focus-visible,
.unitselect-gallery-lightbox__nav:focus-visible { border-color: #fff; outline: none; background: #171714; }
.unitselect-gallery-lightbox__close { top: 10px; right: 10px; width: 44px; height: 44px; padding: 0; font-size: 0; line-height: 1; }
.unitselect-gallery-lightbox__close::before,
.unitselect-gallery-lightbox__close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; border-radius: 2px; background: currentColor; transform-origin: center; }
.unitselect-gallery-lightbox__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.unitselect-gallery-lightbox__close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.unitselect-gallery-lightbox__nav { top: 50%; width: 48px; height: 48px; transform: translateY(-50%); font-size: 19px; }
.unitselect-gallery-lightbox__nav--prev { left: 10px; }
.unitselect-gallery-lightbox__nav--next { right: 10px; }
.unitselect-gallery-lightbox__counter { position: absolute; right: 12px; bottom: 8px; padding: 6px 10px; border-radius: 999px; background: rgba(23,23,20,.72); color: #fff; font-size: 11px; letter-spacing: .06em; }
body.unitselect-lightbox-open .unitselect-unit-modal { z-index: 250; }

body.home .wp-block-post-title { display: none; }

.unitselect-unit-detail-link { margin-right: 12px; white-space: nowrap; }

@media (max-width: 767px) {
    body.unitselect-app-page.admin-bar .unitselect-app-topbar { top: 46px; }
    .unitselect-app-topbar { grid-template-columns: 1fr auto; min-height: 66px; padding: 10px 14px; }
    .unitselect-app-nav { display: none; }
    .unitselect-app-back { display: none; }
    .unitselect-app-view-toggle { position: fixed; z-index: 110; top: 10px; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); white-space: nowrap; box-shadow: 0 6px 24px rgba(0,0,0,.2); }
    .unitselect-app-view-toggle button { min-height: 34px; padding: 6px 12px; font-size: 11px; }
    .unitselect-toggle-label--desktop { display: none; }
    .unitselect-toggle-label--mobile { display: inline; }
    .unitselect-app-home .unitselect-app-topbar { padding: 10px; }
    .unitselect-app-workspace { height: 100svh; }
    .unitselect-app-view--table { padding: 88px 12px 24px; }
    .unitselect-app-home .unitselect-interactive__header { top: auto; right: auto; bottom: 98px; left: 10px; padding: 8px; }
    .unitselect-app-home .unitselect-interactive__header {
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }
    .unitselect-app-home .unitselect-interactive__header > div:first-child { display: none; }
    .unitselect-hotspot-mode-switch {
        top: 78px;
        left: 10px;
    }
    .unitselect-hotspot-mode-switch button,
    .unitselect-view-switch button { min-height: 34px; padding: 6px 12px; font-size: 11px; }
    .unitselect-interactive-help {
        position: fixed;
        z-index: 76;
        top: 78px;
        right: max(10px, env(safe-area-inset-right));
        bottom: auto;
        left: auto;
        width: 40px;
        height: 40px;
    }
    body.unitselect-app-page.admin-bar .unitselect-interactive-help { top: 124px; }
    .unitselect-interactive-tutorial {
        position: fixed;
        z-index: 180;
        padding: 0;
        overflow: hidden;
        background: rgba(21,29,35,.91);
    }
    .unitselect-tutorial-callout {
        position: absolute;
        width: min(210px, calc(100vw - 36px));
        margin: 0;
        text-align: left;
    }
    .unitselect-tutorial-callout--mobile { display: block; }
    .unitselect-tutorial-callout--mode { top: 168px; left: 18px; }
    .unitselect-tutorial-callout--appview { top: 100px; left: 50%; width: 120px; transform: translateX(-50%); text-align: center; }
    .unitselect-tutorial-callout--language { top: 100px; right: 12px; width: 88px; text-align: right; }
    .unitselect-tutorial-callout--filter { display: none; }
    .unitselect-tutorial-callout--hotspots { top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
    .unitselect-tutorial-callout--views { right: auto !important; bottom: 154px !important; left: 16px !important; width: calc(50vw - 24px); transform: none !important; }
    .unitselect-tutorial-callout--legend { display: none; }
    .unitselect-tutorial-callout--mobile { right: 16px !important; bottom: 154px !important; left: auto !important; width: calc(50vw - 24px); text-align: right; transform: none !important; }
    .unitselect-interactive.is-tutorial-open .unitselect-hotspot-mode-switch,
    .unitselect-app-home .unitselect-interactive.is-tutorial-open .unitselect-interactive__header,
    .unitselect-interactive.is-tutorial-open .unitselect-mobile-floor-launcher { z-index: 185; }
    .unitselect-tutorial-callout > span { width: 32px; height: 32px; }
    .unitselect-tutorial-callout--mode > span { top: -31px; left: 28px; transform: rotate(180deg); }
    .unitselect-tutorial-callout--appview > span { top: -36px; left: 50%; transform: translateX(-50%) rotate(180deg); }
    .unitselect-tutorial-callout--language > span { top: -36px; right: 18px; left: auto; transform: rotate(180deg); }
    .unitselect-tutorial-callout--hotspots > span { top: auto; bottom: -42px; left: 50%; transform: translateX(-50%); }
    .unitselect-tutorial-callout--views > span { top: auto; right: auto; bottom: -23px; left: 24px; width: 25px; height: 25px; transform: none; }
    .unitselect-tutorial-callout--mobile > span { top: auto; right: 26px; bottom: -23px; left: auto; width: 25px; height: 25px; transform: none; }
    .unitselect-tutorial-callout strong { font-size: 15px; }
    .unitselect-tutorial-callout p { font-size: 12px; }
    .unitselect-tutorial-callout--appview strong,
    .unitselect-tutorial-callout--language strong { width: auto; margin: 0; font-size: 12px; text-align: right; }
    .unitselect-tutorial-callout--appview p,
    .unitselect-tutorial-callout--language p { display: none; }
    .unitselect-tutorial-close { position: fixed; bottom: calc(24px + env(safe-area-inset-bottom)); }
    .unitselect-interactive__tooltip.is-unit-card,
    .unitselect-interactive__tooltip.is-floor-card { width: min(300px, calc(100vw - 24px)); padding: 15px 16px 14px; }
    .unitselect-map-filter-toggle,
    .unitselect-map-filter { display: none !important; }
    .unitselect-hover-card__title { font-size: 19px; }
    .unitselect-hover-card__metrics { gap: 10px; margin-top: 12px; }
    .unitselect-hover-card__price { margin-top: 12px; font-size: 19px; }
    .unitselect-app-home .unitselect-interactive__stage { min-height: 0; }
    .unitselect-interactive__stage > .unitselect-building-backdrop {
        display: block;
        z-index: 0;
        object-fit: cover;
        filter: blur(20px) saturate(.82);
        opacity: .55;
        transform: scale(1.1);
    }
    .unitselect-interactive__stage > .unitselect-building-render {
        z-index: 1;
        object-fit: contain;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 5%, #000 95%, transparent 100%);
        mask-image: linear-gradient(to bottom, transparent 0, #000 5%, #000 95%, transparent 100%);
    }
    .unitselect-floor-hotspot { pointer-events: auto; }
    .unitselect-floor-hotspot polygon:not(.unitselect-floor-hitarea) { stroke-width: .75px; }
    .unitselect-mobile-floor-launcher {
        position: fixed;
        z-index: 75;
        right: max(10px, env(safe-area-inset-right));
        bottom: calc(96px + env(safe-area-inset-bottom));
        display: flex;
        align-items: center;
        gap: 9px;
        min-height: 48px;
        padding: 7px 13px 7px 10px;
        border: 1px solid rgba(255,255,255,.5);
        border-radius: 999px;
        background: rgba(23,23,20,.9);
        color: #fff;
        box-shadow: 0 12px 34px rgba(0,0,0,.26);
        cursor: pointer;
        font: inherit;
        text-align: left;
        backdrop-filter: blur(14px);
    }
    .unitselect-mobile-floor-launcher svg { width: 25px; height: 25px; flex: 0 0 auto; }
    .unitselect-mobile-floor-launcher span { display: grid; line-height: 1.05; }
    .unitselect-mobile-floor-launcher strong { font-size: 12px; }
    .unitselect-mobile-launcher-label--units,
    .unitselect-mobile-menu-title--units,
    .unitselect-mobile-unit-list { display: none; }
    .unitselect-interactive.is-unit-mode .unitselect-mobile-launcher-label--floors,
    .unitselect-interactive.is-unit-mode .unitselect-mobile-menu-title--floors,
    .unitselect-interactive.is-unit-mode .unitselect-mobile-floor-grid { display: none; }
    .unitselect-interactive.is-unit-mode .unitselect-mobile-launcher-label--units,
    .unitselect-interactive.is-unit-mode .unitselect-mobile-menu-title--units { display: inline; }
    .unitselect-interactive.is-unit-mode .unitselect-mobile-unit-list { display: grid; }
    .unitselect-mobile-floor-launcher small { max-width: 92px; margin-top: 3px; overflow: hidden; opacity: .68; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
    .unitselect-mobile-floor-menu {
        position: fixed;
        z-index: 190;
        inset: 0;
        display: block;
    }
    .unitselect-mobile-floor-menu[hidden] { display: none; }
    .unitselect-mobile-floor-menu__backdrop {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(10,10,9,.44);
        backdrop-filter: blur(5px);
    }
    .unitselect-mobile-floor-menu__dialog {
        position: absolute;
        right: 6px;
        bottom: max(6px, env(safe-area-inset-bottom));
        left: 6px;
        max-height: min(70svh, 620px);
        padding: 20px 14px calc(16px + env(safe-area-inset-bottom));
        overflow: auto;
        border: 1px solid rgba(255,255,255,.5);
        border-radius: 22px;
        background: rgba(248,247,243,.97);
        color: #171714;
        box-shadow: 0 28px 90px rgba(0,0,0,.34);
        overscroll-behavior: contain;
        backdrop-filter: blur(20px);
    }
    .unitselect-mobile-floor-menu__dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
    .unitselect-mobile-floor-menu__dialog header small { color: #77736d; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
    .unitselect-mobile-floor-menu__dialog header h3 { margin: 4px 0 0; font-size: 25px; font-weight: 500; }
    .unitselect-mobile-floor-menu__close {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        padding: 0;
        border: 1px solid #d4d1ca;
        border-radius: 50%;
        background: #fff;
        color: #171714;
        cursor: pointer;
        font-size: 26px;
        line-height: 1;
    }
    .unitselect-mobile-building-tabs {
        display: flex;
        gap: 7px;
        margin: 20px -2px 15px;
        padding: 2px;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .unitselect-mobile-building-tabs::-webkit-scrollbar { display: none; }
    .unitselect-mobile-building-tabs button {
        flex: 0 0 auto;
        min-height: 42px;
        padding: 8px 15px;
        border: 1px solid #d4d1ca;
        border-radius: 999px;
        background: #fff;
        color: #615e58;
        cursor: pointer;
        font: inherit;
        font-size: 12px;
    }
    .unitselect-mobile-building-tabs button.is-active { border-color: #171714; background: #171714; color: #fff; }
    .unitselect-mobile-building-panel[hidden] { display: none; }
    .unitselect-mobile-floor-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
    .unitselect-mobile-floor-button {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 3px 5px;
        align-items: baseline;
        min-width: 0;
        min-height: 64px;
        padding: 10px 11px 8px;
        border: 1px solid #d7d4cd;
        border-radius: 13px;
        background: #fff;
        color: #171714;
        box-shadow: none;
        font: inherit;
        text-align: left;
        cursor: pointer;
    }
    .unitselect-mobile-floor-button strong { font-size: 17px; }
    .unitselect-mobile-floor-button span { font-size: 10px; opacity: .58; }
    .unitselect-mobile-floor-button i {
        grid-column: 1 / -1;
        width: 100%;
        height: 3px;
        align-self: end;
        border-radius: 99px;
        background: var(--unitselect-interactive-available);
    }
    .unitselect-mobile-floor-button.unitselect-status-reserved i { background: var(--unitselect-interactive-reserved); }
    .unitselect-mobile-floor-button.unitselect-status-unavailable i { background: var(--unitselect-interactive-unavailable); }
    .unitselect-mobile-floor-button:disabled { opacity: 1; cursor: pointer; }
    .unitselect-mobile-unit-list { gap: 8px; }
    .unitselect-mobile-unit-button {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        width: 100%;
        min-height: 58px;
        padding: 10px 12px;
        border: 1px solid #d7d4cd;
        border-radius: 13px;
        background: #fff;
        color: #171714;
        cursor: pointer;
        font: inherit;
        text-align: left;
    }
    .unitselect-mobile-unit-button > span { display: grid; min-width: 0; gap: 4px; }
    .unitselect-mobile-unit-button > span:last-child { text-align: right; }
    .unitselect-mobile-unit-button strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
    .unitselect-mobile-unit-button small { color: #77736d; font-size: 9px; }
    .unitselect-mobile-unit-button.unitselect-status-reserved > span:last-child small { color: #946000; }
    .unitselect-mobile-unit-button.unitselect-status-unavailable > span:last-child small,
    .unitselect-mobile-unit-button.unitselect-status-sold > span:last-child small { color: #b32f27; }
    .unitselect-interactive.is-floor-hinting .unitselect-mobile-floor-launcher { animation: unitselect-mobile-floor-hint .9s ease-in-out 1; }
    .unitselect-app-home .unitselect-floor-panel {
        top: auto;
        right: 6px;
        bottom: 6px;
        left: 6px;
        width: auto;
        height: min(86svh, 760px);
        padding: 18px 14px 14px;
        transform: none;
        border-radius: 18px 18px 8px 8px;
    }
    .unitselect-app-home .unitselect-floor-close {
        position: absolute;
        top: 12px;
        right: 12px;
        float: none;
        width: 44px;
        height: 44px;
        margin: 0;
        font-size: 22px;
        transform: none;
    }
    .unitselect-app-home .unitselect-floor-panel__breadcrumbs {
        flex-wrap: nowrap;
        gap: 5px;
        width: calc(100% - 60px);
        margin: 4px 60px 13px 0;
        overflow-x: auto;
        color: #8a867f;
        font-size: 10px;
        line-height: 1.35;
        scrollbar-width: none;
        white-space: nowrap;
    }
    .unitselect-app-home .unitselect-floor-panel__breadcrumbs::-webkit-scrollbar { display: none; }
    .unitselect-app-home .unitselect-floor-panel__breadcrumbs > * { flex: 0 0 auto; }
    .unitselect-app-home .unitselect-floor-panel > header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 10px;
        margin-bottom: 10px;
    }
    .unitselect-app-home .unitselect-floor-panel header p { font-size: 10px; }
    .unitselect-app-home .unitselect-floor-panel header h3 { font-size: 25px; line-height: 1.05; }
    .unitselect-app-home .unitselect-floor-panel .unitselect-back-button {
        padding-bottom: 2px;
        font-size: 11px;
        white-space: nowrap;
    }
    .unitselect-app-home .unitselect-floor-plan {
        height: clamp(205px, 27svh, 255px);
        min-height: 0;
    }
    .unitselect-app-home .unitselect-floor-units { margin-top: 8px; }
    .unitselect-app-home .unitselect-floor-unit-card { gap: 3px; padding: 12px 14px; }
    .unitselect-floor-inventory { margin-top: 8px; }
    .unitselect-floor-inventory__header { min-height: 54px; padding: 8px 2px; }
    .unitselect-floor-inventory__header h4 { font-size: 15px; }
    .unitselect-floor-inventory__count { width: 23px; height: 23px; font-size: 10px; }
    .unitselect-floor-inventory__table-wrap { display: none; }
    .unitselect-floor-inventory__mobile { display: grid; gap: 8px; }
    .unitselect-floor-inventory__mobile-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        padding: 13px 14px;
        border: 1px solid #d8d5ce;
        border-radius: 13px;
        background: #fff;
        color: inherit;
        text-decoration: none;
    }
    .unitselect-floor-inventory__mobile-row > span { display: grid; gap: 4px; }
    .unitselect-floor-inventory__mobile-row > span:last-child { text-align: right; }
    .unitselect-floor-inventory__mobile-row small { color: #77736d; font-size: 10px; font-style: normal; }
    .unitselect-floor-inventory__mobile-row i { margin-right: 5px; }
    .unitselect-unit-modal { place-items: end center; padding: 0 6px 6px; }
    .unitselect-unit-modal__dialog { position: relative; width: 100%; height: min(86svh, 760px); max-height: min(86svh, 760px); border-radius: 18px 18px 8px 8px; }
    .unitselect-unit-modal .unitselect-modal-close { position: absolute; top: 10px; right: 10px; float: none; margin: 0; }
    .unitselect-unit-modal .unitselect-unit-detail { padding: 62px 14px 30px; }
    .unitselect-unit-modal .unitselect-unit-detail__breadcrumbs { padding-right: 54px; margin-bottom: 20px; }
    .unitselect-unit-detail h1 { font-size: 25px; }
    .unitselect-unit-detail__heading-actions { align-items: flex-start; flex-direction: column; gap: 8px; }
    .unitselect-unit-back-button { font-size: 11px; }
    .unitselect-app-hero { grid-template-columns: 1fr; min-height: calc(100svh - 66px); padding: 68px 18px 42px; background: radial-gradient(circle at 90% 86%, rgba(217,79,61,.2), transparent 28%), #f6f5f1; }
    .unitselect-app-hero h1 { font-size: clamp(52px, 16vw, 76px); }
    .unitselect-app-hero__copy > p:not(.unitselect-app-kicker) { margin-top: 25px; font-size: 17px; }
    .unitselect-app-hero__actions { display: grid; }
    .unitselect-app-hero__actions .unitselect-button { width: 100%; }
    .unitselect-app-hero__stat { display: none; }
    .unitselect-app-section { padding: 70px 12px; }
    .unitselect-app-content { padding: 18px 12px 58px; }
    .unitselect-app-content--table { padding-top: 52px; }
    .unitselect-app-section__heading { grid-template-columns: 1fr; margin-bottom: 34px; padding: 0 6px; }
    .unitselect-app-proof { padding: 78px 18px; }
    .unitselect-app-proof__items { grid-template-columns: 1fr 1fr; margin-top: 48px; }
    .unitselect-app-proof__items span { min-height: 110px; }
    body.home:not(.unitselect-app-page) .unitselect-interactive,
    body.home:not(.unitselect-app-page) .unitselect-units { width: calc(100vw - 24px); }
    .unitselect-interactive__header,
    .unitselect-unit-detail > header,
    .unitselect-floor-panel > header { align-items: flex-start; flex-direction: column; }
    .unitselect-view-switch { width: auto; }
    .unitselect-view-switch button { flex: 0 0 auto; }
    .unitselect-interactive__stage { min-height: 440px; }
    .unitselect-interactive__legend { left: 10px; right: 10px; bottom: 10px; flex-wrap: wrap; }
    .unitselect-floor-units { grid-template-columns: 1fr; }
    .unitselect-unit-detail__grid { grid-template-columns: 1fr; }
    .unitselect-unit-detail__plan { min-height: 285px; }
    .unitselect-unit-gallery__stage { height: 245px; border-radius: 12px; }
    .unitselect-unit-gallery__thumbs { display: flex; overflow-x: auto; padding-bottom: 4px; }
    .unitselect-unit-gallery__thumbs button { flex: 0 0 96px; }
    .unitselect-gallery-lightbox { padding: 8px; }
    .unitselect-gallery-lightbox__nav { width: 42px; height: 42px; }
}

@media (max-width: 430px) and (max-height: 850px) {
    .unitselect-tutorial-callout { width: min(180px, calc(100vw - 32px)); }
    .unitselect-tutorial-callout--appview { width: 120px; }
    .unitselect-tutorial-callout--language { width: 88px; }
    .unitselect-tutorial-callout strong { font-size: 13px; line-height: 1.2; }
    .unitselect-tutorial-callout p { margin-top: 4px; font-size: 10px; line-height: 1.35; }
    .unitselect-tutorial-callout--mode { top: 158px; }
    .unitselect-tutorial-callout--hotspots { width: 205px; }
    .unitselect-tutorial-callout--hotspots > span { bottom: -34px; width: 25px; height: 25px; }
    .unitselect-tutorial-callout--views,
    .unitselect-tutorial-callout--mobile { bottom: 166px !important; width: calc(50vw - 30px); }
    .unitselect-tutorial-callout--views > span,
    .unitselect-tutorial-callout--mobile > span { bottom: -20px; width: 22px; height: 22px; }
    .unitselect-tutorial-close { min-height: 42px; padding: 9px 17px; font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .unitselect-interactive *, .unitselect-unit-detail * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
    .unitselect-interactive.is-intro-pulsing .unitselect-floor-hotspot polygon { animation: none; }
    .unitselect-interactive.is-floor-hinting .unitselect-floor-hotspot polygon { animation: none; }
    .unitselect-interactive.is-unit-hinting .unitselect-building-unit-hotspot polygon { animation: none; }
}

@keyframes unitselect-mobile-floor-hint {
    0%, 100% { transform: translateX(0); }
    35% { transform: translateX(-6px); }
    65% { transform: translateX(-2px); }
}