/* Experience hub · Deneyimler. Brand: ink #234759 · paper #f4f1e8 · card #fffefa · brass #ad9872. */
body[data-experience=experiences] .workspace,body.us-on[data-experience=experiences] .workspace{grid-template-columns:minmax(0,1fr)}
/* 30 Sep 2026: the sidebar is display:none here, so without an explicit span the .explorer auto-placed into the first (sidebar-width) column of the
   unit selector's `body.us-on .workspace{grid-template-columns:318/392px minmax(0,1fr)}` (same specificity, later sheet) and the whole page collapsed into a ~300 px column. */
body[data-experience=experiences] .workspace>.explorer{grid-column:1/-1;min-width:0}
body[data-experience=experiences] .workspace>.sidebar,body[data-experience=experiences] #open-residences{display:none}
body[data-experience=experiences] .explorer{width:100%;max-width:1480px;margin:0 auto;padding-left:40px;padding-right:40px;box-sizing:border-box}
@media(max-width:1100px){body[data-experience=experiences] .explorer{padding-left:24px;padding-right:24px}}
@media(max-width:599px){body[data-experience=experiences] .explorer{padding-left:12px;padding-right:12px}}

.xh{--xh-ink:#234759;--xh-paper:#f4f1e8;--xh-card:#fffefa;--xh-brass:#ad9872;--xh-line:#23475926;--xh-muted:#5d7079;color:var(--xh-ink);font:15px/1.5 Arial,Helvetica,sans-serif;margin:4px 0 40px;min-width:0}
.xh[hidden],.xh [hidden]{display:none!important}
.xh *{box-sizing:border-box}
.xh button{font:inherit;color:inherit;cursor:pointer}
.xh :is(button,a,select,[tabindex]):focus-visible{outline:3px solid #557f92;outline-offset:2px}
.xh .eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#426274}
.xh-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8px 48px;align-items:end;padding:30px 36px 26px;background:var(--xh-card);border:1px solid var(--xh-line);border-radius:18px 18px 0 0;border-bottom:0}
.xh-intro .eyebrow{grid-column:1/-1}
.xh-intro h2{margin:0;font:400 clamp(28px,3vw,40px)/1.12 Georgia,'Times New Roman',serif;color:var(--xh-ink)}
.xh-intro>p:last-child{margin:0;color:var(--xh-muted);max-width:62ch}

.xh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 36px 34px;background:var(--xh-card);border:1px solid var(--xh-line);border-top:0;border-radius:0 0 18px 18px;list-style:none;margin:0}
.xh-card>button{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:1px solid #23475922;border-radius:14px;background:#fbf9f3;text-align:left;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.xh-card>button:hover{transform:translateY(-3px);box-shadow:0 14px 34px #1e3b4a1f;border-color:#ad987288}
.xh-card>button[aria-pressed=true]{border-color:var(--xh-ink);box-shadow:inset 0 0 0 1px var(--xh-ink)}
.xh-art{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#ece7da}
.xh-art>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92)}
.xh-art svg{width:100%;height:100%;display:block}
.xh-art-plan,.xh-art-doll,.xh-art-floors{position:absolute;inset:0;padding:14px;background:radial-gradient(circle at 50% 42%,#fffdf7 0,#efe9dc 100%)}
.xh-art-floors{background:linear-gradient(160deg,#eef0e6,#e2e6d9);padding:12px}
.xh-art-legend{position:absolute;right:10px;bottom:10px;display:flex;gap:4px;padding:5px 7px;border-radius:12px;background:#fffefae6}.xh-art-legend i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.xh-art-pins i{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--xh-card);border:2px solid var(--xh-brass);box-shadow:0 3px 8px #0003}
.xh-art-pins i::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--xh-ink)}
.xh-tag{position:absolute;left:10px;top:10px;padding:4px 9px;border-radius:20px;background:#fffefaeb;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--xh-ink)}
.xh-card-text{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.xh-card-text small{font-size:11px;letter-spacing:.18em;color:var(--xh-brass)}
.xh-card-text strong{font:400 19px/1.2 Georgia,'Times New Roman',serif}
.xh-card-text>span{font-size:13px;color:var(--xh-muted);line-height:1.45}
.xh-card-text em{margin-top:auto;padding-top:8px;font-style:normal;font-size:13px;color:var(--xh-ink);text-decoration:underline;text-decoration-color:#ad9872;text-underline-offset:4px}

.xh-stage{margin-top:22px;padding:26px 30px 22px;background:var(--xh-card);border:1px solid var(--xh-line);border-radius:18px;scroll-margin-top:16px}
.xh-stage:focus{outline:none}
.xh-stage-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px 24px;flex-wrap:wrap;margin-bottom:18px}
.xh-stage-head h3{margin:0;font:400 28px/1.15 Georgia,'Times New Roman',serif}
.xh-sub{margin:6px 0 0;font-size:13px;color:var(--xh-muted)}
.xh-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.xh-segment{display:inline-flex;padding:3px;border:1px solid #cbd3d2;border-radius:30px;background:#f7f5ee}
.xh-segment button{border:0;background:transparent;border-radius:26px;padding:9px 15px;min-height:40px;font-size:13px;white-space:nowrap}
.xh-segment button[aria-pressed=true]{background:var(--xh-ink);color:#fff}
.xh-select{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--xh-muted)}
.xh-select select,.xh-stepper select{min-height:44px;padding:8px 12px;border:1px solid #cbd3d2;border-radius:10px;background:#fff;color:var(--xh-ink);font:14px Arial,sans-serif;max-width:250px}
.xh-note{margin:16px 0 0;font-size:12px;line-height:1.55;color:var(--xh-muted);max-width:110ch}
.xh-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* studio */
.xh-studio{display:flex;flex-direction:column;gap:12px}
.xh-canvas{position:relative;height:clamp(380px,62vh,620px);border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#fbf9f2 0,#ebe5d7 100%);border:1px solid #23475918}
.xh-studio[data-view=plan] .xh-canvas{background:#f4f1e8}
.xh-canvas>canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;touch-action:none}
.xh-studio[data-view=dollhouse] .xh-canvas>canvas{cursor:grab}
.xh-plan-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.xh-plan-overlay text{font-family:Arial,Helvetica,sans-serif;fill:#26303a;paint-order:stroke;stroke:#fffefae6;stroke-width:.07px;stroke-linejoin:round;letter-spacing:.02em}
.xh-plan-overlay .xh-area{fill:#5d6a70}
.xh-room-tags{position:absolute;inset:0;pointer-events:none}
.xh-room-tag{position:absolute;left:0;top:0;padding:4px 9px;border-radius:14px;background:#fffefaeb;border:1px solid #23475922;font-size:11.5px;white-space:nowrap;box-shadow:0 3px 10px #23475914}
.xh-room-tag small{margin-left:6px;color:var(--xh-muted)}
.xh-compass{position:absolute;right:14px;top:14px;width:46px;height:46px;border-radius:50%;background:#fffefae6;border:1px solid #23475930;display:grid;place-items:center;font:12px Georgia,serif}
.xh-compass svg{position:absolute;inset:5px;width:36px;height:36px}.xh-needle{transform:rotate(var(--xh-north,0deg))}.xh-compass span{position:absolute;right:-6px;bottom:-6px;padding:1px 5px;border-radius:8px;background:#234759;color:#fff;font:10px Arial,sans-serif}
.xh-room-tag.xh-tag-quiet{opacity:0}
.xh-room-tag{opacity:var(--xh-tag-op,1);transition:opacity .2s}
.xh-room-tag.xh-tag-quiet{opacity:0}
.xh-room-tags.xh-tags-off{visibility:hidden}
.xh-doll-tools [data-tags]{display:inline-flex;align-items:center;gap:7px}
.xh-doll-tools [data-tags] svg{display:block}
.xh-doll-tools [data-tags] .lbl-slash{display:none}
.xh-doll-tools [data-tags][aria-pressed=false] .lbl-slash{display:block}
.xh-doll-tools [data-tags][aria-pressed=true]{background:#234759;color:#f4f1e8;border-color:#234759}
.xh-studio[data-view=dollhouse] .xh-compass{display:none}
.xh-fallback{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--xh-muted)}
.xh-studio-foot{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between}
.xh-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;font-size:12.5px;color:var(--xh-muted)}
.xh-legend i{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:6px;vertical-align:-2px;border:1px solid #0000001a}
.xh-foot-actions{display:flex;gap:8px;flex-wrap:wrap}
.xh-foot-actions button,.xh-unit-actions button,.xh-stepper button{min-height:42px;padding:9px 15px;border:1px solid #cbd3d2;border-radius:30px;background:#fff;font-size:13px}
.xh-foot-actions button[aria-pressed=true]{background:var(--xh-ink);color:#fff;border-color:var(--xh-ink)}
.xh-status,.xh-hint{margin:0;width:100%;font-size:12px;color:var(--xh-muted)}
.xh-status:empty{display:none}

/* floor search */
.xh-floors{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:20px;align-items:start}
.xh-plate{position:relative;border-radius:14px;background:linear-gradient(165deg,#eef1e8,#e3e7da);border:1px solid #23475918;padding:10px}
.xh-plate svg{display:block;width:100%;height:auto;max-height:540px}@media(max-width:900px){.xh-plate svg{max-height:420px}}
.xh-plate-north{position:absolute;right:14px;top:12px;font:12px Georgia,serif;color:var(--xh-muted)}
.xh-block-label{font-family:Georgia,serif;letter-spacing:.16em;fill:#5d7079}
.xh-unit{cursor:pointer;outline:none}
.xh-unit polygon{fill:url(#xh-hatch);stroke:#9d9a90;stroke-width:.14;transition:fill-opacity .2s}
.xh-unit[data-state=available] polygon{fill:#3e9676;fill-opacity:.62;stroke:#1f5a45}
.xh-unit[data-state=reserved] polygon{fill:#c1953e;fill-opacity:.62;stroke:#7b5c20}
.xh-unit[data-state=sold] polygon{fill:#788795;fill-opacity:.62;stroke:#4a5561}
.xh-unit text{font-family:Arial,Helvetica,sans-serif;font-weight:700;fill:#1c2f38;paint-order:stroke;stroke:#fffefa;stroke-width:.25px;pointer-events:none}
.xh-unit[data-state=none] text{font-weight:400;fill:#6d746f}
.xh-unit:is(:hover,:focus-visible,[data-on]) polygon{fill-opacity:.88;stroke:#234759;stroke-width:.24}
.xh-unit[aria-pressed=true] polygon{stroke:#234759;stroke-width:.34}
.xh-floor-side{display:flex;flex-direction:column;gap:14px}
.xh-status-legend{display:grid;gap:6px;margin:0;padding:14px 16px;list-style:none;border:1px solid var(--xh-line);border-radius:12px;background:#fbf9f3;font-size:13px}
.xh-status-legend li{display:flex;align-items:center;gap:9px}
.xh-status-legend i{width:16px;height:16px;border-radius:4px;background:repeating-linear-gradient(45deg,#f1eee6 0 3px,#cfc9bb 3px 4px);border:1px solid #9d9a90}
.xh-status-legend [data-state=available] i{background:#3e9676;border-color:#1f5a45}
.xh-status-legend [data-state=reserved] i{background:#c1953e;border-color:#7b5c20}
.xh-status-legend [data-state=sold] i{background:#788795;border-color:#4a5561}
.xh-status-legend b{margin-left:auto;font-weight:400;color:var(--xh-muted)}
.xh-unit-empty,.xh-unit-card{padding:18px;border:1px solid var(--xh-line);border-radius:12px;background:#fff}
.xh-unit-empty strong{font:400 19px Georgia,serif}.xh-unit-empty p{margin:6px 0 0;font-size:13px;color:var(--xh-muted)}
.xh-unit-card{border-top:4px solid #9d9a90}
.xh-unit-card[data-state=available]{border-top-color:#3e9676}.xh-unit-card[data-state=reserved]{border-top-color:#c1953e}.xh-unit-card[data-state=sold]{border-top-color:#788795}
.xh-unit-card small{font-size:10.5px;letter-spacing:.16em;color:var(--xh-brass)}
.xh-unit-card h4{margin:4px 0 4px;font:400 26px Georgia,serif}
.xh-unit-card p{margin:0 0 10px;font-size:13px;color:var(--xh-muted)}
.xh-pill{display:inline-block;padding:2px 9px;margin-right:4px;border-radius:12px;background:#eef0ea;color:var(--xh-ink);font-size:12px}
.xh-unit-card[data-state=available] .xh-pill{background:#dcefe6;color:#1f5a45}.xh-unit-card[data-state=reserved] .xh-pill{background:#f4e8cf;color:#6e5018}.xh-unit-card[data-state=sold] .xh-pill{background:#e3e7ec;color:#3f4a55}
.xh-unit-card dl{display:grid;gap:6px;margin:0 0 14px;font-size:13px}
.xh-unit-card dl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #23475914;padding-bottom:6px}
.xh-unit-card dt{color:var(--xh-muted)}.xh-unit-card dd{margin:0;text-align:right}
.xh-unit-actions{display:flex;flex-wrap:wrap;gap:6px}
.xh-unit-actions .xh-primary{background:var(--xh-ink);color:#fff;border-color:var(--xh-ink)}
.xh-stepper{display:inline-flex;align-items:center;gap:6px}
.xh-stepper button{width:44px;padding:0;font-size:18px}
.xh-stepper button:disabled{opacity:.4;cursor:default}

/* live overlays on the shared 3D stage */
body[data-hub-live] .three-stage>.discovery,body[data-hub-live] .unit-pins,body[data-hub-live] #unit-pick-controls,body[data-hub-live] #three-selection,body[data-hub-live=poi] .three-hint,body[data-hub-live] .unit-status-controls{display:none!important}
.xh-live{position:absolute;z-index:16;left:14px;top:14px;width:min(430px,calc(100% - 28px));max-height:calc(100% - 150px);overflow:auto;overscroll-behavior:contain;padding:16px 18px;background:#fffefaf5;border:1px solid #23475930;border-radius:16px;box-shadow:0 14px 38px #152e3930;color:#234759;font:14px/1.45 Arial,Helvetica,sans-serif}
.xh-live[hidden]{display:none}
.xh-live button{font:inherit;color:inherit;cursor:pointer}
.xh-live-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.xh-live-head small{display:block;font-size:10.5px;letter-spacing:.16em;color:#ad9872}
.xh-live-head strong{display:block;font:400 22px/1.2 Georgia,serif;margin-top:3px}
.xh-live-exit{flex:none;min-height:40px;padding:8px 13px;border:1px solid #cbd3d2;border-radius:30px;background:#fff;font-size:13px}
.xh-live-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.xh-live-chips button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:6px 11px;border:1px solid #cbd3d2;border-radius:30px;background:#fff;font-size:13px}
.xh-live-chips button b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#efe9dc;font-size:11px}
.xh-live-chips button[aria-pressed=true]{background:#234759;color:#fff;border-color:#234759}
.xh-live-chips button[aria-pressed=true] b{background:#ad9872;color:#fff}
.xh-live-chips i,.xh-poi-card i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c);color:#fff}
.xh-poi-card i{width:18px;height:18px;margin-right:6px;vertical-align:-4px}
.xh-live-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.xh-live .xh-segment{display:inline-flex;padding:3px;border:1px solid #cbd3d2;border-radius:30px;background:#f7f5ee}
.xh-live .xh-segment button{border:0;background:transparent;border-radius:26px;padding:8px 13px;min-height:38px;font-size:13px}
.xh-live .xh-segment button[aria-pressed=true]{background:#234759;color:#fff}
.xh-spin{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border:1px solid #ad9872;border-radius:30px;background:#fff;font-size:13px}
.xh-spin svg{width:18px;height:18px}
.xh-spin[aria-pressed=true]{background:#ad9872;color:#fff}
.xh-live-hint,.xh-live-status{margin:12px 0 0;font-size:12px;color:#5d7079}
.xh-live-status{color:#234759}
.xh-poi-card{margin-top:12px;padding:14px;border-radius:12px;background:#f4f1e8;border:1px solid #23475918}
.xh-poi-card small{font-size:11.5px;color:#5d7079}
.xh-poi-card h4{margin:4px 0;font:400 20px Georgia,serif}
.xh-poi-card p{margin:0 0 8px;font-size:13px}
.xh-poi-meta{color:#234759}
.xh-poi-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.xh-poi-actions a{color:#234759;font-size:13px;text-underline-offset:3px}
.xh-poi-actions button{margin-left:auto;width:36px;height:36px;border:1px solid #cbd3d2;border-radius:50%;background:#fff;font-size:18px}
.xh-pins{position:absolute;inset:0;z-index:12;pointer-events:none;overflow:hidden}
.xh-pins[hidden]{display:none}
.xh-pin{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;pointer-events:auto;cursor:pointer;font:12px/1.2 Arial,Helvetica,sans-serif;color:#234759;will-change:transform}
.xh-pin[hidden]{display:none}
.xh-pin-icon{display:grid;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--c,#234759);color:#fff;border:2px solid #fffefa;box-shadow:0 4px 12px #0005}
.xh-pin-icon::after{content:"";position:absolute;left:-1px;top:13px;width:2px;height:14px;background:#fffefacc}
.xh-pin-label{display:flex;flex-direction:column;margin-top:-15px;padding:5px 9px;border-radius:9px;background:#fffefaf0;box-shadow:0 3px 10px #0003;white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.xh-pin-label b{font-weight:700;overflow:hidden;text-overflow:ellipsis}
.xh-pin-label small{font-size:10.5px;color:#5d7079}
.xh-pin-quiet .xh-pin-label{display:none}
.xh-pin:is(:hover,:focus-visible,[aria-pressed=true]) .xh-pin-label{display:flex}
.xh-pin[aria-pressed=true] .xh-pin-icon{outline:3px solid #ad9872;outline-offset:1px}
.xh-pin:focus-visible{outline:none}.xh-pin:focus-visible .xh-pin-icon{outline:3px solid #557f92}
.xh-pin-project{cursor:default}
.xh-pin-project .xh-pin-dot{width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#ad9872;border:3px solid #fffefa;box-shadow:0 0 0 6px #ad987255,0 4px 12px #0005}
.xh-pin-project .xh-pin-label{margin-top:-9px;background:#234759;color:#fff}.xh-pin-project .xh-pin-label small{color:#e6dcc7}

@media(max-width:1180px){.xh-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.xh-intro{grid-template-columns:1fr}}
@media(max-width:900px){.xh-floors{grid-template-columns:1fr}}
@media(max-width:700px){
 .xh-intro{padding:22px 18px 18px;border-radius:14px 14px 0 0}.xh-cards{padding:0 12px 16px;gap:10px;grid-template-columns:1fr;border-radius:0 0 14px 14px}
 .xh-card>button{flex-direction:row;align-items:stretch}.xh-art{flex:0 0 118px;aspect-ratio:auto;min-height:118px}.xh-tag{display:none}
 .xh-card-text{padding:12px 14px;gap:4px}.xh-card-text strong{font-size:17px}.xh-card-text>span{font-size:12.5px}.xh-card-text em{padding-top:4px}
 .xh-art-plan,.xh-art-doll,.xh-art-floors{padding:8px}
 .xh-stage{padding:18px 14px;border-radius:14px}.xh-stage-head h3{font-size:24px}.xh-tools{width:100%}.xh-select{width:100%}.xh-select select{flex:1;max-width:none;min-width:0}
 .xh-canvas{height:min(62vh,440px)}
 .xh-live.xh-live-docked{position:static;width:auto;max-height:none;margin:10px 0 4px;padding:14px;box-shadow:0 6px 20px #152e3914}.xh-live-head strong{font-size:19px}
 .xh-pin-label{display:none}.xh-pin[aria-pressed=true] .xh-pin-label{display:flex}
}
@media(prefers-reduced-motion:reduce){.xh-card>button{transition:none}.xh-card>button:hover{transform:none}}

/* One row of equal segments. Labels stay inside their own button — they must not paint into the next one. */
.xh-menu{display:flex;flex-direction:column;gap:0;margin:0 0 10px;width:100%;max-width:none}
.xh-menu[hidden]{display:none!important}
.xh-sub{display:flex;align-items:center;gap:22px;padding:0;background:transparent;border:0;border-radius:0;border-bottom:1px solid #23475914}
.xh-sub button{flex:0 0 auto;min-width:0;min-height:32px;padding:4px 0 8px;border:0;border-radius:0;border-bottom:1.5px solid transparent;background:transparent;color:#8a969c;font:500 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.01em;cursor:pointer}
.xh-sub button strong{font:inherit}
.xh-sub button[aria-pressed=true]{background:transparent;color:#234759;border-bottom-color:#234759}
.xh-sub button:hover{background:transparent;color:#234759}
.xh-sub button[aria-pressed=true]:hover{background:transparent;color:#234759}
.xh-sub button:focus-visible{outline:2px solid #ad9872;outline-offset:2px}
.xh-menu[data-menu=building] .xh-core,.xh-menu[data-menu=residence] .xh-sub{display:none}
.experience-tabs button[data-experience=floors]{display:none}
.xh-core{display:flex;align-items:center;flex-wrap:nowrap;gap:22px;margin:0;padding:0;width:100%;max-width:none;background:transparent;border:0;border-radius:0;border-bottom:1px solid #23475914;overflow:hidden}
.xh-core-label{display:none}
.xh-core>button,.xh-core>button[data-core-ux],.xh-core>button[data-core-plan],.xh-core>button[data-core],.xh-core>button[aria-pressed=true],.xh-core>button[data-core-ux][aria-pressed=true]{flex:0 0 auto;min-width:0;display:flex;align-items:center;justify-content:center;padding:4px 0 8px;min-height:32px;border:0;border-radius:0;border-bottom:1.5px solid transparent;background:transparent;color:#8a969c;font:inherit;cursor:pointer;box-shadow:none;overflow:hidden}
.xh-core>button strong{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:0}
.xh-core button small{display:none}
.xh-core>button:hover,.xh-core>button[data-core-ux]:hover{background:transparent;color:#234759}
.xh-core>button[aria-pressed=true],.xh-core>button[data-core-ux][aria-pressed=true],.xh-core>button[data-core-plan][aria-pressed=true],.xh-core>button[data-core][aria-pressed=true]{background:transparent;color:#234759;border-bottom-color:#234759;box-shadow:none}
.xh-core>button[aria-pressed=true]:hover{background:transparent;color:#234759}
.xh-core>button:focus-visible{outline:2px solid #ad9872;outline-offset:2px}
@media(max-width:700px){.xh-core{max-width:none;margin-bottom:8px;gap:16px}.xh-core>button{padding:4px 0 8px}.xh-core>button strong{font-size:12.5px}.xh-sub{gap:16px}}

/* Guided route (explorer inside /rehberli-tur.html): calmer chrome; the route bar owns brand, language and concierge. */
body[data-guided=true] .topbar,body[data-guided=true] .sales-status,body[data-guided=true] .project-guide-link,body[data-guided=true] .explorer-footer,body[data-guided=true] .cg-launch,body[data-guided=true] #demo-banner{display:none!important}
/* Inside the route the bar already names the step. Show the building, not the page chrome. */
body[data-guided=true]:not([data-unit-selector=open]) .scene-top,
body[data-guided=true]:not([data-unit-selector=open]) .experience-tabs,
body[data-guided=true]:not([data-unit-selector=open]) .xh-menu,
body[data-guided=true]:not([data-unit-selector=open]) .us-sheet,
body[data-guided=true]:not([data-unit-selector=open]) .model-disclosure,
body[data-guided=true]:not([data-unit-selector=open]) .vitrine-light,
body[data-guided=true]:not([data-unit-selector=open]) .arch-walk{display:none!important}
body[data-guided=true]:not([data-unit-selector=open]) .explorer{padding:0!important}
body[data-guided=true]:not([data-unit-selector=open]) .immersive-section{border:0;border-radius:0;background:transparent}
body[data-guided=true]:not([data-unit-selector=open]) .three-stage,
html.list-closed body[data-guided=true]:not([data-unit-selector=open]) .three-stage{height:100dvh!important;min-height:100dvh!important;max-height:none!important}
/* True-north arrow for the 3D neighbourhood view (rotated per frame from the camera; see scene-geo.mjs). */
.xh-north{position:absolute;z-index:13;right:16px;top:64px;width:46px;height:46px;pointer-events:auto;filter:drop-shadow(0 3px 8px #152e3940)}
.xh-north[hidden]{display:none}
.xh-north svg{display:block;width:46px;height:46px}
.xh-north circle{fill:#fffefaf0;stroke:#23475940;stroke-width:1}
.xh-north-needle{transform-origin:20px 20px;transform:rotate(var(--xh-north-screen,0deg))}
.xh-north .n{fill:#a4453a}.xh-north .s{fill:#9aa9ae}
.xh-north text{fill:#234759;font:700 6.5px Georgia,serif}
@media (max-width:700px){.xh-north{top:10px;left:10px;right:auto;transform:scale(.85);transform-origin:0 0}}
.xh-plate-north i{display:inline-block;font-style:normal;transform:rotate(var(--r,0deg))}
/* 2D furnished plan (plan-2d-view.mjs) */
.xh-plan2d{position:relative;height:clamp(460px,72vh,760px);border-radius:14px;overflow:hidden;border:1px solid #23475918;background:#f4f1e8}
.xh-plan2d[hidden],.xh-canvas[hidden]{display:none!important}
@media (max-width:700px){.xh-plan2d{height:min(78vh,620px)}}

/* Narrow residence bar: keep every label whole and swipe, instead of ellipsis. */
@media (max-width:1099px){
 .xh-menu{max-width:none}
 .xh-core{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .xh-core::-webkit-scrollbar{display:none}
 .xh-core>button,.xh-core>button[data-core-ux],.xh-core>button[data-core-plan],.xh-core>button[data-core],.xh-core>button[aria-pressed=true],.xh-core>button[data-core-ux][aria-pressed=true]{flex:0 0 auto;min-width:max-content;padding:4px 0 8px}
 .xh-core>button strong{overflow:visible;text-overflow:clip;max-width:none}
 .xh-sub{overflow-x:auto;scrollbar-width:none}
 .xh-sub button{flex:0 0 auto;white-space:nowrap;padding:4px 0 8px}
}

@media (max-width:480px){
 .xh-core>button,.xh-core>button[data-core-ux],.xh-core>button[data-core-plan],.xh-core>button[data-core],.xh-core>button[aria-pressed=true],.xh-core>button[data-core-ux][aria-pressed=true]{padding:4px 0 7px}
 .xh-core>button strong{font-size:12px}
}