.monterra-page { background:#fff; color:#0a0a0f; }
.monterra-page,.monterra-page * { box-sizing:border-box; }
body.monterra-page { margin:0; }
.monterra-page .pills { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.monterra-page .pill { display:inline-flex; padding:7px 14px; border:1px solid #dfe3e8; border-radius:999px; color:#0a0a0f; font-size:.75rem; line-height:1.3; }
.monterra-page .hero-content { display:block; }
.monterra-page .hero-title { white-space:normal; }
.mr-section { max-width:1600px; margin:auto; padding:48px 4vw; border-top:1px solid #e5e7eb; scroll-margin-top:80px; }
.mr-kicker { color:#1a3a5c; font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin:0 0 18px; }
.mr-heading { margin:0; font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.15; letter-spacing:-.04em; }
.mr-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.mr-actions a,.mr-unit-cta,.mr-submit { display:flex; align-items:center; justify-content:center; min-height:46px; padding:12px 20px; border:1px solid #1a3a5c; border-radius:4px; background:#1a3a5c; color:#fff; font:600 .85rem Inter,sans-serif; text-decoration:none; cursor:pointer; }
.mr-actions a:last-child { background:#fff; color:#1a3a5c; }
.mr-info { margin-top:24px; padding:22px; border:1px solid #dfe3e8; }
.mr-info dl { margin:0; }
.mr-info dl>div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:13px 0; border-bottom:1px solid #e5e7eb; }
.mr-info dl>div:last-child { border:0; padding-bottom:0; }
.mr-info dt { flex-shrink:0; font-size:.65rem; letter-spacing:.06em; color:#6b7280; text-transform:uppercase; }
.mr-info dd { margin:0; text-align:right; font-size:.95rem; font-weight:700; }
.monterra-page .units-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:28px; }
.monterra-page .unit-card { border:1px solid #dfe3e8; border-radius:8px; overflow:hidden; }
.monterra-page .unit-header { padding:20px 24px; background:#fff!important; border-bottom:1px solid #e5e7eb; }
.monterra-page .unit-type { margin:0; color:#0a0a0f!important; font-size:1.4rem; }
.monterra-page .unit-subtype { margin:5px 0 0; color:#6b7280!important; font-size:.68rem; letter-spacing:.06em; }
.monterra-page .unit-body { padding:20px 24px 24px; }
.monterra-page .unit-layout { display:block; width:100%; padding:0; cursor:zoom-in; }
.monterra-page .unit-layout img { padding:12px; background:#fff; }
.mr-specs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:18px 0; text-align:center; }
.mr-specs>div { background:#f2f4f7; padding:12px 6px; border-radius:5px; }
.mr-specs strong { display:block; font-size:1.1rem; }
.mr-specs div>span { display:block; margin-top:4px; font-size:.65rem; color:#6b7280; text-transform:uppercase; }
.mr-interest { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.mr-phone { display:inline-block; margin-top:22px; color:#1a3a5c; }
.mr-form { padding:24px; border:1px solid #e5e7eb; border-radius:8px; }
.mr-form label { display:block; margin:16px 0 8px; font-size:.8rem; font-weight:600; }
.mr-form label:first-child { margin-top:0; }
.mr-form input,.mr-form select { width:100%; min-height:46px; padding:12px; border:1px solid #cbd5e1; border-radius:4px; background:#fff; color:#0a0a0f; font:inherit; font-size:16px; }
.mr-submit { width:100%; margin-top:20px; }
.mr-form-note,#mr-status { font-size:.8rem; color:#4b5563; line-height:1.5; margin:12px 0 0; }
.mr-footer { display:flex; justify-content:space-between; gap:20px; padding:28px 4vw; font-size:.75rem; color:#fff; }
.monterra-page :focus-visible { outline:3px solid #4777aa; outline-offset:3px; }
#mr-layout-dialog { width:96vw; max-width:1400px; max-height:94dvh; padding:0; border:0; background:transparent; overflow:visible; }
#mr-layout-dialog::backdrop { background:rgba(10,10,15,.9); }
.mr-zoom-viewport { max-height:88dvh; overflow:auto; }
#mr-zoom { display:block; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }
#mr-zoom img { display:block; width:auto; max-width:100%; max-height:88dvh; margin:auto; object-fit:contain; }
#mr-zoom[aria-pressed="true"] { width:200%; cursor:zoom-out; }
#mr-zoom[aria-pressed="true"] img { width:100%; max-height:none; }
#mr-close { position:fixed; top:12px; right:12px; z-index:1; width:44px; height:44px; border:0; border-radius:50%; color:#0a0a0f; background:#fff; font:28px Arial,sans-serif; cursor:pointer; }
@media(max-width:860px) {
  body.monterra-page { padding-bottom:0; }
  .monterra-page .product-info { padding:0 5vw !important; }
  .mr-section { padding:36px 5vw; }
  .monterra-page .units-grid,.mr-interest { grid-template-columns:1fr; gap:20px; }
  .mr-info { padding:18px; }
  .mr-info dl>div { gap:12px; }
  .mr-info dd { font-size:.85rem; }
  .mr-footer { flex-direction:column; padding:24px 5vw; }
}

.mr-starting { margin-top:22px; }
.mr-starting>span { display:block; color:#6b7280; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; }
.mr-starting strong { display:flex; align-items:baseline; gap:8px; margin-top:5px; color:#1a3a5c; font-size:clamp(2rem,4vw,3rem); line-height:1.1; }
.mr-starting small { font-size:.85rem; }
.mr-unit-price { margin:16px 0; padding:12px 16px; background:#203d61; border-radius:5px; }
.mr-unit-price>span { display:block; font-size:.65rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#c9d4e2; }
.mr-unit-price>strong { display:block; font-size:1.3rem; font-weight:800; line-height:1.2; color:#fff; margin-top:2px; }
.mr-unit-price small { font-size:.8em; }
.mr-unit-details { margin:0 0 16px; padding:0; list-style:none; }
.mr-unit-details li { display:flex; align-items:baseline; flex-wrap:wrap; gap:0 5px; border-bottom:1px solid #eef0f3; padding:7px 0; font-size:.8rem; line-height:1.35; color:#6b7280; }
.mr-unit-details li>img { width:16px; height:16px; flex:0 0 16px; align-self:center; }
.monterra-page .mr-unit-cta { background:#203d61; border-color:#203d61; min-height:40px; padding:10px 16px; font-size:.8rem; }
.mr-location { display:grid; grid-template-columns:1fr 1.3fr; gap:32px; }
.mr-location iframe { width:100%; aspect-ratio:4/3; border:0; }
.mr-map-link { display:inline-block; margin-top:18px; color:#1a3a5c; font-size:.85rem; }
@media(max-width:860px) { .mr-location { grid-template-columns:1fr; gap:24px; } }


.mr-unit-details li { flex-wrap:nowrap; align-items:flex-start; }
.mr-unit-details li>span { min-width:0; }
.mr-info dd { min-width:0; overflow-wrap:anywhere; }

.mr-facilities-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:start; gap:32px; margin-top:24px; }
.monterra-page .mr-facilities-plan { margin:0; padding:0; border:1px solid #dfe3e8; border-radius:4px; background:#fff; }
.monterra-page .mr-facilities-plan img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; padding:0; }
.mr-facilities-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; margin:0; padding:0 0 0 26px; }
.mr-facilities-list li { padding:9px 0 9px 3px; color:#0a0a0f; border-bottom:1px solid #e5e7eb; font-size:.8rem; line-height:1.5; overflow-wrap:anywhere; }
.mr-facilities-list li::marker { color:#1a3a5c; font-family:Rubik,sans-serif; font-weight:500; }
@media(max-width:860px) {
  .mr-facilities-grid { grid-template-columns:1fr; gap:24px; }
  .mr-facilities-list { gap:0 24px; }
}

/* Tabbed unit selector follows the existing Premium Height floor-plan layout. */
.mr-unit-tabs { display:flex; gap:4px; width:fit-content; max-width:100%; padding:4px; margin:28px 0 32px; border-radius:4px; background:#f2f4f7; }
.mr-unit-tabs [role="tab"] { padding:10px 20px; min-height:36px; border:0; border-radius:3px; background:transparent; color:#6b7280; font:500 13px Inter,sans-serif; white-space:nowrap; cursor:pointer; }
.mr-unit-tabs [aria-selected="true"] { background:#203d61; color:#fff; font-weight:700; }
.mr-unit-tabs [aria-selected="false"]:hover { background:#e5e7eb; color:#1a3a5c; }
.mr-unit-panel { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1fr); gap:40px; align-items:start; }
.mr-unit-panel[hidden] { display:none!important; }
.monterra-page .mr-unit-panel .unit-layout { position:relative; display:block; width:100%; aspect-ratio:auto; margin:0; padding:0; overflow:hidden; border:1px solid #d6d5d1; border-radius:4px; background:#f0ece3; cursor:zoom-in; }
.monterra-page .mr-unit-panel .unit-layout img { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; padding:12px; background:transparent; }
.mr-plan-badge { position:absolute; top:12px; left:12px; padding:5px 11px; border-radius:2px; background:#203d61; color:#fff; font-size:11px; font-weight:700; letter-spacing:1px; }
.mr-plan-title { margin:0 0 4px; color:#203d61; font-size:42px; font-weight:400; line-height:1.15; letter-spacing:-.02em; }
.mr-plan-title em { color:#0a0a0f; font-style:italic; }
.mr-plan-subtitle { margin:0 0 24px; color:#6b7280; font-size:14px; line-height:1.5; }
@media(max-width:860px) {
  .mr-unit-panel { grid-template-columns:1fr; gap:40px; }
  .mr-unit-tabs [role="tab"] { padding:10px clamp(10px,3vw,20px); }
}