:root{--navy:#2F4156;--teal:#567C8D;--sky:#CBD9E6;--beige:#F5EFEB;--white:#FFFFFF;--text:#13202A;--muted:#5C6B78;--shadow:0 18px 45px rgba(15,28,40,.12);--radius:24px;--radius-sm:16px;--container:1180px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.h2{font-family:"Playfair Display",serif;font-size:clamp(1.6rem,2.2vw,2.2rem);margin:0 0 .35rem}.h3{font-family:"Playfair Display",serif;font-size:1.2rem;margin:0}.muted{color:var(--muted);margin:.25rem 0 0}.kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:var(--teal);font-weight:600}.section{padding:72px 0}.section--soft{background:linear-gradient(180deg,rgba(203,217,230,.35),rgba(245,239,235,.20))}.section--beige{background:var(--navy)}.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:rgba(255,255,255,.75);border-bottom:1px solid rgba(47,65,86,.08)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand__text{font-weight:800;letter-spacing:.02em}.nav{display:flex;gap:18px;align-items:center}.nav__link{padding:10px 10px;border-radius:999px;color:rgba(19,32,42,.86)}.nav__link:hover{background:rgba(203,217,230,.45)}.header__actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 16px;font-weight:600;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;cursor:pointer;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--navy);color:var(--white);box-shadow:0 10px 24px rgba(47,65,86,.22)}.btn--teal{background:var(--teal);color:var(--white);box-shadow:0 10px 24px rgba(86,124,141,.22)}.btn--outline{background:transparent;border-color:rgba(47,65,86,.22);color:var(--navy)}.btn--outline:hover{background:rgba(203,217,230,.45)}.btn--outlineLight{background:transparent;border-color:rgba(255,255,255,.32);color:#fff}.btn--full{width:100%}.btn--whatsapp{background:#1FAE5A;color:#fff;box-shadow:0 10px 24px rgba(31,174,90,.22)}.burger{width:44px;height:44px;border-radius:12px;border:1px solid rgba(47,65,86,.14);background:rgba(255,255,255,.7);display:none;align-items:center;justify-content:center;gap:5px;flex-direction:column}.burger span{width:18px;height:2px;background:rgba(19,32,42,.8);display:block;border-radius:3px}.drawer{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none}.drawer[aria-hidden="false"]{display:block}.drawer__panel{position:absolute;right:0;top:0;height:100%;width:min(360px,88vw);background:#fff;padding:18px;box-shadow:var(--shadow)}.drawer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drawer__title{font-weight:800;color:var(--navy)}.drawer__close{border:none;background:transparent;font-size:20px;cursor:pointer}.drawer__link{display:block;padding:14px 12px;border-radius:14px}.drawer__link:hover{background:rgba(203,217,230,.45)}.btn--full{width:100%}.hero{position:relative;padding:82px 0 70px;overflow:hidden}.hero__overlay{position:absolute;inset:0}.hero__inner{position:relative}.hero__content{max-width:880px}.hero__title{font-family:"Playfair Display",serif;font-size:clamp(2.2rem,4.4vw,3.6rem);color:#fff;margin:14px 0 10px;letter-spacing:.01em}.hero__subtitle{color:rgba(255,255,255,.85);font-size:1.05rem;margin:0 0 18px}.heroLogo3D{width:140px;height:140px;perspective:800px;margin-bottom:10px}.heroLogo3D__scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.heroLogo3D__card{width:120px;height:120px;border-radius:26px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 50px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;transform:rotateX(10deg) rotateY(-12deg);position:relative}.heroLogo3D__card img{width:96px;height:96px}.heroLogo3D__shine{position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.55),rgba(255,255,255,0) 55%);transform:rotate(18deg);pointer-events:none;animation:shine 6s linear infinite;opacity:.45}@keyframes shine{to{transform:translate(18%,12%) rotate(18deg)}}.searchGlass{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:14px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.searchGlass__row{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.field{display:flex;flex-direction:column;gap:6px;min-width:170px}.field--grow{flex:1;min-width:230px}.field__label{font-size:.78rem;color:rgba(255,255,255,.78);font-weight:600}.field__control{height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(10,25,35,.25);color:#fff;padding:10px 12px;outline:none}.field__control::placeholder{color:rgba(255,255,255,.65)}.searchGlass__btn{height:46px;padding-inline:18px}.trustStrip{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.trustStrip__item{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;color:rgba(255,255,255,.88);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:600;font-size:.92rem}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.catCard,.whyCard{background:#fff;border:1px solid rgba(47,65,86,.10);border-radius:var(--radius);padding:18px;box-shadow:0 12px 30px rgba(15,28,40,.06)}.catCard__title{font-weight:800;margin-top:10px}.catCard__meta{color:var(--muted);font-size:.9rem;margin-top:4px}.icon--navy{color:var(--navy)}.badgeIcon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:rgba(203,217,230,.45);color:var(--navy)}.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.cardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.propCard{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(47,65,86,.10);background:#fff;box-shadow:0 18px 45px rgba(15,28,40,.08);display:flex;flex-direction:column}.propCard__media{position:relative;padding:14px}.propCard__media > div:first-child{border-radius:var(--radius-sm);overflow:hidden}.propTags{position:absolute;left:24px;bottom:22px;display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:.74rem;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(0,0,0,.08);font-weight:700}.tag--rent{background:rgba(86,124,141,.14);border-color:rgba(86,124,141,.22);color:var(--teal)}.tag--featured{background:rgba(47,65,86,.12);border-color:rgba(47,65,86,.22);color:var(--navy)}.tag--soft{background:rgba(255,255,255,.88);color:rgba(19,32,42,.86)}.propCard__body{padding:16px 18px 18px}.propCard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.price{display:flex;align-items:baseline;gap:6px;font-weight:800;color:var(--navy)}.price__value{font-size:1.1rem}.price__unit{font-size:.86rem;color:var(--muted);font-weight:700}.propMeta{color:var(--muted);margin-top:6px}.propFacts{display:flex;flex-wrap:wrap;gap:10px;color:rgba(19,32,42,.78);font-weight:600;font-size:.9rem;margin:10px 0 14px}.propFacts span{background:rgba(203,217,230,.35);padding:8px 10px;border-radius:12px}.towerSplit{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}.towerBadge{margin-top:14px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.10);color:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.16);display:inline-block}.h2--light,.h3--light{color:#fff}.muted--light{color:rgba(255,255,255,.75)}.amenitiesGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 18px;color:rgba(255,255,255,.88);font-weight:600}.btnRow{display:flex;gap:12px;flex-wrap:wrap}.suiteHead{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center}.suiteImg > div{box-shadow:var(--shadow)}.bookingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.bookingCard{border:1px solid rgba(47,65,86,.12);border-radius:var(--radius);background:#fff;padding:16px;box-shadow:0 12px 30px rgba(15,28,40,.06);position:relative}.bookingCard__top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.bookingCard__title{font-weight:900;color:var(--navy)}.bookingCard__price{font-weight:800;color:var(--teal)}.bookingCard__meta{color:var(--muted);margin:10px 0 14px;font-weight:600}.bookingCard__actions{display:flex;gap:10px;flex-wrap:wrap}.bookingCard__btn{flex:1;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(47,65,86,.14);background:rgba(203,217,230,.28);cursor:pointer;font-weight:700}.bookingCard__btn--primary{background:linear-gradient(135deg,#1FAE5A,#16924A);border-color:rgba(0,0,0,.08);color:#fff}.bookingCard__btn--ghost{background:transparent}.bookingCard--premium{border-color:rgba(86,124,141,.35);box-shadow:0 18px 45px rgba(86,124,141,.18)}.bookingCard__ribbon{position:absolute;top:14px;right:14px;padding:6px 10px;border-radius:999px;background:rgba(47,65,86,.10);color:var(--navy);font-weight:900;font-size:.74rem}.facilityCard{margin-top:22px;border-radius:var(--radius);border:1px solid rgba(47,65,86,.12);background:#fff;box-shadow:0 18px 45px rgba(15,28,40,.08);overflow:hidden}.facilityCard__head{padding:18px 18px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;background:linear-gradient(135deg,rgba(203,217,230,.55),rgba(245,239,235,.35))}.facilityCard__kicker{font-weight:900;color:var(--teal);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.facilityCard__title{margin:.35rem 0 0;font-family:"Playfair Display",serif}.facilityCard__sub{margin:.35rem 0 0;color:var(--muted)}.facilityCard__grid{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.facilityBlock{background:rgba(203,217,230,.25);border:1px solid rgba(47,65,86,.10);border-radius:18px;padding:14px}.facilityBlock--wide{grid-column:1 / -1}.facilityBlock__title{font-weight:900;color:var(--navy);margin-bottom:10px}.facilityList{margin:0;padding-left:18px;color:rgba(19,32,42,.84);font-weight:600}.facilityList li{margin:6px 0}.chipRow{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#fff;border:1px solid rgba(47,65,86,.10);padding:8px 10px;border-radius:999px;font-weight:800;color:rgba(19,32,42,.78);font-size:.85rem}.facilityNote{margin-top:10px;color:rgba(19,32,42,.72);font-weight:600}.centerHead{text-align:center;max-width:760px;margin:0 auto 20px}.testCard{border-radius:var(--radius);background:#fff;border:1px solid rgba(47,65,86,.10);padding:18px;box-shadow:0 12px 30px rgba(15,28,40,.06)}.testQuote{margin:0 0 14px;color:rgba(19,32,42,.86);font-weight:600}.testPerson{display:flex;align-items:center;gap:12px}.mapShell{border-radius:var(--radius);border:1px solid rgba(47,65,86,.10);background:#fff;box-shadow:0 18px 45px rgba(15,28,40,.08);overflow:hidden}.mapTop{padding:14px 18px;border-bottom:1px solid rgba(47,65,86,.08)}.mapTitle{font-weight:900;color:var(--navy)}.mapPropertyButtons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.map3DBtn{border:none;background:rgba(203,217,230,.35);border:1px solid rgba(47,65,86,.12);padding:10px 12px;border-radius:999px;font-weight:800;cursor:pointer}.map3DBtn span{display:block;font-weight:700;color:var(--muted);font-size:.82rem}.ctaDark{position:relative;padding:70px 0;background:radial-gradient(circle at 15% 30%,rgba(86,124,141,.35),rgba(47,65,86,1) 55%);color:#fff}.ctaDark__texture{position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 1px,rgba(255,255,255,0) 1px 10px)}.ctaDark__inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}.ctaDark__title{font-family:"Playfair Display",serif;font-size:clamp(1.9rem,3.2vw,2.7rem);margin:0 0 12px}.ctaDark__text{margin:0 0 18px;color:rgba(255,255,255,.82);font-weight:600}.ctaBtns{display:flex;gap:12px;flex-wrap:wrap}.ctaDark__card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.form__row{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.input{width:100%;padding:12px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(10,25,35,.20);color:#fff;outline:none}textarea.input{min-height:120px;resize:vertical}.input::placeholder{color:rgba(255,255,255,.65)}.footer{background:#0F1D28;color:rgba(255,255,255,.86);padding:52px 0 22px}.footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:22px}.footer__brand{font-weight:900;letter-spacing:.02em;margin-bottom:10px}.footer__title{font-weight:900;margin-bottom:10px}.footer__text{margin:0;color:rgba(255,255,255,.72);font-weight:600}.footer__link{display:block;color:rgba(255,255,255,.78);padding:6px 0}.footer__link:hover{color:#fff}.footer__meta{color:rgba(255,255,255,.72);font-weight:600;margin:6px 0}.socialRow{display:flex;gap:10px}.social{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);font-weight:900}.footer__bottom{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.62);font-weight:600}.footer__policies{display:flex;gap:14px;flex-wrap:wrap}.waFloat{position:fixed;right:18px;bottom:90px;width:54px;height:54px;border-radius:18px;background:#1FAE5A;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 18px 45px rgba(0,0,0,.22);z-index:80}.mobileBar{position:fixed;left:12px;right:12px;bottom:14px;display:none;gap:10px;z-index:70}.mobileBar__btn{flex:1;display:flex;align-items:center;justify-content:center;height:50px;border-radius:18px;font-weight:900;border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 45px rgba(0,0,0,.14)}.mobileBar__btn--wa{background:#1FAE5A;color:#fff}.mobileBar__btn--call{background:#fff;color:var(--navy)}.propCard{position:relative;transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.propCard:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(15,28,40,.14);border-color:rgba(86,124,141,.28)}.propCard__media{padding:0;background:radial-gradient(circle at 30% 20%,rgba(203,217,230,.55),rgba(245,239,235,.18))}.propCard__media > div:first-child{border-radius:0;overflow:hidden;min-height:320px;height:320px !important;position:relative}.propCard__media::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),rgba(0,0,0,0) 60%);pointer-events:none;z-index:1}.propCard__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.26) 100%);pointer-events:none;z-index:1}.propCard__media > div:first-child{transform:scale(1);transition:transform .35s ease}.propCard:hover .propCard__media > div:first-child{transform:scale(1.035)}.propTags{left:18px;bottom:16px;z-index:2}.tag{backdrop-filter:blur(10px);background:rgba(255,255,255,.86)}.tag--rent{background:rgba(86,124,141,.18)}.tag--featured{background:rgba(47,65,86,.16)}.propCard__body{padding:14px 16px 16px}.propCard__top{align-items:center}.price{background:rgba(203,217,230,.35);padding:8px 10px;border-radius:14px;border:1px solid rgba(47,65,86,.10)}.price__value{font-size:1.05rem}.price__unit{font-size:.82rem}.propFacts span{background:rgba(203,217,230,.28);border:1px solid rgba(47,65,86,.10)}@media (max-width:980px){.propCard__media > div:first-child{min-height:300px;height:300px !important}}@media (max-width:620px){.propCard__media > div:first-child{min-height:280px;height:280px !important}}.hero--photo{background-image:url("../images/hero/primehome-living.jpg");background-image:image-set( url("../images/hero/primehome-living.webp") type("image/webp"),url("../images/hero/primehome-living.jpg") type("image/jpeg") );background-size:cover;background-position:center;background-repeat:no-repeat}.hero--photo .hero__overlay{background:linear-gradient( 90deg,rgba(10,25,36,0.78) 0%,rgba(10,25,36,0.38) 46%,rgba(10,25,36,0.10) 70%,rgba(10,25,36,0.00) 100% )}@media (min-width:992px){.hero--photo{min-height:86vh;display:flex;align-items:center}.hero--photo .hero__inner{width:100%}}.propCard{overflow:hidden}.propCard__media{position:relative;border-radius:16px;overflow:hidden}.propCard__img{width:100%;height:420px;display:block;object-fit:cover;transform:scale(1.01);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.propCard:hover .propCard__img{transform:scale(1.05)}.propCard__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 55%);pointer-events:none;opacity:.85}.propTags{position:absolute;left:16px;right:16px;bottom:16px;z-index:2}.propCard__body{padding-top:14px}@media (max-width:768px){.propCard__img{height:340px}}

/* ===== Fix: Premium split layouts (Millennium Tower + Millennia Suites) ===== */

/* Millennium Tower: portrait media + pro typography */
.towerSplit--portrait{grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.towerPortrait{width:100%;height:520px;object-fit:cover;border-radius:24px;box-shadow:0 18px 45px rgba(0,0,0,.22);display:block}
.towerTitle{font-family:"Playfair Display",serif;font-size:clamp(2.1rem,3.3vw,3.2rem);line-height:1.1;margin:0 0 .35rem;color:#fff;letter-spacing:.01em}
.towerSubtitle{margin:0 0 14px;color:rgba(255,255,255,.82);font-weight:800;letter-spacing:.02em;text-transform:uppercase;font-size:.92rem}
.towerDesc{margin:0 0 16px;color:rgba(255,255,255,.80);font-weight:600;max-width:56ch}
.towerFeatures{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:16px 0 18px;padding:0;list-style:none;color:rgba(255,255,255,.88);font-weight:700}
.towerFeatures li{display:flex;align-items:flex-start;gap:10px}
.towerFeatures li::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;flex:0 0 22px;margin-top:1px}

/* Millennia Suites: portrait media + booking cards on other half */
.suitesSplit{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.suitesPortrait{width:100%;height:620px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow);display:block}
.suitesTitle{font-family:"Playfair Display",serif;font-size:clamp(1.9rem,2.8vw,2.6rem);margin:.35rem 0 .35rem;letter-spacing:.01em;color:var(--navy)}
.suitesLead{margin:0 0 10px;color:var(--teal);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}
.suitesDesc{margin:0 0 14px;color:var(--muted);font-weight:600;max-width:62ch}
.bookingGrid--split{grid-template-columns:repeat(2,1fr);margin-top:8px}

/* Responsive */
@media (max-width:980px){
  .towerPortrait{height:440px}
  .suitesPortrait{height:520px}
}
@media (max-width:840px){
  .towerSplit--portrait,.suitesSplit{grid-template-columns:1fr}
  .towerPortrait{height:360px}
  .suitesPortrait{height:360px}
  .towerFeatures{grid-template-columns:1fr}
  .bookingGrid--split{grid-template-columns:1fr}
}


/* ===== Map popup + iframe (Premium) ===== */
.mapFrame{
  width:100%;
  height:420px;
  border-radius:24px;
  overflow:hidden;
  background: linear-gradient(145deg, #E8EEF2, #D1DCE0);
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.16);
}

.mapTop{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.mapPopup{
  margin-top:12px;
  width: min(520px, 100%);
  border-radius:18px;
  padding:14px 14px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 18px 50px rgba(0,0,0,.25);
  display:none;
}

.mapPopup.is-open{ display:block; }

.mapPopup__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.mapPopup__kicker{
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color: rgba(255,255,255,.72);
  margin-bottom:4px;
}

.mapPopup__title{
  font-family: "Playfair Display", serif;
  font-size: 1.25rem;
  line-height: 1.2;
  color: #FFFFFF;
}

.mapPopup__close{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  font-size: 20px;
  line-height: 1;
}

.mapPopup__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.mapPopup__btn{
  padding:10px 14px;
}

/* Mobile tuning */
@media (max-width: 720px){
  .mapFrame{ height: 340px; }
}

/* ===== Premium UX Enhancements (Homepage-focused, safe) ===== */
.header.is-scrolled{background:rgba(255,255,255,.92);box-shadow:0 14px 40px rgba(15,28,40,.12);border-bottom-color:rgba(47,65,86,.10)}
/* Hero cinematic background */
.hero--photo{background:none}
.hero__bg{position:absolute;inset:-20px;background-image:url("../images/hero/primehome-living.jpg");background-image:image-set(url("../images/hero/primehome-living.webp") type("image/webp"),url("../images/hero/primehome-living.jpg") type("image/jpeg"));background-size:cover;background-position:center;filter:saturate(1.05) contrast(1.02);transform:scale(1.08);will-change:transform;animation:heroDrift 18s ease-in-out infinite}
@keyframes heroDrift{0%,100%{transform:scale(1.08) translateY(0)}50%{transform:scale(1.12) translateY(8px)}}
.hero__overlay{background:linear-gradient(180deg,rgba(15,28,40,.60) 0%,rgba(15,28,40,.36) 35%,rgba(15,28,40,.70) 100%)}
/* Trust stats */
.trustStrip--stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.trustStat{padding:14px 14px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.trustStat__value{color:#fff;font-weight:800;font-size:1.02rem;letter-spacing:.01em}
.trustStat__label{color:rgba(255,255,255,.78);font-size:.82rem;margin-top:4px}
@media (max-width: 900px){.trustStrip--stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 520px){.trustStrip--stats{grid-template-columns:1fr}.trustStat{display:flex;justify-content:space-between;gap:10px;align-items:center}.trustStat__label{margin-top:0;text-align:right}}
/* Category image cards */
.catCard--image{position:relative;overflow:hidden}
.catCard--image::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(47,65,86,.08),rgba(47,65,86,.42)),var(--catbg);background-size:cover;background-position:center;transform:scale(1.02);transition:transform .45s ease}
.catCard--image::after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 240px at 30% 0%,rgba(255,255,255,.24),transparent 55%);pointer-events:none}
.catCard--image > *{position:relative}
.catCard--image .catCard__title,.catCard--image .catCard__meta{color:#fff}
.catCard--image .catCard__icon{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22)}
.catCard--image:hover::before{transform:scale(1.08)}
/* Featured editorial cards */
.cardsGrid--premium{gap:22px}
.propCard--premium .propCard__media{padding:0}
.propCard--premium .propCard__media > div:first-child{border-radius:0}
.propCard--premium .propCard__img{aspect-ratio:16/11;object-fit:cover;width:100%}
.propCard--premium .propCard__body{padding:18px 18px 20px}
.propCard--premium:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(15,28,40,.13)}
/* Grid polish */
.grid4--premium{gap:18px}
/* Footer conversion CTA */
.footerCTA{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;padding:22px 22px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(86,124,141,.16),rgba(203,217,230,.22));border:1px solid rgba(47,65,86,.10);box-shadow:0 16px 40px rgba(15,28,40,.08)}
.footerCTA__kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;color:var(--teal);font-weight:700}
.footerCTA__title{font-family:"Playfair Display",serif;font-size:1.35rem;margin:.25rem 0 .35rem}
.footerCTA__meta{color:var(--muted);font-size:.92rem}
.footerCTA__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width: 900px){.footerCTA{flex-direction:column;align-items:flex-start}.footerCTA__actions{justify-content:flex-start}}


