@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Montserrat:wght@400;500;600;700;800;900&family=Open+Sans:wght@400;600;700&display=swap');
:root{--red:#991b1b;--gold:#e5b029;--ink:#242936;--muted:#7b8190}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'Open Sans',sans-serif;line-height:1.6}h1,h2,h3,h4,.wordmark{font-family:Montserrat,sans-serif;line-height:1.3}h1,h2{font-family:'Bricolage Grotesque',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit;cursor:pointer}button,a,select{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 10px #00000008}.nav-wrap{max-width:1200px;margin:auto;min-height:66px;display:flex;gap:12px;align-items:center;padding:12px 24px}.wordmark{display:inline-flex;align-items:center;line-height:0}.wordmark img{display:block;height:36px;width:auto;max-width:min(220px,52vw)}.hero-brand{margin:16px 0 22px}.hero-brand img{display:block;margin:0 auto;width:min(520px,88vw);height:auto;filter:drop-shadow(0 8px 24px #00000055)}nav{display:flex;gap:26px;margin-left:auto;font-size:15px;font-weight:700}.languages{display:flex;align-items:center;background:#f8f9fa;border:1px solid #eceef1;border-radius:20px;padding:2px 5px}.languages button{background:transparent;border:0;color:#606776;font-size:14px;padding:0 3px}.languages .active{background:var(--red);border-radius:50%;color:white}.menu{display:none}h1{font-size:clamp(2.4rem,5vw,4.2rem);margin:16px 0 22px;font-weight:900}h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin:0 0 24px}h3{font-size:1.25rem}p{margin:0 0 20px}.hero{height:570px;display:grid;place-items:center;position:relative;background:#0f172a;text-align:center;color:white;overflow:hidden}.hero .backdrop{position:absolute;inset:0;background-size:cover;background-position:center;animation:backdrop 24s infinite}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#0f172ad9,#0a192fbf,#0f172ae6)}.hero-content{position:relative;z-index:1;padding:35px 24px;max-width:1100px}.hero h1 span{color:var(--gold)}.hero p{max-width:780px;margin:0 auto;font-size:21px;color:#f1f5f9;line-height:1.6}.badge{display:inline-block;border:1px solid #ffffff33;border-radius:30px;padding:7px 18px;background:#991b1be6;font-size:14px;font-weight:700;letter-spacing:1.5px}.search-wrap{position:relative;z-index:2;max-width:1100px;margin:-60px auto 40px;padding:0 20px}.search{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:25px 30px;background:#ffffffe6;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:20px;box-shadow:0 20px 40px #0000001f}.search label{font-size:14px;color:var(--muted);display:block;margin-bottom:8px}.search select{border:2px solid #eaebef;border-radius:11px;background:white;width:100%;height:47px;padding:0 16px;font-size:14px;font-weight:700;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 25px;border:0;border-radius:12px;background:var(--red);color:white;font-weight:700}.search .btn{align-self:end;height:48px;box-shadow:0 8px 20px #991b1b35}.container{max-width:1200px;margin:auto;padding:0 24px}.section{padding:80px 0}.center{text-align:center}.intro{max-width:730px;margin:0 auto 55px;color:var(--muted);font-size:19px}.red{color:var(--red)}.gold{color:var(--gold)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.value{background:white;padding:34px 22px;border:1px solid #f7f7f8;border-radius:20px;text-align:center;box-shadow:0 10px 35px #00000004}.value p{color:var(--muted);font-size:16px}.icon{display:grid;place-items:center;height:76px;width:76px;border-radius:24px;margin:0 auto 22px;background:#fff0f0;color:var(--red);font-size:32px}.icon svg{width:32px;height:32px;stroke-width:1.75}.inline-icon{display:inline-block;vertical-align:-.2em;width:1em;height:1em}.inline-icon svg,.btn .inline-icon{width:1.05em;height:1.05em;stroke-width:2}.lang-globe{width:15px;height:15px;margin:0 4px 0 2px;color:#606776}.menu svg{width:24px;height:24px}.floating img{display:block;width:56px;height:56px;border-radius:50%;flex:0 0 auto}.close svg{width:22px;height:22px}.value:nth-child(2) .icon{background:#e8edff;color:#4169e1}.value:nth-child(3) .icon{background:#d9f5f8;color:#128493}.value:nth-child(4) .icon{background:#ddf7e2;color:#38935c}.projects{background:#f8fafc}.eyebrow{color:var(--red);font-size:14px;letter-spacing:1.5px;font-weight:700;margin-bottom:15px}.filters{display:flex;gap:12px;justify-content:center;margin:28px 0 45px;flex-wrap:wrap}.filters button{border:1px solid #e3e5e8;padding:10px 24px;background:#fff;border-radius:30px;font-weight:600}.filters .active{background:var(--red);color:white;border-color:var(--red)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.property{background:white;box-shadow:0 5px 20px #0000000a;border-radius:20px;overflow:hidden;transition:transform .2s}.property:hover{transform:translateY(-5px)}.property-image{position:relative;height:260px}.property-image img{width:100%;height:100%;object-fit:cover}.property-image .tag{position:absolute;right:14px;top:14px;padding:5px 13px;background:#c33732;color:white;border-radius:14px;font-size:13px;font-weight:700}.property-image .new{background:var(--gold)}.property-body{padding:22px}.property h3{margin:0 0 15px}.price{color:var(--red);font-weight:800;font-size:22px;margin-bottom:5px}.monthly{display:inline-block;color:#2848aa;background:#edf1ff;border-radius:5px;padding:3px 8px;font-size:14px}.place{color:var(--muted);margin:16px 0;font-size:15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:20px}.stats strong{display:block}.stats small{font-size:12px;color:var(--muted)}.property .btn{width:100%;font-size:14px}.payment{text-align:center;padding:13px;background:#edf1ff;color:var(--red);font-size:14px;font-weight:700}.facility{position:relative;height:320px;border-radius:18px;overflow:hidden;color:white}.facility img{width:100%;height:100%;object-fit:cover}.facility:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#000c)}.facility div{position:absolute;bottom:20px;left:20px;right:20px;z-index:1}.facility h3{font-size:18px;margin-bottom:10px}.facility p{font-size:14px;margin:0}.cta{background:linear-gradient(135deg,#991b1b,#7f1d1d);color:white;text-align:center;padding:75px 24px}.cta p{max-width:750px;margin:0 auto 28px;color:#fee2e2;font-size:19px}.whatsapp{background:#60ce70;border-radius:40px;color:white;padding:16px 30px;gap:10px}.whatsapp .wa-icon{width:22px;height:22px;display:block;flex:0 0 auto}.floating{position:fixed;right:20px;bottom:24px;z-index:40;display:block;background:transparent;border-radius:0;padding:0;box-shadow:none;line-height:0;filter:drop-shadow(0 8px 18px #00000033)}.floating:hover{transform:translateY(-2px)}.floating span{display:none}footer{background:#111827;color:#c0c5ce;padding:60px 24px 25px}footer .grid3{max-width:1150px;margin:auto}footer h4{color:white;margin:0 0 20px}footer a{display:block;margin:10px 0;font-size:14px}footer .legal{max-width:1150px;margin:40px auto 0;border-top:1px solid #ffffff20;padding-top:24px;font-size:13px;color:#8c96a5}.contact-page{background:#f8faff}.contact-card{background:white;padding:34px 22px;border-radius:8px;box-shadow:0 4px 9px #00000009;text-align:center}.contact-card .icon{background:none}.contact-card p{color:var(--muted)}.contact-card strong{font-size:20px;overflow-wrap:anywhere}.video-grid iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.detail-hero{background-size:cover;background-position:center;color:white;padding:50px 0}.detail-hero .container{max-width:960px}.detail-hero h1{font-size:40px}.detail-hero .badge{background:var(--gold);color:white;letter-spacing:0}.detail-hero p{font-size:19px}.price-panel{background:#ffffff1f;backdrop-filter:blur(12px);border:1px solid #ffffff33;border-radius:16px;padding:22px;display:inline-block;margin-bottom:24px}.price-panel .price{color:var(--gold);font-size:32px}.detail-stats{background:#101425;color:white;padding:18px}.detail-stats .value{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:15px}.detail-stats small{color:#a2a9b7;display:block}.plans img{max-height:450px;width:100%;object-fit:contain;background:white;cursor:zoom-in;border-radius:12px}.plans button{border:1px solid #ddd;border-radius:15px;background:white;padding:15px;width:100%}.detail-content p{color:var(--muted)}.empty{text-align:center;grid-column:1/-1;padding:40px}.empty button{margin-top:15px}dialog{border:0;border-radius:16px;max-width:94vw;padding:40px 15px 15px}dialog::backdrop{background:#000b}dialog img{max-width:85vw;max-height:80vh;object-fit:contain}.close{position:absolute;right:12px;top:4px;background:none;border:0;font-size:32px}@keyframes backdrop{0%,24%{background-image:url('assets/evolution/stage1.jpg')}25%,49%{background-image:url('assets/evolution/stage2.jpg')}50%,74%{background-image:url('assets/evolution/stage3.jpg')}75%,100%{background-image:url('assets/evolution/stage4.jpg')}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.hero .backdrop{background-image:url('assets/evolution/stage3.jpg')}}@media(max-width:900px){.grid4{grid-template-columns:repeat(2,1fr)}.search{grid-template-columns:1fr 1fr}.grid3{gap:18px}.property-image{height:210px}.property-body{padding:16px}.property h3{font-size:18px}}@media(max-width:650px){.nav-wrap{padding:12px 16px;flex-wrap:wrap}.wordmark img{height:30px}.menu{display:block;margin-left:auto;background:none;border:0;font-size:23px}nav{display:none;order:4;width:100%;margin:0;padding:12px 0;justify-content:space-between;gap:8px}.open nav{display:flex}.languages{margin-left:0}.hero{height:530px}.hero h1{font-size:2.4rem}.hero p{font-size:17px}.hero-content{padding-bottom:90px}.search-wrap{margin-top:-70px}.search{padding:20px;gap:15px;grid-template-columns:1fr}.search select{height:45px}.section{padding:55px 0}.container{padding:0 20px}.grid3,.grid4{grid-template-columns:1fr}.value{padding:26px}.intro{font-size:17px;margin-bottom:32px}.property-image{height:260px}.facility{height:300px}.floating{right:15px;bottom:20px}.detail-hero h1{font-size:30px}.price-panel .price{font-size:25px}.detail-stats .grid4{grid-template-columns:1fr 1fr}.video-grid{gap:24px}}

/* Project detail standard layout */
.detail-hero{min-height:520px;display:flex;align-items:center;background:#0f172a;background-size:cover;background-position:center;color:#fff;padding:70px 0 0;text-align:center}
.detail-hero .container{max-width:960px;width:100%}
.detail-hero h1{font-size:clamp(2rem,4vw,3.2rem);margin:18px 0 28px}
.detail-hero .badge{background:var(--gold);color:#fff;letter-spacing:.4px}
.price-panel{background:#ffffff1f;backdrop-filter:blur(12px);border:1px solid #ffffff33;border-radius:16px;padding:22px 28px;display:inline-block;margin-bottom:22px}
.price-panel .price{color:var(--gold);font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800}
.hero-highlights{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:8px 0 28px}
.hero-chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid #ffffff40;background:#ffffff14;font-size:13px;font-weight:600}
.detail-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:0;background:#0b1220e6;border-top:1px solid #ffffff1a;margin:40px -24px 0}
.detail-jump a{flex:1 1 120px;padding:16px 12px;color:#e5e7eb;font-size:14px;font-weight:700;border-right:1px solid #ffffff14}
.detail-jump a:last-child{border-right:0}
.detail-jump a:hover{background:#ffffff12;color:#fff}
.section-title{position:relative;display:inline-block;margin-bottom:36px}
.section-title:after{content:'';display:block;width:64px;height:3px;margin:14px auto 0;background:var(--gold);border-radius:2px}
.section-head{text-align:center;margin:0 auto 40px}
.section-head .eyebrow{
  margin:0 0 12px;
  color:var(--red);
  font-size:14px;
  letter-spacing:1.5px;
  font-weight:700;
  text-transform:uppercase;
}
.section-head .section-title{
  display:block;
  margin:0 auto 14px;
  color:#1e293b;
  font-weight:800;
  font-size:clamp(1.65rem,3.2vw,2.35rem);
  line-height:1.25;
  max-width:900px;
}
.section-head .section-title:after{display:none}
.section-head .intro{
  margin:0 auto;
  max-width:680px;
  color:#64748b;
  font-size:17px;
}
.ph-media{display:grid;place-items:center;width:100%;background:#e5e7eb;color:#6b7280;border:1px dashed #9ca3af;border-radius:12px;font-weight:700;font-size:14px;letter-spacing:.3px;text-transform:uppercase;text-align:center;padding:12px}
.ph-media-label{display:flex;flex-direction:column;align-items:center;gap:6px;line-height:1.35}
.ph-media-size{font-size:12px;font-weight:600;letter-spacing:.2px;text-transform:none;color:#4b5563}
.property-image .ph-media{height:100%;border-radius:0}
.ph-text{color:#9ca3af;font-style:italic}
.ph-caption{margin:12px 0 0;color:var(--muted);font-size:15px}
.intro-frame{overflow:hidden;border-radius:18px}
.intro-frame img,.layout-media img,.amenity-featured img,.amenity-card img,.facility-card img,.location-map img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px;background:#f3f4f6}
.layout-rows{display:grid;gap:42px;text-align:left;margin-bottom:18px}
.layout-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.layout-row.reverse{direction:rtl}
.layout-row.reverse > *{direction:ltr}
.layout-media button{display:block;width:100%;border:0;padding:0;background:transparent;border-radius:12px;overflow:hidden;cursor:zoom-in}
.layout-media h3{margin:14px 0 0;font-size:1.05rem}
.brochure-band{margin-top:36px}
.btn.brochure,.btn.brochure.large{background:#60ce70;border-radius:40px;color:#fff;padding:14px 32px;font-weight:800;letter-spacing:.4px}
.btn.brochure.large{padding:18px 42px;font-size:16px}
.btn.dark{background:#1f2937;color:#fff;border-radius:10px;padding:13px 24px}
.detail-videos{background:#f8fafc}
.detail-location .location-split{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;text-align:left;margin-bottom:10px}
.detail-location .location-map{position:relative;overflow:hidden;border-radius:12px}
.detail-location .location-map img,
.detail-location .location-map .ph-media{border-radius:12px}
.detail-location .location-map-embed{
  display:block;
  width:100%;
  height:100%;
  min-height:320px;
  aspect-ratio:4 / 3;
  border:0;
  border-radius:12px;
  background:#e5e7eb;
}
.detail-location .location-map-cta{
  position:absolute;
  left:16px;
  bottom:16px;
  z-index:2;
  box-shadow:0 8px 20px #0f172a33;
}
.location-copy h3{margin-top:0}
.location-copy ul{margin:0 0 24px;padding-left:20px;color:var(--muted)}
.location-copy li{margin:10px 0}
.detail-location--places .location-split{align-items:stretch;grid-template-columns:1fr 1fr;gap:28px}
.detail-location--places .location-photo{min-height:100%;border-radius:18px}
.detail-location--places .location-photo img,
.detail-location--places .location-photo .ph-media{width:100%;height:100%;object-fit:cover;border-radius:18px;min-height:520px}
.detail-location--places .location-copy{display:flex}
.location-places{list-style:none;margin:0;padding:0;width:100%;background:#fff;border:1px solid #eadfd6;border-radius:18px;overflow:hidden}
.location-places li{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;margin:0;padding:14px 18px;border-bottom:1px solid #eadfd6;color:var(--ink)}
.location-places li:last-child{border-bottom:0}
.location-place-icon{display:flex;color:var(--gold);margin-top:2px}
.location-place-icon svg{width:20px;height:20px}
.location-place-copy{display:grid;gap:2px}
.location-place-copy strong{font-size:15px;line-height:1.35}
.location-place-copy span{color:#8a5a12;font-size:13px;line-height:1.4}
.amenity-featured{display:grid;gap:18px;margin-bottom:34px;text-align:left;background:#fff;border:1px solid #eef0f3;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #00000008}
.amenity-featured > div{padding:8px 22px 22px}
.amenity-featured h3{margin:0 0 8px}
.amenity-featured p{margin:0;color:var(--muted)}
.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:22px;margin:0 0 28px;text-align:left}
.amenity-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eef0f3;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000006}
.amenity-card img,.amenity-card .ph-media{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0}
.amenity-card-body{padding:16px 16px 18px}
.amenity-card-body h4{margin:0 0 8px;padding:0;font-size:16px}
.amenity-card-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.amenity-featured{display:none!important}
@media(max-width:900px){.amenity-grid{grid-template-columns:1fr 1fr;grid-template-rows:none}}
@media(max-width:650px){.amenity-grid{grid-template-columns:1fr}}
.amenity-card,.facility-card{background:#fff;border:1px solid #eef0f3;border-radius:16px;overflow:hidden;text-align:left;box-shadow:0 8px 24px #00000006}
.facility-card h4{margin:0;padding:14px 16px 18px;font-size:15px}
.facility-grid{margin-bottom:28px}
.facility-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 18px;list-style:none;padding:0;margin:0 0 10px;text-align:left;color:var(--muted)}
.facility-list li{padding:8px 0;border-bottom:1px solid #eceff3;font-size:14px}
.why-copy{max-width:820px;margin:0 auto 40px;color:var(--muted);text-align:left}
.why-copy p{margin-bottom:16px}
.detail-reserve{background:#f3f4f6}
.reserve-box{max-width:720px;margin:0 auto;background:#fff;border-radius:18px;padding:42px 28px;box-shadow:0 16px 40px #00000012;display:grid;gap:16px;justify-items:center}
.reserve-box .offer{margin:0;font-size:1.35rem;font-weight:800;font-family:Montserrat,sans-serif;color:var(--ink)}
.reserve-contact{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;margin-top:8px;font-weight:700}
.reserve-contact .wa-link{color:#128c7e}
@media(max-width:900px){
  .layout-row,.layout-row.reverse,.detail-location .location-split,.detail-location--places .location-split{grid-template-columns:1fr;direction:ltr}
  .detail-location--places .location-photo img,
  .detail-location--places .location-photo .ph-media{min-height:280px}
  .facility-list{grid-template-columns:repeat(2,1fr)}
  .detail-jump a{flex:1 1 40%}
}
@media(max-width:650px){
  .detail-hero{min-height:auto;padding:48px 0 0}
  .detail-jump{margin-left:-20px;margin-right:-20px}
  .facility-list{grid-template-columns:1fr}
  .reserve-box{padding:32px 18px}
}

.detail-hero .hero-sub{max-width:760px;margin:0 auto 22px;font-size:18px;color:#e2e8f0}
.detail-stats{background:#101425;color:#fff;padding:18px 0}
.detail-stats .value{background:#ffffff08;border:1px solid #ffffff18;border-radius:16px;padding:18px 14px}
.detail-stats strong{display:block;font-size:15px;margin-bottom:6px}
.detail-stats small{color:#a2a9b7;font-size:12px;display:block}
.amenity-card-body{padding:14px 16px 18px}
.amenity-card-body h4{padding:0;margin:0 0 8px}
.amenity-card-body p{margin:0;color:var(--muted);font-size:14px}
.list-heading{margin:28px 0 18px;font-size:1.25rem}
.detail-urgency{background:linear-gradient(135deg,#991b1b,#7f1d1d);color:#fff;padding:60px 24px}
.detail-urgency .intro{color:#fee2e2;margin-bottom:0}
.detail-urgency h2{color:#fff}
.reserve-perks{width:100%;text-align:left;margin:8px 0 10px}
.reserve-perks article{background:#f8fafc;border:1px solid #eef0f3;border-radius:12px;padding:16px}
.reserve-perks h4{margin:0 0 8px;font-size:15px;color:var(--red)}
.reserve-perks p{margin:0;color:var(--muted);font-size:14px}
.privacy{margin:0;font-size:13px;color:var(--muted)}
.location-copy h4{margin:18px 0 10px;font-size:15px}
.why-benefits{margin-top:10px}
@media(max-width:900px){
  .reserve-perks{grid-template-columns:1fr}
  .why-benefits{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .why-benefits{grid-template-columns:1fr}
  .detail-hero .hero-sub{font-size:16px}
}


/* Caladia-standard detail hero */
.detail-hero{min-height:auto;display:flex;align-items:center;background:#0f172a;background-size:cover;background-position:center;color:#fff;padding:72px 24px 48px;text-align:center}
.detail-hero .container{max-width:1100px;width:100%}
.detail-hero .badge{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;border:0;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:8px}
.detail-hero .badge .inline-icon,.detail-hero .badge svg{width:14px;height:14px}
.detail-hero h1{font-size:clamp(1.85rem,4vw,2.85rem);margin:14px auto 12px;max-width:900px;font-weight:800;line-height:1.2;color:#fff}
.detail-hero .hero-sub{max-width:720px;margin:0 auto 28px;font-size:18px;color:#f1f5f9;font-weight:500}
.detail-hero .price-panel{display:flex;flex-direction:column;align-items:center;gap:8px;background:#0b1220b8;backdrop-filter:blur(14px);border:1px solid #ffffff2e;border-radius:18px;padding:22px 34px 24px;margin:0 auto 28px;max-width:520px;width:100%;box-sizing:border-box}
.detail-hero .price-label{color:#e5b029;font-size:13px;font-weight:700;letter-spacing:1.2px}
.detail-hero .price-panel .price{color:#fff;font-size:clamp(1.55rem,3vw,2rem);font-weight:800;margin:0}
.detail-hero .price-monthly{color:#93c5fd;font-size:15px;font-weight:600;margin-bottom:8px}
.detail-hero .price-panel .btn.brochure{background:#60ce70;border-radius:40px;color:#fff;padding:14px 28px;font-weight:800;margin-top:4px}
.hero-promos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 22px}
.promo-card{display:flex;align-items:flex-start;gap:10px;text-align:left;background:#0b1220b0;border:1px solid #ffffff24;border-radius:14px;padding:14px 14px;font-size:13px;font-weight:600;line-height:1.35;color:#fff}
.promo-check{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;margin-top:1px}
.promo-check svg{width:20px;height:20px}
.promo-check.blue{color:#60a5fa}
.promo-check.orange{color:#fb923c}
.promo-check.pink{color:#f472b6}
.promo-check.green{color:#4ade80}
.hero-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.stat-card{background:#0b1220b0;border:1px solid #ffffff24;border-radius:14px;padding:18px 12px;text-align:center}
.stat-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border-radius:12px;background:#ffffff12}
.stat-icon svg{width:22px;height:22px}
.stat-icon.orange{color:#fb923c}
.stat-icon.blue{color:#60a5fa}
.stat-icon.green{color:#4ade80}
.stat-icon.pink{color:#f472b6}
.stat-icon.purple{color:#c084fc}
.stat-card strong{display:block;font-size:14px;font-weight:800;margin-bottom:6px;color:#fff}
.stat-card small{display:block;color:#cbd5e1;font-size:12px;line-height:1.35}
.detail-hero .hero-tagline{margin:0 0 22px;color:#e2e8f0;font-size:1.05rem;font-weight:600}
.detail-hero .hero-note{margin:18px 0 0;color:#94a3b8;font-size:12px;line-height:1.45;text-align:left}
.welcome-copy{max-width:820px;margin:0 auto 14px}
.layout-note{max-width:820px;margin:0 auto 12px}
.layout-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 28px;text-align:left}
.layout-category-card{background:#fff;border:1px solid #e8eef0;border-radius:18px;padding:20px 18px;box-shadow:0 10px 28px #0f172a0a}
.layout-category-card h3{margin:0 0 8px;font-size:1.1rem;color:#0f766e}
.location-points li{display:grid;gap:4px}
.location-points li strong{color:var(--ink)}
.location-points li span{display:block;color:var(--muted)}
.inquire-help,.inquire-notice{width:100%;text-align:left;margin:18px 0 0}
.inquire-help h4,.inquire-notice h4{margin:0 0 10px;font-size:15px;color:#0f172a}
.inquire-help ul{margin:0;padding-left:20px;color:#64748b}
.inquire-help li{margin:8px 0}
.inquire-notice{padding:16px 16px 4px;border-radius:14px;background:#f8fafc;border:1px solid #e8edf2}
.inquire-notice p{margin:0 0 12px;color:#64748b;font-size:13px;line-height:1.55}
.detail-jump,.hero-highlights,.hero-chip,.detail-stats{display:none!important}
@media(max-width:900px){
  .hero-promos{grid-template-columns:1fr 1fr}
  .hero-stats{grid-template-columns:1fr 1fr}
  .layout-categories{grid-template-columns:1fr}
}
@media(max-width:650px){
  .detail-hero{padding:48px 16px 36px}
  .detail-hero .hero-sub{font-size:16px}
  .hero-promos,.hero-stats{grid-template-columns:1fr}
  .detail-hero .price-panel{padding:18px 16px 20px}
}

/* Caladia plan section */
.detail-layouts{background:#fff}
.plan-list{display:grid;gap:36px;margin:10px 0 28px}
.plan-unit{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}
.plan-info-card{display:grid;grid-template-columns:minmax(150px,180px) 1fr;gap:18px;align-items:center;background:#fff;border:1px solid #e8eef0;border-radius:22px;box-shadow:0 10px 30px #0f172a0d;padding:22px}
.plan-meta h3{margin:0 0 6px;color:#0f766e;font-size:2rem;font-weight:800;line-height:1}
.plan-meta h3 span{font-size:1.15rem;font-weight:700;margin-right:6px}
.plan-size{margin:0 0 14px;color:#64748b;font-size:15px;font-weight:600}
.plan-copy{margin:14px 0 0;color:#64748b;font-size:14px;font-weight:500;line-height:1.55}
.plan-specs{display:grid;gap:12px;padding-top:14px;border-top:2px dotted #14b8a6}
.video-grid p{display:grid;gap:6px}
.video-grid .video-copy{display:block;color:#64748b;font-size:14px;font-weight:500;line-height:1.5}
.detail-footnote{background:#f8fafc;padding:28px 0 48px}
.detail-footnote p{margin:0 auto;max-width:920px;color:#64748b;font-size:13px;line-height:1.6;text-align:left}
.plan-specs > div{display:flex;align-items:center;gap:10px;color:#334155;font-weight:600;font-size:14px}
.spec-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0f766e;color:#fff}
.spec-icon svg{width:18px;height:18px;stroke-width:2}
.plan-floor{min-width:0}
.plan-blueprint{display:block;width:100%;border:0;background:transparent;padding:0;cursor:zoom-in;border-radius:14px;overflow:hidden}
.plan-blueprint img{width:100%;height:auto;display:block;background:#fff;object-fit:contain;max-height:280px}
.plan-carousel{position:relative;border-radius:22px;overflow:hidden;background:#e2e8f0;min-height:280px;box-shadow:0 10px 30px #0f172a0d}
.plan-carousel.empty{display:grid;place-items:center}
.plan-slides{position:relative;width:100%;aspect-ratio:4 / 3;background:#0f172a}
.plan-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease}
.plan-slides img.is-active{opacity:1}
.plan-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:#0f172acc;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}
.plan-nav svg{width:22px;height:22px}
.plan-nav.prev{left:12px}
.plan-nav.next{right:12px}
.plan-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:7px;align-items:center;padding:8px 12px;border-radius:999px;background:#0f172a66;z-index:2}
.plan-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#cbd5e1;padding:0;cursor:pointer}
.plan-dots button.is-active{background:#f97316;width:9px;height:9px}
@media(max-width:900px){
  .plan-unit{grid-template-columns:1fr}
  .plan-info-card{grid-template-columns:1fr;padding:18px}
}

/* Embun Palma layout explorer */
.detail-layouts--explorer{background:#f8fafc;text-align:left}
.detail-layouts--explorer > .container{max-width:1180px}
.detail-layouts--explorer .section-head{text-align:center}
.layout-explorer{margin:0 0 48px}
.layout-family-toggle{
  display:flex;
  flex-wrap:nowrap;
  gap:12px;
  max-width:960px;
  margin:0 auto 28px;
}
.layout-family-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex:1 1 0;
  min-width:0;
  min-height:56px;
  padding:14px 18px;
  border:1.5px solid var(--red);
  border-radius:999px;
  background:#fff;
  color:var(--red);
  font-family:Montserrat,sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.layout-family-btn .inline-icon{width:18px;height:18px}
.layout-family-btn.is-active{
  background:var(--red);
  border-color:var(--red);
  color:#fff;
}
.layout-explorer-grid{
  display:grid;
  grid-template-columns:minmax(240px,1.05fr) minmax(220px,.95fr) minmax(220px,.85fr);
  gap:22px;
  align-items:stretch;
}
.layout-explorer--simple .layout-explorer-grid{
  grid-template-columns:minmax(280px,1.15fr) minmax(260px,.95fr);
}
.layout-variant-panel,
.layout-main-visual,
.layout-specs-panel{
  height:100%;
  min-height:100%;
  display:flex;
  flex-direction:column;
}
.layout-variant-panel{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:18px 16px 20px;
  box-shadow:0 10px 28px #0f172a0a;
}
.layout-accordion{display:none}
.layout-acc-group + .layout-acc-group{margin-top:18px}
.layout-acc-group h4{
  margin:0 0 10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:#6b7280;
}
.layout-acc-item{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  overflow:hidden;
  margin:0 0 10px;
}
.layout-acc-item.is-open{
  border-color:var(--red);
  box-shadow:0 8px 20px #991b1b1a;
}
.layout-acc-trigger{
  display:grid;
  grid-template-columns:1fr 18px;
  gap:8px;
  align-items:center;
  width:100%;
  padding:14px 16px;
  border:0;
  background:#fff;
  text-align:left;
  color:#111827;
}
.layout-acc-item.is-open .layout-acc-trigger{background:#fff8f8}
.layout-acc-body{
  display:grid;
  gap:14px;
  padding:0 14px 16px;
  border-top:1px solid #f1f5f9;
}
.layout-acc-body .layout-main-visual,
.layout-acc-body .layout-specs-panel{
  height:auto;
  min-height:0;
  box-shadow:none;
}
.layout-acc-body .layout-specs-panel{
  border:1px solid #eef2f7;
  background:#f8fafc;
}
.layout-acc-body .layout-main-plan{
  aspect-ratio:1 / 1;
  width:100%;
  min-height:0;
  box-shadow:none;
}
.layout-variant-heading{
  margin:0 0 16px;
  font-size:1rem;
  font-weight:800;
  letter-spacing:.3px;
  text-transform:uppercase;
  color:#111827;
}
.layout-variant-group + .layout-variant-group{margin-top:18px}
.layout-variant-group h4{
  margin:0 0 10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:#6b7280;
}
.layout-variant-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.layout-variant-card{
  display:grid;
  grid-template-columns:1fr 16px;
  gap:8px;
  align-items:center;
  width:100%;
  padding:12px 14px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
  text-align:left;
  color:#111827;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.layout-variant-card:hover,
.layout-variant-card.is-active{
  border-color:#9ca3af;
  box-shadow:0 8px 20px #0f172a0f;
  background:#f9fafb;
}
.layout-variant-card.is-active{border-color:var(--red);box-shadow:0 8px 20px #991b1b1a}
.layout-plan-media{
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  border:0;
  padding:0;
  background:#e5e7eb;
  border-radius:10px;
}
.layout-plan-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#fff;
}
.layout-plan-fallback{
  display:none;
  position:absolute;
  inset:0;
  place-items:center;
  padding:16px;
  color:#6b7280;
  font-size:13px;
  font-weight:600;
  text-align:center;
  background:#e5e7eb;
}
.layout-plan-media.is-broken .layout-plan-fallback{display:grid}
.layout-plan-media .ph-media{
  width:100%;
  height:100%;
  min-height:0;
  border-radius:10px;
}
.layout-variant-meta{display:grid;gap:2px;min-width:0}
.layout-variant-name{
  font-size:12px;
  font-weight:800;
  letter-spacing:.2px;
  text-transform:uppercase;
  line-height:1.25;
}
.layout-variant-size{
  font-size:11px;
  color:#6b7280;
  font-weight:600;
  line-height:1.3;
}
.layout-variant-chevron{
  width:16px;
  height:16px;
  color:#9ca3af;
  justify-self:end;
}
.layout-main-visual{gap:12px}
.layout-main-plan{
  flex:0 0 auto;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:1 / 1;
  border-radius:18px;
  border:1px solid #e5e7eb;
  box-shadow:0 10px 28px #0f172a0a;
  cursor:zoom-in;
  background:#e5e7eb;
}
.layout-main-plan.is-pending{cursor:default}
.layout-main-plan .ph-media{border-radius:18px;height:100%}
.layout-enlarge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:48px;
  padding:12px 16px;
  border:1.5px solid var(--red);
  border-radius:12px;
  background:#fff;
  color:var(--red);
  font-family:Montserrat,sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.layout-enlarge:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.layout-specs-panel{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:20px 18px;
  box-shadow:0 10px 28px #0f172a0a;
}
.layout-specs-panel h3{
  margin:0 0 8px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:#111827;
}
.layout-specs-name{
  margin:0 0 18px;
  color:#4b5563;
  font-size:14px;
  font-weight:600;
}
.layout-spec-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
  flex:1 1 auto;
}
.layout-explorer--simple .layout-spec-list{
  grid-template-columns:1fr 1fr;
  gap:12px 14px;
}
.layout-spec-row{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:12px;
  align-items:start;
}
.layout-explorer--simple .layout-spec-row.is-wide{
  grid-column:1 / -1;
}
.layout-spec-icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:12px;
  background:#fff0f0;
  color:var(--red);
}
.layout-spec-icon svg{width:20px;height:20px;stroke-width:2}
.layout-spec-copy{display:grid;gap:2px;text-align:left}
.layout-spec-copy strong{
  font-size:11px;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#6b7280;
  font-weight:700;
}
.layout-spec-copy span{
  color:#111827;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
}
.layout-enquire-wrap{margin-top:auto;padding-top:22px}
.btn.layout-enquire{
  width:100%;
  gap:8px;
  background:var(--red);
  border-radius:12px;
  padding:15px 18px;
  font-family:Montserrat,sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.btn.layout-enquire:hover{background:#7f1d1d}
.layout-picker-note{
  margin:18px auto 0;
  max-width:760px;
  text-align:center;
  color:#6b7280;
  font-size:13px;
  line-height:1.55;
}
.layout-details-doc{
  margin-top:12px;
  padding:36px 28px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:22px;
  box-shadow:0 10px 28px #0f172a0a;
  text-align:left;
}
.layout-doc-header{margin:0 0 28px}
.layout-doc-header h2,
.layout-doc-family > h2,
.layout-doc-compare > h2,
.layout-doc-carpark > h2{
  margin:0 0 10px;
  font-size:clamp(1.25rem,2.2vw,1.6rem);
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:#111827;
}
.layout-doc-header p{
  margin:0;
  color:#6b7280;
  font-size:16px;
}
.layout-doc-family{margin:0 0 32px}
.layout-doc-includes-label{
  margin:0 0 8px;
  color:#4b5563;
  font-weight:600;
}
.layout-doc-includes,
.layout-doc-variant ul,
.layout-doc-carpark ul{
  margin:0 0 18px;
  padding-left:20px;
  color:#4b5563;
}
.layout-doc-includes li,
.layout-doc-variant ul li,
.layout-doc-carpark li{margin:6px 0}
.layout-doc-group{margin:0 0 22px}
.layout-doc-group > h3{
  margin:0 0 14px;
  font-size:1.05rem;
  color:#0f766e;
}
.layout-doc-variant{
  margin:0 0 16px;
  padding:16px 16px 8px;
  border:1px solid #eef2f7;
  border-radius:14px;
  background:#f8fafc;
}
.layout-doc-variant h4{
  margin:0 0 8px;
  font-size:15px;
  color:#111827;
}
.layout-compare-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:8px;
}
.layout-compare-card{
  padding:16px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#f9fafb;
}
.layout-compare-card h4{
  margin:0 0 8px;
  font-size:14px;
  font-weight:800;
  color:#111827;
}
.layout-compare-card p{
  margin:0;
  color:#6b7280;
  font-size:14px;
  line-height:1.5;
}
.layout-doc-disclaimer{
  margin:24px 0 0;
  padding-top:18px;
  border-top:1px solid #e5e7eb;
  color:#6b7280;
  font-size:13px;
  line-height:1.55;
  font-style:italic;
}
@media(max-width:980px){
  .layout-explorer-grid{grid-template-columns:1fr 1fr}
  .layout-variant-panel{grid-column:1 / -1}
  .layout-explorer--simple .layout-explorer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .layout-family-toggle{
    gap:8px;
    max-width:none;
  }
  .layout-family-btn{
    min-height:48px;
    padding:10px 8px;
    font-size:11px;
    gap:6px;
  }
  .layout-family-btn .inline-icon{width:14px;height:14px}
  .layout-explorer-grid{display:none}
  .layout-explorer--simple .layout-explorer-grid{
    display:grid;
    grid-template-columns:1fr;
  }
  .layout-explorer--simple .layout-spec-list{
    grid-template-columns:1fr 1fr;
  }
  .layout-accordion{
    display:block;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:16px 14px 12px;
    box-shadow:0 10px 28px #0f172a0a;
  }
  .layout-compare-grid{grid-template-columns:1fr}
  .layout-details-doc{padding:24px 18px}
}

/* Embun Palma Explore Gallery */
.detail-explore{background:#fff;text-align:center}
.detail-explore > .container{max-width:1100px}
.explore-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  max-width:720px;
  margin:0 auto 18px;
}
.explore-tab{
  min-height:52px;
  padding:14px 18px;
  border:1.5px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
  color:var(--ink);
  font-family:Montserrat,sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.explore-tab.is-active{
  background:var(--red);
  border-color:var(--red);
  color:#fff;
}
.explore-filters{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin:0 auto 22px;
  max-width:920px;
}
.explore-filter{
  min-height:40px;
  padding:10px 16px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  color:#4b5563;
  font-family:Montserrat,sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.3px;
  text-transform:uppercase;
}
.explore-filter.is-active{
  background:#f3f4f6;
  border-color:#d1d5db;
  color:var(--ink);
}
.explore-stage{margin:0 auto;max-width:960px}
.explore-viewport{
  position:relative;
  overflow:hidden;
  border:1px solid #e5e7eb;
  border-radius:18px;
  background:#e5e7eb;
  aspect-ratio:16 / 10;
}
.explore-slide-media{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}
.explore-slide-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.explore-slide-fallback{
  display:none;
  color:#6b7280;
  font-size:14px;
  font-weight:700;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.explore-slide-media.is-broken .explore-slide-fallback,
.explore-slide-media.is-pending .ph-media{display:grid;width:100%;height:100%;border-radius:0}
.explore-slide-media.is-broken{background:#e5e7eb}
.explore-slide-media.is-broken .explore-slide-fallback{display:grid;place-items:center;width:100%;height:100%}
.explore-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:#ffffffe6;
  color:var(--ink);
  display:grid;
  place-items:center;
  box-shadow:0 8px 20px #0f172a1a;
  z-index:2;
}
.explore-nav svg{width:22px;height:22px}
.explore-nav.prev{left:14px}
.explore-nav.next{right:14px}
.explore-fullscreen{
  position:absolute;
  top:14px;
  right:14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:8px 12px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#ffffffe6;
  color:var(--ink);
  font-family:Montserrat,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.explore-fullscreen:disabled{opacity:.45;cursor:not-allowed}
.explore-counter{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  z-index:2;
  padding:7px 14px;
  border-radius:999px;
  background:#ffffffe6;
  color:var(--ink);
  font-family:Montserrat,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
  box-shadow:0 6px 16px #0f172a14;
}
.explore-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin:16px 0 0;
}
.explore-dot{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#d1d5db;
  cursor:pointer;
}
.explore-dot.is-active{background:var(--ink)}
.explore-disclaimer{
  display:flex;
  align-items:flex-start;
  gap:10px;
  max-width:960px;
  margin:22px auto 0;
  padding:14px 16px;
  border-radius:14px;
  background:#f3f4f6;
  color:#4b5563;
  text-align:left;
  font-size:13px;
  line-height:1.55;
}
.explore-disclaimer svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
  margin-top:1px;
  color:var(--red);
}
.explore-video-frame{
  margin:0 auto;
  max-width:960px;
  overflow:hidden;
  border:1px solid #e5e7eb;
  border-radius:18px;
  background:#e5e7eb;
}
.explore-video-frame video,
.explore-video-frame iframe{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  height:auto;
  border:0;
  background:#111;
}
.explore-video-frame .ph-media{
  border:0;
  border-radius:0;
  aspect-ratio:16 / 9;
}
@media(max-width:720px){
  .explore-tabs{gap:8px}
  .explore-tab{
    min-height:46px;
    padding:12px 10px;
    font-size:11px;
  }
  .explore-filters{gap:8px}
  .explore-filter{
    min-height:36px;
    padding:8px 12px;
    font-size:11px;
  }
  .explore-viewport{aspect-ratio:4 / 3;border-radius:14px}
  .explore-nav{width:38px;height:38px}
  .explore-nav.prev{left:10px}
  .explore-nav.next{right:10px}
  .explore-fullscreen{top:10px;right:10px;padding:7px 10px}
  .explore-counter{bottom:10px;font-size:11px}
}

/* Caladia Grand Facilities — badge grid + checklist box */
.detail-facilities--caladia{background:#f8fafc}
.detail-facilities--caladia > .container{max-width:1120px}
.facility-showcase{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin:0 0 36px;
  text-align:left;
}
.facility-showcase-card{display:flex;flex-direction:column;min-width:0}
.facility-showcase-media{
  position:relative;
  overflow:hidden;
  border-radius:16px;
  background:#e5e7eb;
  aspect-ratio:16 / 10;
}
.facility-showcase-media img,
.facility-showcase-media .ph-media{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0;
  aspect-ratio:auto!important;
}
.facility-tag{
  position:absolute;
  left:12px;
  top:12px;
  z-index:1;
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:#0f172acc;
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.2px;
  line-height:1.2;
  backdrop-filter:blur(6px);
}
.facility-showcase-card h4{
  margin:12px 4px 0;
  padding:0;
  font-size:15px;
  font-weight:700;
  line-height:1.35;
  color:#1e293b;
}
.facility-list-box{
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:28px 28px 22px;
  margin:0 auto 8px;
  text-align:center;
}
.facility-list-box h3{
  margin:0 0 22px;
  font-size:1.15rem;
  font-weight:800;
  color:#1e293b;
}
.facility-checklist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 32px;
  list-style:none;
  margin:0;
  padding:0;
  text-align:left;
}
.facility-checklist li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  color:#475569;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
}
.facility-check{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:22px;
  height:22px;
  margin-top:1px;
  color:#22c55e;
}
.facility-check svg{width:20px;height:20px;stroke-width:2.25}
@media(max-width:900px){
  .facility-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facility-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facility-list-box{padding:24px 18px 18px}
}
@media(max-width:650px){
  .facility-showcase{grid-template-columns:1fr;gap:18px}
  .facility-checklist{grid-template-columns:1fr}
  .facility-showcase-card h4{font-size:14px}
}

/* Amenities 3x2 — 16:9 media + aligned details */
.detail-amenities .amenity-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,auto);
  gap:22px;
  margin:0 0 28px;
  text-align:left;
  align-items:stretch;
}
.detail-amenities .amenity-card{
  display:flex;
  flex-direction:column;
  height:100%;
  background:#fff;
  border:1px solid #eef0f3;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 8px 24px #00000006;
  text-align:left;
}
.detail-amenities .amenity-media{
  width:100%;
  aspect-ratio:16 / 9;
  flex:0 0 auto;
  overflow:hidden;
  background:#e5e7eb;
}
.detail-amenities .amenity-media img,
.detail-amenities .amenity-media .ph-media{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  display:block;
  border-radius:0;
}
.detail-amenities .amenity-card-body{
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1 1 auto;
  padding:16px 16px 18px;
  min-height:118px;
}
.detail-amenities .amenity-card-body h4{
  margin:0;
  padding:0;
  font-size:16px;
  line-height:1.3;
  color:var(--ink);
}
.detail-amenities .amenity-card-body p{
  margin:0;
  padding:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}
.detail-amenities .amenity-featured{display:none!important}
.detail-amenities--highlights{background:#fff}
.detail-amenities--highlights > .container{max-width:1080px}
.amenity-highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0 0 28px;
  border:1px solid #eadfd6;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  text-align:center;
}
.amenity-highlight{
  padding:42px 26px 34px;
  border-right:1px solid #eadfd6;
  border-bottom:1px solid #eadfd6;
  background:#fff;
}
.amenity-highlight:nth-child(3n){border-right:0}
.amenity-highlight:nth-last-child(-n+3){border-bottom:0}
.amenity-highlight-icon{
  display:grid;
  place-items:center;
  height:40px;
  margin:0 auto 16px;
}
.amenity-highlight-icon svg{width:32px;height:32px;stroke-width:1.75}
.amenity-highlight h4{
  margin:0 0 10px;
  font-size:17px;
  font-weight:800;
  line-height:1.3;
  color:var(--ink);
}
.amenity-highlight p{
  margin:0 auto;
  max-width:280px;
  color:#64748b;
  font-size:14.5px;
  line-height:1.55;
}
.amenity-highlight--gold .amenity-highlight-icon{color:var(--gold)}
.amenity-highlight--red .amenity-highlight-icon{color:var(--red)}
.amenity-highlight--blue .amenity-highlight-icon{color:#1d4ed8}
.amenity-highlight--pink .amenity-highlight-icon{color:#be185d}
.amenity-highlight--green .amenity-highlight-icon{color:#15803d}
@media(max-width:900px){
  .detail-amenities .amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
  .amenity-highlights{grid-template-columns:1fr 1fr}
  .amenity-highlight{border-right:1px solid #eadfd6;border-bottom:1px solid #eadfd6}
  .amenity-highlight:nth-child(3n){border-right:1px solid #eadfd6}
  .amenity-highlight:nth-child(2n){border-right:0}
  .amenity-highlight:nth-last-child(-n+3){border-bottom:1px solid #eadfd6}
  .amenity-highlight:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:650px){
  .detail-amenities .amenity-grid{grid-template-columns:1fr}
  .amenity-highlights{grid-template-columns:1fr}
  .amenity-highlight,
  .amenity-highlight:nth-child(2n),
  .amenity-highlight:nth-child(3n){border-right:0}
  .amenity-highlight,
  .amenity-highlight:nth-last-child(-n+2),
  .amenity-highlight:nth-last-child(-n+3){border-bottom:1px solid #eadfd6}
  .amenity-highlight:last-child{border-bottom:0}
  .amenity-highlight{padding:32px 20px 28px}
}

/* Caladia Why Stay — story card + tagged benefit tiles */
.detail-why--caladia{background:#fff}
.detail-why--caladia > .container{max-width:1120px}
.why-story{
  text-align:left;
  background:#fff;
  border:1px solid #e8edf2;
  border-radius:16px;
  padding:28px 30px;
  margin:0 auto 36px;
  box-shadow:0 8px 24px #0f172a08;
  color:#475569;
  font-size:15px;
  line-height:1.7;
}
.why-story p{margin:0 0 16px}
.why-story p:last-child{margin-bottom:0}
.why-story-close{font-weight:700;color:#334155}
.why-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin:0 0 36px;
  text-align:left;
}
.why-benefit-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  background:#fff;
  border:1px solid #e8edf2;
  border-radius:16px;
  padding:20px 18px 18px;
  box-shadow:0 10px 28px #0f172a0a;
  min-width:0;
}
.why-benefit-head{
  display:flex;
  align-items:center;
  gap:12px;
}
.why-benefit-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:12px;
}
.why-benefit-icon svg{width:22px;height:22px;stroke-width:2}
.why-benefit-card h3{
  margin:0;
  font-size:16px;
  font-weight:800;
  line-height:1.3;
  color:#1e293b;
}
.why-benefit-card > p{
  margin:0;
  color:#64748b;
  font-size:14px;
  line-height:1.55;
  flex:1 1 auto;
}
.why-benefit-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding-top:14px;
  border-top:1px solid #eef2f6;
}
.why-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#f8fafc;
  color:#475569;
  font-size:12px;
  font-weight:600;
  line-height:1.2;
}
.why-tag svg{width:14px;height:14px;stroke-width:2;flex:0 0 auto}
.why-benefit-card--orange .why-benefit-icon{background:#fff1e8;color:#f97316}
.why-benefit-card--orange .why-tag{color:#c2410c;border-color:#fed7aa;background:#fff7ed}
.why-benefit-card--orange .why-tag svg{color:#f97316}
.why-benefit-card--green .why-benefit-icon{background:#e8f8ef;color:#16a34a}
.why-benefit-card--green .why-tag{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}
.why-benefit-card--green .why-tag svg{color:#16a34a}
.why-benefit-card--blue .why-benefit-icon{background:#e8f1ff;color:#2563eb}
.why-benefit-card--blue .why-tag{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}
.why-benefit-card--blue .why-tag svg{color:#2563eb}
.why-benefit-card--purple .why-benefit-icon{background:#f3e8ff;color:#9333ea}
.why-benefit-card--purple .why-tag{color:#7e22ce;border-color:#e9d5ff;background:#faf5ff}
.why-benefit-card--purple .why-tag svg{color:#9333ea}
.detail-why--caladia .brochure-band{margin-top:4px}
.why-note{
  margin:8px auto 28px;
  max-width:820px;
  color:#64748b;
  font-size:13px;
  line-height:1.55;
  font-style:italic;
}
.detail-why--caladia .btn.brochure{
  display:inline-flex;
  align-items:center;
  gap:8px;
  box-shadow:0 10px 24px #60ce7040;
}
@media(max-width:900px){
  .why-benefit-grid{grid-template-columns:1fr 1fr}
  .why-story{padding:22px 20px}
}
@media(max-width:650px){
  .why-benefit-grid{grid-template-columns:1fr}
  .why-story{padding:18px 16px;font-size:14px}
  .why-benefit-card h3{font-size:15px}
}

/* Project FAQ + WhatsApp assist */
.detail-faq{background:#f1f5f9;padding:70px 0}
.detail-faq > .container{max-width:720px}
.faq-card{
  background:#fff;
  border-radius:22px;
  padding:42px 40px 36px;
  box-shadow:0 18px 48px #0f172a14;
}
.faq-title{
  margin:0 0 28px;
  text-align:center;
  color:#0f172a;
  font-size:clamp(1.55rem,3vw,2rem);
  font-weight:800;
  line-height:1.25;
}
.faq-list{display:flex;flex-direction:column;gap:0}
.faq-item{
  margin:0;
  border-bottom:1px solid #e2e8f0;
}
.faq-item:last-child{border-bottom:0}
.faq-trigger{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  margin:0;
  padding:18px 4px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.faq-trigger:hover .faq-question{color:#b91c1c}
.faq-trigger:focus-visible{
  outline:2px solid #dc2626;
  outline-offset:2px;
  border-radius:8px;
}
.faq-question{
  margin:0;
  color:#0f172a;
  font-size:1.05rem;
  font-weight:700;
  line-height:1.35;
}
.faq-chevron{
  flex:0 0 auto;
  width:20px;
  height:20px;
  color:#64748b;
  transition:transform .22s ease;
}
.faq-item.is-open .faq-chevron{
  transform:rotate(180deg);
  color:#dc2626;
}
.faq-panel{
  padding:0 4px 18px;
}
.faq-panel[hidden]{display:none}
.faq-answer{
  margin:0;
  color:#475569;
  font-size:1rem;
  line-height:1.6;
}
.faq-assist{
  margin-top:36px;
  padding-top:28px;
  border-top:1px solid #e2e8f0;
  text-align:center;
}
.faq-assist-title{
  margin:0 0 10px;
  color:#0f172a;
  font-size:1.15rem;
  font-weight:700;
}
.faq-assist-text{
  margin:0 auto 20px;
  max-width:520px;
  color:#64748b;
  font-size:1rem;
  line-height:1.55;
}
.faq-assist .btn.inquire-wa{margin:0 auto}

@media (max-width:640px){
  .detail-faq{padding:48px 0}
  .faq-card{padding:28px 18px 24px;border-radius:18px}
}

/* Caladia inquire / e-brochure card */
.detail-reserve--caladia{background:#f1f5f9;padding:70px 0}
.detail-reserve--caladia > .container{max-width:920px}
.inquire-card{
  background:#fff;
  border-radius:22px;
  padding:42px 40px 34px;
  box-shadow:0 18px 48px #0f172a14;
  text-align:left;
}
.inquire-card .section-head{
  text-align:center;
  margin-bottom:22px;
}
.inquire-card .section-head .section-title{
  color:#0f172a;
  font-size:clamp(1.55rem,3vw,2.1rem);
  font-weight:800;
  line-height:1.25;
}
.inquire-card .section-head .intro{
  max-width:640px;
  color:#64748b;
  font-size:15px;
  line-height:1.6;
}
.inquire-project{
  display:flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  max-width:100%;
  margin:0 auto 22px;
  padding:10px 16px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-size:13px;
  font-weight:600;
}
.inquire-project svg{width:18px;height:18px;color:#f97316;flex:0 0 auto}
.inquire-project strong{color:#fb923c;font-weight:800}
.inquire-wa{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:fit-content;
  max-width:100%;
  margin:0 auto 28px;
  padding:16px 28px;
  border-radius:999px;
  background:linear-gradient(180deg,#4ade80,#22c55e);
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:.4px;
  box-shadow:0 12px 28px #22c55e55;
}
.inquire-wa svg{width:20px;height:20px}
.inquire-perks{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding-top:24px;
  border-top:1px solid #e8edf2;
  margin-bottom:22px;
}
.inquire-perk{
  display:flex;
  align-items:flex-start;
  gap:12px;
  background:#f8fafc;
  border:1px solid #eef2f6;
  border-radius:14px;
  padding:16px 14px;
}
.inquire-perk-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:28px;
  height:28px;
  margin-top:1px;
}
.inquire-perk-icon svg{width:24px;height:24px;stroke-width:2.25}
.inquire-perk h4{
  margin:0 0 6px;
  font-size:15px;
  font-weight:800;
  color:#0f172a;
}
.inquire-perk p{
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}
.inquire-perk--green .inquire-perk-icon{color:#22c55e}
.inquire-perk--orange .inquire-perk-icon{color:#f97316}
.inquire-perk--red .inquire-perk-icon{color:#dc2626}
.inquire-privacy{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:0;
  color:#64748b;
  font-size:13px;
  font-style:italic;
  line-height:1.45;
}
.inquire-privacy svg{width:16px;height:16px;color:var(--red);flex:0 0 auto;margin-top:1px}
@media(max-width:650px){
  .detail-reserve--caladia{padding:48px 0}
  .inquire-card{padding:28px 18px 22px;border-radius:18px}
  .inquire-perks{grid-template-columns:1fr}
  .inquire-wa{font-size:14px;padding:15px 18px}
  .inquire-project{font-size:12px;max-width:100%;white-space:normal}
}

/* Financial Calculator */
.financial-calculator{background:#fff;border-top:1px solid #eef0f3;border-bottom:1px solid #eef0f3}
.calc-form{
  max-width:880px;
  margin:0 auto;
  text-align:left;
  background:#f8fafc;
  border:1px solid #e8ecf1;
  border-radius:20px;
  padding:28px 24px 24px;
}
.calc-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 20px;
  margin-bottom:8px;
}
.calc-field label{
  display:block;
  margin-bottom:8px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  letter-spacing:.2px;
}
.calc-field input,
.calc-split select{
  width:100%;
  height:48px;
  border:2px solid #eaebef;
  border-radius:11px;
  background:#fff;
  padding:0 14px;
  font:inherit;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  color:var(--ink);
}
.calc-field input:focus,
.calc-split select:focus{
  outline:none;
  border-color:#c4cad4;
  box-shadow:0 0 0 3px #e5b02933;
}
.calc-form.is-locked input:disabled,
.calc-form.is-locked select:disabled{
  background:#f1f5f9;
  color:#64748b;
  border-color:#e2e8f0;
  cursor:not-allowed;
  opacity:1;
}
.calc-split{display:grid;grid-template-columns:1fr 84px;gap:8px}
.calc-split select{padding:0 10px;font-size:14px}
.calc-discounts{
  margin:22px 0 8px;
  padding:18px 16px 8px;
  border:1px dashed #d7dde7;
  border-radius:14px;
  background:#fff;
}
.calc-discounts h3{
  margin:0 0 14px;
  font-size:15px;
  font-weight:800;
  color:#334155;
}
.calc-form > .btn{
  width:100%;
  margin-top:18px;
  min-height:50px;
}
.calc-results{
  max-width:880px;
  margin:28px auto 0;
  text-align:left;
}
.calc-result-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.calc-result{
  background:#fff;
  border:1px solid #e8ecf1;
  border-radius:14px;
  padding:16px 18px;
  box-shadow:0 8px 20px #00000006;
}
.calc-result small{
  display:block;
  margin-bottom:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  letter-spacing:.3px;
  text-transform:uppercase;
}
.calc-result strong{
  display:block;
  font-size:1.35rem;
  font-weight:800;
  color:var(--ink);
  line-height:1.25;
}
.calc-result--original strong{
  color:#64748b;
  text-decoration:line-through;
  text-decoration-thickness:2px;
  font-size:1.15rem;
}
.calc-result--save strong{color:#15803d}
.calc-result--net{
  grid-column:1 / -1;
  background:linear-gradient(135deg,#fff8e8,#fff);
  border-color:#f0d78a;
}
.calc-result--net strong{color:var(--red);font-size:1.55rem}
.calc-disclaimer{
  margin:20px 0 0;
  color:#7b8190;
  font-size:12px;
  line-height:1.55;
  font-style:italic;
}
.calc-wa{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  max-width:880px;
  margin:24px auto 0;
  padding:16px 28px;
  border-radius:999px;
  background:linear-gradient(90deg,#86efac,#22c55e);
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
  box-shadow:0 10px 24px #22c55e55;
  transition:transform .15s ease, box-shadow .15s ease;
}
.calc-wa:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px #22c55e66;
}
.calc-wa svg{width:20px;height:20px;flex:0 0 auto}
@media(max-width:650px){
  .calc-form{padding:20px 16px}
  .calc-grid{grid-template-columns:1fr;gap:14px}
  .calc-result-grid{grid-template-columns:1fr}
  .calc-result--net{grid-column:auto}
  .calc-result strong{font-size:1.25rem}
  .calc-result--net strong{font-size:1.4rem}
  .calc-wa{font-size:13px;padding:15px 18px;letter-spacing:.2px}
}


/* RIO Residence additions */
.price-support{
  margin:10px 0 0;
  color:#cbd5e1;
  font-size:.92rem;
  line-height:1.45;
  max-width:36ch;
}
.project-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 18px;
  margin:28px 0 8px;
  text-align:left;
}
.project-fact{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:14px 16px;
}
.project-fact dt{
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
  margin:0 0 4px;
}
.project-fact dd{
  margin:0;
  font-weight:700;
  color:#0f172a;
  line-height:1.35;
}
.layout-summary{
  margin:0 0 14px;
  color:#475569;
  line-height:1.5;
}
.layout-suited{
  margin:16px 0 0;
  padding:12px 14px;
  background:#f8fafc;
  border-radius:12px;
  color:#334155;
  line-height:1.45;
  font-size:.92rem;
}
.layout-plan-toggle{
  display:flex;
  gap:8px;
  margin:12px 0 0;
  flex-wrap:wrap;
}
.layout-plan-toggle-btn{
  border:1px solid #cbd5e1;
  background:#fff;
  color:#0f172a;
  border-radius:999px;
  padding:8px 14px;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
}
.layout-plan-toggle-btn.is-active{
  background:#0f172a;
  border-color:#0f172a;
  color:#fff;
}
.facility-group-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:0 0 28px;
  text-align:left;
}
.facility-group-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:22px 20px;
  box-shadow:0 10px 24px #0f172a0a;
}
.facility-group-icon{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#eff6ff;
  color:#1d4ed8;
  margin-bottom:12px;
}
.facility-group-card--orange .facility-group-icon{background:#fff7ed;color:#c2410c}
.facility-group-card--pink .facility-group-icon{background:#fdf2f8;color:#be185d}
.facility-group-card--green .facility-group-icon{background:#ecfdf5;color:#047857}
.facility-group-card--purple .facility-group-icon{background:#f5f3ff;color:#6d28d9}
.facility-group-card h3{
  margin:0 0 8px;
  font-size:1.05rem;
}
.facility-group-card p{
  margin:0;
  color:#475569;
  line-height:1.5;
}
.amenities-extra{
  text-align:left;
  margin:8px 0 18px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:22px 24px;
}
.amenities-extra h3{
  margin:0 0 12px;
  font-size:1.05rem;
}
.amenities-extra ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 18px;
}
.amenities-extra li{
  color:#334155;
  line-height:1.4;
  padding-left:14px;
  position:relative;
}
.amenities-extra li::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#94a3b8;
  position:absolute;left:0;top:.55em;
}
.amenities-note{
  text-align:left;
  color:#64748b;
  font-size:.9rem;
  line-height:1.45;
  margin:0 0 20px;
}
.location-transport{
  margin:0 0 18px;
  padding-left:18px;
  color:#334155;
}
.location-visit-cta{margin-top:8px}
.detail-packages{
  background:#0f172a;
  color:#e2e8f0;
  padding:72px 0;
}
.detail-packages .section-head .eyebrow{color:#93c5fd}
.detail-packages .section-title{color:#fff}
.detail-packages .intro{color:#cbd5e1}
.package-spa{
  background:#1e293b;
  border:1px solid #334155;
  border-radius:18px;
  padding:22px 24px;
  margin:0 0 24px;
  text-align:left;
}
.package-spa h3{
  margin:0 0 14px;
  color:#fff;
  font-size:1.05rem;
}
.package-spa-table{display:grid;gap:10px}
.package-spa-row{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid #334155;
}
.package-spa-row:last-child{border-bottom:0;padding-bottom:0}
.package-spa-row strong{color:#f8fafc;white-space:nowrap}
.package-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:0 0 24px;
  text-align:left;
}
.package-card{
  background:#fff;
  color:#0f172a;
  border-radius:18px;
  padding:22px 22px 20px;
  box-shadow:0 16px 36px #00000033;
}
.package-card h3{
  margin:0 0 10px;
  font-size:1.08rem;
  line-height:1.3;
}
.package-badge{
  margin:0 0 14px;
  padding:10px 12px;
  background:#fff7ed;
  color:#9a3412;
  border-radius:12px;
  font-size:.88rem;
  line-height:1.4;
}
.package-card ul{
  margin:0;
  padding-left:18px;
  color:#334155;
  line-height:1.45;
}
.package-card h4{
  margin:16px 0 8px;
  font-size:.92rem;
}
.package-sublist{margin-top:0}
.package-timing{
  text-align:left;
  background:#1e293b;
  border-radius:16px;
  padding:18px 22px;
  margin:0 0 22px;
}
.package-timing h3{margin:0 0 10px;color:#fff;font-size:1rem}
.package-timing ul{margin:0;padding-left:18px;color:#cbd5e1}
.package-disclaimer{
  margin:20px 0 0;
  color:#94a3b8;
  font-size:.88rem;
  line-height:1.5;
  text-align:left;
}
.detail-packages .btn.inquire-wa,
.detail-packages .btn.brochure{margin-top:4px}
@media(max-width:900px){
  .project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facility-group-grid{grid-template-columns:1fr 1fr}
  .package-card-grid{grid-template-columns:1fr}
  .amenities-extra ul{grid-template-columns:1fr}
}
@media(max-width:650px){
  .project-facts,
  .facility-group-grid{grid-template-columns:1fr}
  .package-spa-row{flex-direction:column;gap:4px}
}
.property-image .tag.gold{background:var(--gold);color:#242936}
.property-image .tag.green{background:#15803d;color:#fff}
.contact-page .container{max-width:560px}
.contact-form{
  margin:28px auto 0;
  text-align:left;
  background:#fff;
  border:1px solid #e8ecf1;
  border-radius:20px;
  padding:28px 24px 24px;
  box-shadow:0 8px 24px #00000008;
}
.contact-field{margin-bottom:16px}
.contact-field label{
  display:block;
  margin-bottom:8px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.contact-field input,
.contact-field textarea{
  width:100%;
  border:2px solid #eaebef;
  border-radius:11px;
  background:#fff;
  padding:12px 14px;
  font:inherit;
  color:var(--ink);
}
.contact-field input{height:48px}
.contact-field textarea{min-height:140px;resize:vertical}
.contact-field input:focus,
.contact-field textarea:focus{
  outline:none;
  border-color:#c4cad4;
  box-shadow:0 0 0 3px #e5b02933;
}
.contact-form .btn.whatsapp{
  width:100%;
  margin-top:8px;
  border:0;
}
@media(max-width:1100px) and (min-width:651px){
  nav{gap:14px;font-size:13px}
}