*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:#f7f8fa;color:#18202a;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:90%;max-width:1200px;margin:auto}header{height:76px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.navbar{height:100%;display:flex;align-items:center;justify-content:space-between}.header-logo{height:100%;display:flex;align-items:center}.header-logo img{height:64px;width:auto;max-width:150px;object-fit:contain;display:block}.nav-links{display:flex;gap:20px;list-style:none}.nav-links a{font-size:14px;font-weight:600}.nav-links a:hover,.nav-links .active{color:#946b24}.nav-buttons{display:flex;gap:10px}.btn{display:inline-block;padding:12px 20px;border:1px solid #18202a;border-radius:7px;font-size:14px;font-weight:700;cursor:pointer;transition:.25s;background:transparent}.btn:hover{transform:translateY(-2px)}.btn-dark{background:#18202a;color:#fff}.btn-gold{background:#946b24;color:#fff;border-color:#946b24}.page-hero{padding:72px 0 62px;text-align:center;color:#fff;background:linear-gradient(120deg,rgba(24,32,42,.94),rgba(41,55,70,.9)),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=80') center/cover}.eyebrow{color:#e1b652;text-transform:uppercase;font-size:13px;font-weight:bold;letter-spacing:.7px}.page-hero h1{font-size:46px;line-height:1.15;margin:9px 0 12px}.page-hero p{max-width:650px;margin:auto;color:#e2e6ea}.section{padding:75px 0}.section-light{background:#fff}.section-head{text-align:center;margin-bottom:42px}.section-head span{color:#946b24;font-size:13px;font-weight:bold;text-transform:uppercase}.section-head h2{font-size:38px;margin-top:8px}.section-head p{color:#777;max-width:650px;margin:10px auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;transition:.3s}.card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.08)}.card-img{height:220px;position:relative;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:15px;left:15px;background:#946b24;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:bold}.card-body{padding:22px}.card-body h2,.card-body h3{font-size:20px;margin-bottom:5px}.location{color:#777;font-size:13px;margin-bottom:15px}.details{display:flex;gap:15px;color:#666;font-size:13px;border-bottom:1px solid #eee;padding-bottom:15px}.price{font-size:20px;font-weight:800;margin:15px 0}.card-actions{display:flex;gap:10px}.card-actions .btn{flex:1;text-align:center;padding:10px}.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.location-box{height:190px;border-radius:10px;overflow:hidden;position:relative;color:#fff;display:flex;align-items:end;padding:20px;background-size:cover;background-position:center}.location-box:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.location-box h2{position:relative;z-index:1;font-size:20px}.broker{text-align:center;padding:28px}.broker img{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-bottom:15px}.rating{color:#946b24;margin:7px 0}.why{background:#18202a;color:#fff}.why .section-head p{color:#aeb6be}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature{text-align:center;padding:10px}.feature-icon{font-size:28px;color:#946b24;margin-bottom:10px}.feature p{color:#aeb6be;font-size:14px;margin-top:8px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.content-grid h2{font-size:34px;line-height:1.2;margin:10px 0 16px}.content-grid p{color:#666;margin-bottom:15px}.contact-form{background:#fff;border:1px solid #eee;border-radius:12px;padding:28px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font:inherit}.form-group textarea{min-height:110px;resize:vertical}.notice{background:#fff7e6;border-left:4px solid #946b24;padding:18px;margin-top:24px}.sell-banner{background:#18202a;color:#fff;border-radius:14px;padding:45px;text-align:center}.sell-banner h2{font-size:34px;margin:8px 0}.sell-banner p{max-width:650px;margin:0 auto 25px;color:#d2d7dd}footer{background:#18202a;color:#aeb6be;padding:32px 0;text-align:center;font-size:13px}footer a{color:#fff}@media(max-width:1050px){.nav-links{gap:13px}.nav-links a{font-size:13px}}@media(max-width:900px){.nav-links{display:none}.grid{grid-template-columns:repeat(2,1fr)}.location-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:600px){.header-logo img{height:58px}.nav-buttons .btn:first-child{display:none}.page-hero{padding:58px 0}.page-hero h1{font-size:34px}.section{padding:55px 0}.section-head h2{font-size:30px}.grid,.location-grid,.features{grid-template-columns:1fr}.sell-banner{padding:32px 20px}.sell-banner h2,.content-grid h2{font-size:29px}}
/* Database-backed property states and detail media */
.api-state{grid-column:1/-1;padding:28px;border:1px solid #e1e5e8;border-radius:12px;background:#fff;text-align:center;color:#5f6973}.api-state.error{border-color:#f0c7c2;color:#a12a20}.property-media{margin-bottom:38px}.property-media>img{display:block;width:100%;height:min(62vw,620px);object-fit:cover;border-radius:16px}.property-live{margin-bottom:55px}.property-live .details{margin-top:24px}