/* V292 source: /floorplans.css?v=5.8.94 */
/* 5.8.94: photo → model choice → floor viewer. Shared by SSR and client. */
.npfp-section{background:linear-gradient(125deg,#082b3b,#0c4248);color:#eef7f5;scroll-margin-top:100px;padding:32px;border:1px solid #648182;border-radius:18px}
.npfp-section *,.npfp-viewer *{box-sizing:border-box}
.npfp-section svg,.npfp-viewer svg{width:21px;height:21px;flex-shrink:0}
.npfp-wrap{max-width:1280px;margin:auto}
body.np-home570 #mat-bang-can .npfp-heading{display:block;margin:0 0 20px}
body.np-home570 #mat-bang-can #npfp-heading{margin:0;color:#fff;font:600 32px/1.25 var(--np-heading-font,Georgia,serif);overflow-wrap:anywhere}
body.np-home570 #mat-bang-can .npfp-heading p{margin:10px 0 0;max-width:680px;color:#b8d3d6;font:400 16px/1.6 var(--np-reading-font,system-ui)}
.npfp94-types{display:flex;gap:8px;overflow-x:auto;padding:3px 0 8px;margin:0 0 16px}
.npfp94-types button{flex-shrink:0;white-space:nowrap;min-height:44px;padding:10px 16px;border:1px solid #60878c;border-radius:8px;background:transparent;color:#e6f4f1;font:600 14px/1.4 var(--np-reading-font,system-ui);cursor:pointer}
.npfp94-types button[aria-pressed=true]{background:#edc97d;border-color:#edc97d;color:#10333e}
.npfp94-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:center}
.npfp94-gallery,.npfp94-summary{min-width:0}
.npfp94-main{aspect-ratio:3/2;border-radius:12px;overflow:hidden;border:1px solid #62818a;background:#082c39}
.npfp94-main>button{width:100%;height:100%;padding:0;border:0;background:transparent;position:relative;display:flex;align-items:center;justify-content:center;cursor:zoom-in;color:#fff}
.npfp94-photo-caption{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:10px;padding:6px 10px;background:#082c39e6;border-radius:5px;font:400 12px/1.4 var(--np-reading-font,system-ui);pointer-events:none}
.npfp94-photo-caption svg{width:16px;height:16px}
.npfp-crop{overflow:hidden;position:relative;width:100%;margin:0;flex-shrink:0;background:#f0f0ed}
.npfp-crop img{position:absolute;max-width:none!important;max-height:none!important;display:block;object-fit:fill!important;margin:0!important;filter:none}
.npfp94-picker-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:14px 0 8px;color:#c4d9da;font:400 12px/1.5 var(--np-reading-font,system-ui)}
.npfp94-swipe{color:#a8c7c9}
.npfp94-thumbs{display:flex;position:relative;gap:10px;overflow-x:auto;padding:3px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#799da1 transparent}
.npfp94-thumbs button{flex:0 0 100px;min-width:0;border:2px solid #547b82;border-radius:8px;padding:3px;background:#0b3543;color:#dcebea;cursor:pointer;scroll-snap-align:center}
.npfp94-thumbs button[aria-pressed=true]{border-color:#efce87;background:#20515a;color:#ffe1a0}
.npfp94-thumbs button>span:last-child{display:block;padding:5px 0 2px;font:600 12px/1.3 var(--np-reading-font,system-ui)}
.npfp94-thumb-image{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#082c39}
.npfp94-thumb-image .npfp-crop{max-height:100%}
.npfp94-empty{display:grid;place-content:center;justify-items:center;gap:10px;height:100%;color:#bdd5d5;font:400 14px/1.5 var(--np-reading-font,system-ui)}
body.np-home570 #mat-bang-can .npfp94-summary h3{font:600 24px/1.35 var(--np-reading-font,system-ui);color:#fff;margin:0 0 6px;overflow-wrap:anywhere}
.npfp94-code,.npfp94-zone{font:400 13px/1.5 var(--np-reading-font,system-ui);color:#b8d2d4;margin:4px 0;overflow-wrap:anywhere}
.npfp94-summary dl{display:flex;flex-wrap:wrap;gap:14px 24px;margin:20px 0}
.npfp94-summary dt{font:400 12px/1.5 var(--np-reading-font,system-ui);color:#bdd4d6}
.npfp94-summary dd{font:650 17px/1.5 var(--np-reading-font,system-ui);color:#fff;margin:3px 0 0}
.npfp94-pending{font:400 13px/1.5 var(--np-reading-font,system-ui);color:#f0d79f;margin:14px 0}
.npfp94-actions{display:flex;flex-direction:column;gap:10px;margin:20px 0 8px}
.npfp94-actions>a,.npfp94-actions>button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 14px;border:1px solid #edc97d;border-radius:8px;font:650 15px/1.4 var(--np-reading-font,system-ui);text-decoration:none;cursor:pointer}
.npfp94-actions>button{background:#edc97d;color:#12313e}
.npfp94-actions>a{background:transparent;color:#f5d594}
.npfp94-details{font:400 13px/1.5 var(--np-reading-font,system-ui);color:#bad4d6}
.npfp94-details summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:500}
.npfp94-details>div{display:flex;flex-direction:column;gap:8px;padding:0 0 12px}
.npfp94-details p{margin:0}
.npfp94-details a,.npfp94-details button{color:inherit;text-align:left;background:none;border:0;padding:8px 0;font:inherit;cursor:pointer;min-height:40px}
.npfp-foot{color:#a9c7cc;margin:16px 0 0;font:400 12px/1.6 var(--np-reading-font,system-ui)}
.npfp-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.npfp-section :focus-visible,.npfp-viewer :focus-visible,.np-type-plan:focus-visible{outline:3px solid #eec878;outline-offset:2px}
.np-type-body .np-type-plan{display:inline-flex;color:inherit;font-size:12px;margin-top:9px;text-decoration:none;border-bottom:1px solid currentColor;position:relative;z-index:2}
.npfp-viewer{position:fixed!important;inset:0!important;width:min(1200px,calc(100vw - 32px))!important;height:calc(100dvh - 32px)!important;max-width:none!important;max-height:none!important;margin:auto!important;padding:0!important;border:1px solid #648182!important;border-radius:16px!important;background:#f2f3ef!important;color:#133945!important;overflow:hidden!important;box-sizing:border-box;font-family:var(--np-reading-font,system-ui)}
.npfp-viewer[open]{display:flex!important;flex-direction:column}
.npfp-viewer::backdrop{background:#021722e8}
.npfp-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#103847;color:#fff;flex-shrink:0}
.npfp-viewer-head>div{min-width:0}
.npfp-viewer .npfp-viewer-head h2{font:650 18px/1.3 var(--np-reading-font,system-ui);margin:0 0 4px;color:#fff;overflow-wrap:anywhere}
.npfp-viewer-head p{font:400 12px/1.5 var(--np-reading-font,system-ui);color:#bed6d8;margin:0;overflow-wrap:anywhere}
.npfp-viewer button{min-height:44px;cursor:pointer}
.npfp-close{border:1px solid #729298;background:transparent;color:#fff;border-radius:8px;min-width:76px;padding:8px;flex-shrink:0;font:600 14px/1.4 var(--np-reading-font,system-ui)}
.npfp94-floors{display:flex;position:relative;gap:6px;flex-shrink:0;overflow-x:auto;background:#fff;padding:6px 12px;border-bottom:1px solid #cedbd7}
.npfp94-floors button{flex:0 0 auto;min-width:72px;border:0;border-bottom:3px solid transparent;background:transparent;color:#436873;padding:9px 12px;font:600 14px/1.4 var(--np-reading-font,system-ui)}
.npfp94-floors button[aria-pressed=true]{border-bottom-color:#087d79;background:#e4f1ee;color:#096863}
.npfp-viewport{overflow:auto;flex:1;min-height:80px;overscroll-behavior:contain;touch-action:pan-x pan-y;background:#eceeea;padding:12px}
.npfp-zoom-canvas{margin:auto;box-sizing:border-box}
.npfp94-viewer-footer{background:#fff;padding:8px 16px max(6px,env(safe-area-inset-bottom));flex-shrink:0;max-height:40%;overflow-y:auto}
.npfp94-current{font:500 13px/1.5 var(--np-reading-font,system-ui);margin:0 0 6px;color:#436873}
.npfp-viewer-tools{display:flex;gap:8px;align-items:center}
.npfp-viewer-tools button{border:1px solid #b9cfcb;background:#fff;color:#163d45;border-radius:6px;padding:8px 12px;font:500 13px/1.4 var(--np-reading-font,system-ui);min-width:44px}
.npfp-viewer-tools button:disabled{opacity:.4;cursor:default}
.npfp-zoom-value{font:500 12px/1.4 var(--np-reading-font,system-ui);min-width:38px;text-align:center}
.npfp-viewer .npfp94-details{color:#276b70;font-size:12px}
.npfp-viewer .npfp94-details summary{padding:8px 0;min-height:36px}
.npfp-error{padding:16px;font:500 13px/1.5 var(--np-reading-font,system-ui);color:#7f3a20;background:#fff5e9}
@media(max-width:767px){
 .npfp94-layout{display:flex;flex-direction:column;gap:14px;align-items:stretch}
 .npfp94-types{gap:6px;margin-bottom:12px}
 .npfp94-types button{font-size:13px;padding-inline:12px}
 body.np-home570 #mat-bang-can .npfp-heading{margin-bottom:16px}
 body.np-home570 #mat-bang-can #npfp-heading{font-size:28px}
 body.np-home570 #mat-bang-can .npfp-heading p{font-size:14px;margin-top:8px}
 .npfp94-thumbs button{flex-basis:88px}
 .npfp94-picker-head{margin-top:10px;font-size:11px}
 body.np-home570 #mat-bang-can .npfp94-summary h3{font-size:21px}
 .npfp94-summary dl{margin:14px 0;gap:10px 20px}
 .npfp94-actions{margin-top:14px}
 .npfp-viewer{width:100vw!important;height:100dvh!important;border:0!important;border-radius:0!important}
 .npfp-viewer-head{padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left))}
 .npfp-viewer .npfp-viewer-head h2{font-size:16px}
 .npfp94-floors{padding:4px 8px;gap:2px}
 .npfp94-floors button{padding-inline:10px;min-width:66px}
 .npfp94-viewer-footer{padding-inline:12px}
}
@media(max-height:500px){.npfp-viewer-head{padding-block:6px}.npfp94-viewer-footer{max-height:35%}.npfp94-current{display:none}.npfp-viewer-tools{position:sticky;top:0;background:white}.npfp94-floors{padding-block:0}}
@media(prefers-reduced-motion:reduce){.npfp-section *,.npfp-viewer *{scroll-behavior:auto!important;transition:none!important}}


/* V292 source: /landing-models-v276.css?v=5.8.276 */
body.np-dedicated-landing-shell .np276-models{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#063f37;color:#faf8f2;font-family:inherit;scroll-margin-top:80px}
.np276-models[hidden],.np276-models [hidden]{display:none!important}.np276-models *{box-sizing:border-box}
.np276-heading{display:flex;align-items:center;gap:20px;padding:23px clamp(16px,3vw,56px) 18px}.np276-heading>span{font-size:25px;color:#f3cf73;font-weight:700}.np276-heading>div{min-width:0}.np276-heading small{color:#f3cf73;font-size:11px;letter-spacing:.12em}.np276-heading small:empty{display:none}
body.np-dedicated-landing-shell .np276-models h2{margin:0!important;font-family:inherit!important;font-size:clamp(25px,2.4vw,40px)!important;line-height:1.2!important;font-weight:750!important;color:#faf8f2!important;-webkit-text-fill-color:currentColor!important;text-align:left!important;max-width:none!important}
.np276-gallery{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#042d28}
.np276-photo{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden}.np276-photo:disabled{cursor:default}
.np276-visual{flex-shrink:0}.np276-models .npfp-crop{position:relative;overflow:hidden;width:100%;margin:0}.np276-models .npfp-crop img{position:absolute;max-width:none!important;max-height:none!important;margin:0!important;object-fit:fill;border:0;border-radius:0;filter:none;opacity:1}
.np276-enlarge,.np276-prev,.np276-next{position:absolute;display:grid;place-items:center;border:1px solid #eee8;background:#073b32b8;color:white;min-width:44px;min-height:44px;border-radius:50%;cursor:pointer;line-height:1;font-family:inherit;font-size:25px}
.np276-enlarge{top:14px;right:14px}.np276-prev,.np276-next{top:44%}.np276-prev{left:14px}.np276-next{right:14px}
.np276-thumbs{position:absolute;left:16px;bottom:16px;display:flex;gap:8px;max-width:calc(100% - 32px);min-width:0;padding:8px;border:1px solid #dad8b54d;border-radius:8px;background:#043a30d9;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d9c389 #073e34}
.np276-thumbs button{flex:0 0 104px;width:104px;min-width:0;border:2px solid transparent;border-radius:5px;padding:3px;background:#1d4c43;color:#fff;cursor:pointer;font:inherit;font-size:11px}.np276-thumbs button[aria-pressed=true]{border-color:#f3cf73;color:#f3cf73;background:#31594a}.np276-thumb-image{height:60px;display:flex;align-items:center;overflow:hidden;background:#052e29}.np276-thumb-label{display:block;padding:4px 2px 1px;text-align:center;font-weight:650}
.np276-summary{display:flex;align-items:center;justify-content:space-between;gap:18px 26px;padding:19px clamp(16px,3vw,56px) 22px;border-bottom:1px solid #b4caac33}.np276-name{min-width:0;flex:1}.np276-name h3{font-family:inherit;font-size:clamp(19px,1.7vw,27px);font-weight:750;line-height:1.3;color:#faf8f2!important;margin:0}.np276-name>span{display:block;margin-top:6px;color:#cbdbd2;font-size:12px}
.np276-facts{display:flex;gap:24px;margin:0;flex-wrap:wrap}.np276-facts>div{display:flex;flex-direction:column;gap:4px}.np276-facts dt{color:#c5d5cb;font-size:11px}.np276-facts dt:empty{display:none}.np276-facts dd{margin:0;font-size:15px;font-weight:750;white-space:nowrap;color:#f5e6b4}
.np276-actions{display:flex;gap:10px;flex-shrink:0}.np276-actions :is(a,button){display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:12px 17px;border:1px solid #d7ba70;border-radius:6px;color:#f3cf73!important;background:transparent;font:inherit;font-size:13px;font-weight:750;line-height:1.4;text-decoration:none;text-align:center;cursor:pointer}.np276-actions .np276-consult{background:#d32730;color:#fff!important;border-color:#e95158}.np276-actions :is(a,button):hover{filter:brightness(1.12)}
.np276-description{padding:0 16px 16px;font-size:14px;color:#d2e0d5}.np276-description:empty{display:none}.np276-no-image{color:#d2e0d5;padding:20px}.np276-models :is(a,button):focus-visible{outline:3px solid #f3cf73;outline-offset:2px}
@media(max-width:1200px){.np276-summary{flex-wrap:wrap}.np276-name{flex-basis:45%}.np276-actions{margin-left:auto}}
@media(max-width:600px){.np276-heading{padding:18px 14px 14px;gap:12px}.np276-heading>span{font-size:21px}.np276-thumbs{left:8px;bottom:8px;max-width:calc(100% - 16px);gap:5px;padding:4px}.np276-thumbs button{flex-basis:62px;width:62px;padding:2px;font-size:9px}.np276-thumb-image{height:35px}.np276-thumb-label{padding:2px 0 0}.np276-enlarge{top:7px;right:7px;min-width:36px;min-height:36px;font-size:21px}.np276-prev,.np276-next{min-width:34px;min-height:40px;top:34%;font-size:25px}.np276-prev{left:7px}.np276-next{right:7px}.np276-summary{padding:15px 14px 18px;gap:13px}.np276-name{flex-basis:100%}.np276-facts{gap:22px}.np276-facts dd{font-size:14px}.np276-actions{width:100%;margin:0;gap:8px}.np276-actions :is(a,button){flex:1;min-width:0;padding:11px 8px;font-size:12px}}

