/* Sale and rental hero cards follow the project hero presentation. */
.property-hero{min-height:590px!important;height:auto!important;background-position:center!important;border-top:1px solid rgba(212,175,55,.38)}
.property-hero .property-overlay{min-height:590px!important;height:auto!important;padding:44px 0!important;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,13,27,.94),rgba(3,13,27,.72) 38%,rgba(3,13,27,.14))!important}
.property-hero .property-overlay>.container{width:100%;box-sizing:border-box;padding:0 24px}
.property-hero .subsale-hero-card{box-sizing:border-box;width:100%;max-width:610px;padding:34px 36px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(145deg,rgba(4,18,37,.82),rgba(4,18,37,.62));box-shadow:0 24px 70px rgba(0,0,0,.3);backdrop-filter:blur(8px);overflow-wrap:anywhere}
.property-hero .property-kicker{display:block;padding:0 0 10px;margin:0 0 16px;border-bottom:1px solid rgba(226,177,45,.55);color:#e4b637;font-size:11px;letter-spacing:2px}
.property-hero .subsale-hero-card h1{margin:0 0 14px!important;font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,54px)!important;line-height:1.08!important;letter-spacing:-1px;color:#fff}
.property-hero .subsale-hero-card>p{font-size:15px!important;line-height:1.5;margin:0 0 18px!important;color:#e0e5ed}
.property-hero .subsale-hero-card>strong{display:block;padding:16px 18px;margin:0 0 18px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff12;color:#e4bf51;font-size:clamp(25px,3vw,34px)!important;line-height:1.25}
.property-hero .hero-installment{max-width:none;margin:0 0 18px;padding:16px 18px}
.property-hero .subsale-hero-card>a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;max-width:100%;padding:12px 18px!important;margin:0 8px 8px 0!important;border-radius:8px;font-size:13px!important;line-height:1.4;text-align:center}
@media(max-width:768px){.property-hero,.property-hero .property-overlay{min-height:485px!important}.property-hero .property-overlay{padding:32px 0!important;background:linear-gradient(180deg,rgba(3,13,27,.4),rgba(3,13,27,.94))!important}.property-hero .property-overlay>.container{padding:0 16px}.property-hero .subsale-hero-card{padding:22px;border-radius:14px}.property-hero .subsale-hero-card h1{font-size:clamp(27px,7.4vw,34px)!important}}
@media(max-width:420px){.property-hero .property-overlay>.container{padding:0 12px}.property-hero .subsale-hero-card{padding:18px}.property-hero .subsale-hero-card>a{display:flex;width:100%;margin:8px 0 0!important}.property-hero .hero-installment{padding:14px}.property-hero .hero-installment-amount b{font-size:28px}}

/* Match the project secondary action without changing eligibility behaviour. */
.property-hero .subsale-hero-card>a.eligibility-button{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:none!important;font-weight:700}
.property-hero .subsale-hero-card>a.eligibility-button:hover{background:#fff!important;color:#07172d!important}
.property-hero .subsale-hero-card>a.eligibility-button:focus-visible{outline:2px solid #e4bf51;outline-offset:3px}
/* Keep the fixed navbar and hero flush at every breakpoint. */
body:has(.subsale-hero-card){padding-top:72px!important}
body:has(.subsale-hero-card) .navbar{height:72px!important;box-sizing:border-box}
body:has(.subsale-hero-card)>main{margin-top:0!important;padding-top:0!important}
body:has(.subsale-hero-card) .property-hero{margin-top:0!important;border-top:0!important}
@media(max-width:991px){body:has(.subsale-hero-card){padding-top:68px!important}body:has(.subsale-hero-card) .navbar{height:68px!important}}

/* Match project hero card footprint so subsale pricing uses the same content width. */
@media (min-width: 769px) {
  .property-hero .subsale-hero-card { max-width: 760px !important; padding: 34px 44px !important; }
}

/* Keep the subsale hero panel on the project reference's 760px footprint. */
.property-hero .subsale-hero-card { max-width: 760px !important; }
@media (max-width: 768px) {
  .property-hero .subsale-hero-card { padding: 17px 18px !important; }
}
@media (max-width: 380px) {
  .property-hero .subsale-hero-card { padding: 15px !important; }
}