/* =========================================================
   PREMIUM HOMEPAGE UPGRADES (Millennium Tower + Millennia Suites + Map)
   Scoped to sections to avoid impacting other pages.
========================================================= */

/* --- Millennium Tower (Signature Landmark Block) --- */
#millennium-tower .towerSignature{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
  align-items: stretch;
}
#millennium-tower .towerSignature__media{
  position:relative;
  border-radius: 22px;
  overflow:hidden;
  box-shadow: 0 16px 34px rgba(0,0,0,.16);
}
#millennium-tower .towerPortrait{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
}
#millennium-tower .towerSignature__media:before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.34) 75%, rgba(0,0,0,.52) 100%);
  pointer-events:none;
}
#millennium-tower .towerSignature__badge{
  position:absolute;
  left: 16px;
  bottom: 16px;
  right: 16px;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 12px 24px rgba(0,0,0,.16);
}
#millennium-tower .towerSignature__badgeKicker{
  display:block;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .78;
  margin-bottom: 4px;
}
#millennium-tower .towerSignature__badgeTitle{
  display:block;
  font-size: 14px;
  font-weight: 700;
  color: #2F4156;
}
#millennium-tower .towerCard{
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 16px 34px rgba(0,0,0,.12);
  padding: 18px 18px 16px;
  height: 100%;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}
