.hero-installment{box-sizing:border-box;width:100%;max-width:620px;margin:20px 0 24px;padding:20px 24px;border:1px solid rgba(212,175,55,.5);border-left:4px solid #d4af37;border-radius:14px;background:rgba(8,20,34,.9);color:#fff;overflow-wrap:anywhere}
.hero-installment .hero-installment-label{display:block;color:#e7c86a;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:1.3px;text-transform:uppercase}
.hero-installment .hero-installment-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:7px 0 9px}
.hero-installment .hero-installment-amount b{font-size:clamp(27px,3vw,36px);line-height:1.2;color:#f3d477}
.hero-installment .hero-installment-amount span{font-size:14px;color:#e3e8ef}
.hero-installment small{display:block;font-size:12px;line-height:1.7;color:#c6d0dd;letter-spacing:0}
.project-hero:has(.hero-installment),.property-hero:has(.hero-installment){height:auto;min-width:0}
.project-hero:has(.hero-installment) .project-overlay{position:relative!important;height:auto!important;padding:0}
.project-hero:has(.hero-installment) .hero-container{box-sizing:border-box;padding:44px 24px!important}
.project-hero:has(.hero-installment) .hero-content{box-sizing:border-box;min-width:0;max-width:100%}
.project-hero:has(.hero-installment) .hero-price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.project-hero:has(.hero-installment) .hero-price>div{min-width:0;width:auto;overflow-wrap:anywhere}
.project-hero:has(.hero-installment) .hero-buttons{display:flex;flex-wrap:wrap;gap:12px}
.property-hero:has(.hero-installment) .property-overlay{height:auto;padding:64px 0}
@media(max-width:1024px){
 .project-hero:has(.hero-installment) .hero-container{width:100%;box-sizing:border-box;padding-left:24px;padding-right:24px}
 .project-hero:has(.hero-installment) .hero-content{width:100%;margin-left:auto;margin-right:auto}
 .property-hero:has(.hero-installment) h1{font-size:clamp(30px,5vw,52px);overflow-wrap:anywhere}
}
@media(max-width:600px){
 .hero-installment{padding:16px;margin:16px 0 20px}
 .project-hero:has(.hero-installment) .project-overlay{padding:0}
 .project-hero:has(.hero-installment) .hero-container{padding:28px 16px!important}
 .project-hero:has(.hero-installment) .hero-content{padding:22px 18px}
 .project-hero:has(.hero-installment) .hero-price{grid-template-columns:minmax(0,1fr)}
 .project-hero:has(.hero-installment) .hero-buttons{grid-template-columns:minmax(0,1fr)!important}
 .project-hero:has(.hero-installment) .hero-buttons a{box-sizing:border-box;width:100%!important;text-align:center;white-space:normal}
 .property-hero:has(.hero-installment) .property-overlay{padding:40px 0}
 .property-hero:has(.hero-installment) .gold-button{box-sizing:border-box;width:100%;justify-content:center;margin:0 0 12px!important;white-space:normal;text-align:center}
}