.siteplan-section{padding:64px 0 58px;background:#faf9f6;border-bottom:1px solid var(--line);scroll-margin-top:24px}.siteplan-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:24px}.siteplan-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.13;margin:14px 0 0;letter-spacing:-1.8px}.siteplan-heading>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:420px}.map-legend{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px;margin:24px 0 18px;color:#4a5248}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{display:block;width:12px;height:12px;border-radius:3px;background:#b08734}.map-legend .legend-available{background:#417a4b}.map-legend .legend-booked{background:#c88325}.map-legend .legend-sold{background:#bb2537}.map-legend .legend-unlisted{background:#929a91}.siteplan-toolbar{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:14px;padding:16px 18px;background:#fff;border:1px solid #deded4;border-radius:10px}.siteplan-toolbar label{font-size:11px;font-weight:650;display:block;min-width:200px}.siteplan-toolbar select{display:block;width:100%;background:#fff;color:#242424;border:1px solid #c2c8bc;border-radius:6px;font:inherit;font-size:14px;margin-top:6px;padding:10px 32px 10px 12px;min-height:44px}.map-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.map-zoom{display:flex;align-items:center;gap:3px;border:1px solid #c8cdbc;border-radius:6px;overflow:hidden}.map-zoom button,.map-refresh{font:inherit;min-width:44px;min-height:44px;border:0;background:#fff;color:#263d33;cursor:pointer}.map-zoom button{font-size:22px;font-weight:600}.map-zoom .map-reset{font-size:12px;border-left:1px solid #c8cdbc;padding:0 12px}.map-zoom output{width:49px;text-align:center;font-size:12px}.map-refresh{font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:0 8px}.map-zoom button:hover,.map-refresh:hover{background:#edf0e7}.siteplan-section button:disabled{opacity:.4;cursor:default}.map-update{font-size:12px;color:#4c6152;line-height:1.6;margin:12px 0}.map-update-error{color:#9b3535!important}.interactive-siteplan{margin:0}.siteplan-viewport{border:1px solid #dbdccc;border-radius:12px;background:#e6e8d9;overflow:auto;max-height:780px;overscroll-behavior:contain;scrollbar-color:#7e927b #e5e8dd;touch-action:pan-x pan-y pinch-zoom}.siteplan-board{position:relative;width:100%;line-height:0;isolation:isolate}.siteplan-board[data-zoom="1"]{width:150%}.siteplan-board[data-zoom="2"]{width:200%}.siteplan-board[data-zoom="3"]{width:300%}.siteplan-board img{display:block;width:100%;height:auto;max-width:none;user-select:none}.siteplan-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.siteplan-overlay .map-parcel{stroke:#6b6229;stroke-width:1.6;vector-effect:non-scaling-stroke;fill:#c79c24;fill-opacity:.06;stroke-opacity:.7;stroke-linejoin:round;pointer-events:all}.siteplan-overlay .map-status-tersedia .map-parcel{stroke:#145f36;fill:#206f36;fill-opacity:.05}.siteplan-overlay .map-status-booking .map-parcel{stroke:#9b5b0e;fill:#e1a227;fill-opacity:.3}.siteplan-overlay .map-status-terjual .map-parcel{stroke:#ad2334;fill:#c52a3a;fill-opacity:.3}.siteplan-overlay .map-unlisted .map-parcel{stroke:#707c6b;fill:#606d60;fill-opacity:.62;pointer-events:none}.map-unit{cursor:pointer;outline:0}.siteplan-overlay .map-unit:hover .map-parcel,.siteplan-overlay .map-unit:focus .map-parcel,.siteplan-overlay .map-unit.map-selected .map-parcel{stroke:#fff;stroke-width:3.5;stroke-opacity:1;fill:#fff;fill-opacity:.3;filter:drop-shadow(0 0 3px #142c17)}.map-sticker rect{fill:#b91f33;stroke:#fff6df;stroke-width:2.5;paint-order:stroke fill}.map-sticker text{fill:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:1px}.map-sticker-booking rect{fill:#9e5a0b}.map-sticker-unlisted rect{fill:#5d685b}.map-sticker{filter:drop-shadow(1px 2px 2px #0006)}.interactive-siteplan figcaption{font-size:12px;color:#5f6559;line-height:1.7;margin:13px 0}.map-unlisted-note{font-size:11px;color:#77776b;margin:8px 0 0}.siteplan-source-note{font-size:12px!important;color:var(--muted);line-height:1.7;max-width:900px;margin:22px 0 17px}.siteplan-section .source-links{gap:24px}.siteplan-section button:focus-visible,.siteplan-section select:focus-visible,.siteplan-viewport:focus-visible{outline:3px solid #bd8059;outline-offset:3px}.siteplan-dialog{padding:28px;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d5d9cc;border-radius:16px;background:#faf9f6;color:#242424;box-shadow:0 22px 70px #0004}.siteplan-dialog::backdrop{background:#15251bad}.map-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.map-dialog-heading .eyebrow{font-size:10px;margin:0 0 9px;color:#5d6c55}.map-dialog-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:400;margin:0}.map-dialog-close{border:1px solid #c9d0bf;border-radius:50%;background:#fff;min-width:44px;height:44px;color:#263d33;font-size:25px;cursor:pointer}.map-detail-position{font-size:12px;color:#66705f;margin:15px 0}.map-detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.map-detail-facts dt{font-size:11px;color:#737967;margin-bottom:6px}.map-detail-facts dd{font-size:17px;font-weight:650;margin:0;overflow-wrap:anywhere}.map-detail-facts s{font-size:14px;font-weight:400;color:#737967}.map-detail-price{grid-column:1/-1;border-top:1px solid #daddd1;padding-top:18px}.map-detail-price dd{font-size:32px;letter-spacing:-.8px;color:#263d33}.map-detail-note{font-size:13px;line-height:1.75;color:#5e6758;margin:20px 0}.map-detail-contact{width:100%;justify-content:center;font-size:13px;min-height:48px}.map-detail-catalog{display:block;text-align:center;font-size:12px;color:#385437;text-underline-offset:3px;padding:15px 0 3px}.map-dialog-status{font-size:11px;line-height:1.6;color:#64745e;margin:18px 0 0}.map-dialog-close:focus-visible,.siteplan-dialog a:focus-visible{outline:3px solid #bd8059;outline-offset:3px}.unit-card{scroll-margin-top:24px}
@media(max-width:700px){.siteplan-section{padding:40px 0}.siteplan-heading{align-items:flex-start;flex-direction:column;gap:18px}.siteplan-heading h2{font-size:35px}.siteplan-heading>p{font-size:14px}.siteplan-toolbar{padding:14px;display:block}.siteplan-toolbar label{min-width:0}.map-toolbar-actions{justify-content:space-between;gap:8px;margin-top:13px}.map-refresh{font-size:11px;padding:0 3px}.siteplan-viewport{max-height:520px;border-radius:8px}.map-legend{font-size:10px;gap:10px 15px}.map-legend i{width:10px;height:10px}.siteplan-dialog{padding:23px}.map-detail-price dd{font-size:29px}.siteplan-source-note{font-size:11px!important}.siteplan-section .source-links .text-link{font-size:12px}}
@media print{.siteplan-toolbar,.map-update,.map-unlisted-note,.siteplan-dialog{display:none!important}.siteplan-section{padding:20px 0}.siteplan-viewport{max-height:none;overflow:visible}.siteplan-board[data-zoom]{width:100%}.siteplan-section .source-links{display:none}.map-sticker{filter:none}.map-sticker rect{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.schematic-label{font-family:Arial,sans-serif;font-size:22px;font-weight:700;fill:#263d33}.schematic-subtitle{font-size:17px;font-weight:400}.schematic-board .map-status-terjual .map-parcel{fill-opacity:.1}.schematic-board .map-status-konfirmasi .map-parcel{fill-opacity:.12}.schematic-board .map-unlisted .map-parcel{fill-opacity:.2}.schematic-board .map-unit:focus .map-parcel{stroke:#263d33;fill:#fff;fill-opacity:.25}.schematic-board .map-unit:hover .map-parcel{stroke:#263d33;fill:#fff;fill-opacity:.25}

/* Malangan: gunakan brosur/siteplan asli sebagai dasar, bukan denah skematis. */
.siteplan-viewport-portrait{background:#ecebe6;max-height:900px}
.malangan-original-board{width:min(100%,820px);margin-inline:auto;background:#fff}
.malangan-original-board[data-zoom="1"]{width:min(150%,1230px)}
.malangan-original-board[data-zoom="2"]{width:min(200%,1640px)}
.malangan-original-board[data-zoom="3"]{width:min(300%,2460px)}
.malangan-original-board .map-parcel{stroke-width:2;fill-opacity:.03}
.malangan-original-board .map-status-konfirmasi .map-parcel{fill:#c79c24;fill-opacity:.1;stroke:#8c6c1f}
.malangan-original-board .map-status-tersedia .map-parcel{fill-opacity:.08}
.malangan-original-board .map-status-booking .map-parcel{fill-opacity:.22}
.malangan-original-board .map-status-terjual .map-parcel{fill-opacity:.1}
.malangan-original-board .map-unit:hover .map-parcel,
.malangan-original-board .map-unit:focus .map-parcel,
.malangan-original-board .map-unit.map-selected .map-parcel{fill:#fff;fill-opacity:.26;stroke:#fff;stroke-width:4}
@media(max-width:700px){.siteplan-viewport-portrait{max-height:620px}.malangan-original-board{width:100%}.malangan-original-board[data-zoom="1"]{width:150%}.malangan-original-board[data-zoom="2"]{width:200%}.malangan-original-board[data-zoom="3"]{width:300%}}