#millennium-tower .towerPill{
  display:inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(47,65,86,.08);
  color: #2F4156;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}
#millennium-tower .towerSubtitle{
  margin-top: 6px;
  opacity: .86;
}
#millennium-tower .towerAmenityGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 12px;
  margin: 14px 0 16px;
}
#millennium-tower .towerAmenity{
  display:flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 10px;
  border-radius: 16px;
  background: rgba(200,217,230,.35);
  border: 1px solid rgba(47,65,86,.08);
}
#millennium-tower .towerAmenity__icon{
  width: 22px;
  height: 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  background: rgba(47,65,86,.10);
  color: #2F4156;
  flex: 0 0 auto;
  margin-top: 1px;
}
#millennium-tower .btnRow--tight{
  gap: 10px;
}

/* --- Millennia Suites (Luxury Stay Selector) --- */
#millennia-suites .kicker--caps{
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  opacity: .78;
}
#millennia-suites .suitesTitle{
  margin-top: 8px;
}
#millennia-suites .suitesInclusions{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin: 14px 0 4px;
}
#millennia-suites .suitesInclusions__item{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(47,65,86,.10);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  font-size: 13px;
}
#millennia-suites .suitesInclusions__icon{
  width: 22px; height: 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  background: rgba(86,124,141,.14);
  color: #2F4156;
  flex: 0 0 auto;
}

/* Make booking cards feel like “selectors” (scoped) */
#millennia-suites .suitesSelector .bookingCard{
  border-radius: 20px;
  overflow:hidden;
}
#millennia-suites .suitesSelector .bookingCard__top{
  align-items: baseline;
}
#millennia-suites .suitesSelector .bookingCard__price{
  font-weight: 700;
}
#millennia-suites .suitesSelector .bookingCard:hover{
  transform: translateY(-2px);
}

/* --- Map (Leaflet + anchored mini card) --- */
#map .mapFrame--leaflet #leafletMap{
  width: 100%;
  height: 480px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 30px rgba(0,0,0,.14);
}
#map .mapNote{
  margin-top: 10px;
  font-size: 13px;
  opacity: .85;
}

/* Leaflet popup mini card styling */
#map .leaflet-popup-content-wrapper{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
#map .leaflet-popup-content{ margin: 0 !important; }
#map .leaflet-popup-tip{
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.10);
}
#map .miniCard{
  min-width: 260px;
  max-width: 320px;
  padding: 12px 12px 10px;
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
}
#map .miniCard .badge{
  display:inline-block;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(47,65,86,.10);
  color: #2F4156;
  margin-bottom: 8px;
}
#map .miniCard h4{
  margin: 0 0 4px;
  font-size: 14px;
  color: #2F4156;
}
#map .miniCard p{
  margin: 0 0 10px;
  font-size: 12px;
  opacity: .85;
}
#map .miniCard .row{ display:flex; gap: 8px; }
#map .miniCard a.btn{
  flex:1;
  text-decoration:none;
  font-size: 12px;
  padding: 9px 10px;
  border-radius: 12px;
  text-align:center;
  border: 1px solid rgba(47,65,86,.22);
  color: #2F4156;
  background: #fff;
}
#map .miniCard a.btn.primary{
  background: #2F4156;
  color: #fff;
  border-color: #2F4156;
}

/* Responsive */
@media (max-width: 900px){
  #millennium-tower .towerSignature{ grid-template-columns: 1fr; }
}
@media (max-width: 768px){
  #map .mapFrame--leaflet #leafletMap{ height: 360px; border-radius: 16px; }
  #millennia-suites .suitesInclusions{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}


/* ===== Premium Conversion Upgrades (Homepage) ===== */
.heroCtas{
  display:flex;
  gap:12px;
  margin-top:14px;
  flex-wrap:wrap;
}
.heroCtas .btn{min-height:44px; padding:12px 16px; border-radius:999px;}
.btn--ghost{
  border:1px solid rgba(255,255,255,.45);
  color:var(--white);
  background:rgba(255,255,255,.06);
  backdrop-filter: blur(8px);
}
.btn--ghost:hover{background:rgba(255,255,255,.12);}

.trustStrip--stats{
  margin-top:18px;
}
.trustStat__value{
  font-weight:700;
  letter-spacing:-0.02em;
}
.trustStat__label{
  opacity:.85;
}

/* Testimonials (remove inline style dependency) */
.testimonialGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:24px;
  margin-top:22px;
}
.testCard{
  background:rgba(255,255,255,.9);
  border:1px solid rgba(19,32,42,.08);
  border-radius:var(--radius-sm);
  padding:18px;
  box-shadow:0 12px 26px rgba(15,28,40,.10);
}
.testQuote{font-size:14px; line-height:1.6; margin:0 0 14px;}
.testPerson{display:flex; gap:12px; align-items:center;}
.avatar{
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-weight:700;
  background:var(--navy);
  color:var(--white);
}

/* Lead form note */
.formNote{margin:10px 0 0; font-size:12px; opacity:.85;}

/* Map pills active state */
.mapPropertyButtons{gap:10px;}
.map3DBtn.is-active{
  transform:translateY(-1px);
  border-color:rgba(47,65,86,.35);
  box-shadow:0 10px 22px rgba(15,28,40,.14);
}