/* BPP AGENT PUBLIC PROFILE V3.4 */
:root{--bpp-green:#07964f;--bpp-dark:#00563e;--bpp-ink:#17251d;--bpp-muted:#738078;--bpp-line:#dce9e2;--bpp-soft:#f3f8f5}
*{box-sizing:border-box}
body{margin:0;background:#f6f9f7;color:var(--bpp-ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.site-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.site-topbar{background:var(--bpp-dark);color:#dff4e9;font-size:12px}
.topbar-inner{display:flex;gap:30px;align-items:center;min-height:38px}
.site-header{background:#fff;border-bottom:1px solid #e4ede8}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:22px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--bpp-green);color:#fff;font-size:22px;font-weight:900}
.brand strong{font-size:17px}
.site-header nav{display:flex;gap:28px}
.site-header nav a{text-decoration:none;font-size:14px;font-weight:700}
.private-preview{background:#fff4d8;border-bottom:1px solid #ecd7a0}
.private-preview-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0}
.private-preview strong,.private-preview span{display:block}
.private-preview strong{font-size:12px}
.private-preview span{font-size:11px;color:#826d3e}
.private-preview a{padding:8px 12px;border-radius:8px;background:#17251d;color:#fff;text-decoration:none;font-size:11px;font-weight:800}
.agent-hero{padding:26px 0 18px;background:linear-gradient(180deg,#eff8f3,#f6f9f7)}
.back-link{display:inline-block;margin-bottom:14px;color:#087747;font-size:13px;font-weight:800;text-decoration:none}
.hero-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:26px;border:1px solid var(--bpp-line);border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(17,67,41,.06)}
.hero-main{display:flex;align-items:center;gap:18px;min-width:0}
.avatar-shell{display:grid;place-items:center;flex:0 0 auto;width:92px;height:92px;border:4px solid #e5f3eb;border-radius:50%;overflow:hidden;background:var(--bpp-green);color:#fff;font-size:36px;font-weight:900}
.avatar-shell img{width:100%;height:100%;object-fit:cover}
.eyebrow{display:flex;align-items:center;gap:8px;color:#087747;font-size:12px;font-weight:800}
.verified{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e9f8f0;color:#087747}
.hero-copy h1{margin:5px 0 2px;font-size:32px;line-height:1.1}
.username{margin:0;color:var(--bpp-muted);font-size:14px}
.hero-specialties{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.hero-specialties span{padding:4px 10px;border-radius:999px;background:var(--bpp-soft);color:#087747;font-size:11px;font-weight:700}
.meta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:11px;color:#63736a;font-size:12px}
.hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.hero-stats{flex:1 0 100%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:6px;padding-top:16px;border-top:1px solid var(--bpp-line)}
.hero-stats>div{text-align:center}
.hero-stats strong{display:block;font-size:21px}
.hero-stats span{display:block;margin-top:2px;color:var(--bpp-muted);font-size:10px;text-transform:uppercase;letter-spacing:.03em}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:800}
.btn.primary{background:var(--bpp-green);color:#fff}
.btn.whatsapp{background:#eaf9f0;color:#087747;border:1px solid #cde9d8}
.btn.outline{background:#fff;color:#233329;border:1px solid #d5e3db}
.private-public-message{margin-top:18px;padding:24px;border:1px solid var(--bpp-line);border-radius:16px;background:#fff}
.private-public-message strong{display:block;margin-bottom:4px}
.private-public-message p{margin:0;color:var(--bpp-muted)}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding:18px 0 40px}
.section-card,.stat-card,.contact-card,.trust-card{border:1px solid var(--bpp-line);border-radius:16px;background:#fff}
.section-card{padding:20px}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.section-head span,.contact-card>span,.trust-card>span{display:block;color:#087747;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.section-head h2{margin:4px 0 0;font-size:20px}
.section-head>strong{font-size:12px;color:#087747}
.about-text{margin:0;color:#536158;font-size:14px;line-height:1.7}
.listings-section{margin-top:18px}
.property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.property-card{overflow:hidden;border:1px solid #e1ebe5;border-radius:13px;background:#fff}
.property-image{position:relative;display:block;height:190px;background:#edf3ef;overflow:hidden}
.property-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.property-card:hover .property-image img{transform:scale(1.025)}
.image-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:42px;color:#9aaba1}
.listing-badge{position:absolute;top:10px;left:10px;padding:6px 9px;border-radius:999px;background:var(--bpp-green);color:#fff;font-size:10px;font-weight:900}
.property-copy{padding:14px}
.property-title{display:block;color:#17251d;text-decoration:none;font-size:14px;font-weight:900;line-height:1.35}
.property-location{margin:6px 0;color:#7a8880;font-size:11px}
.property-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px;color:#5d6b63;font-size:11px}
.property-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #edf2ef}
.property-bottom strong{font-size:14px}
.property-bottom a{color:#087747;text-decoration:none;font-size:11px;font-weight:800}
.empty-state{padding:34px;text-align:center;border:1px dashed #d4e2da;border-radius:12px;background:#fbfdfc}
.empty-state>div{font-size:34px;color:#9bac9f}
.empty-state strong{display:block;margin-top:5px}
.empty-state p{margin:5px 0 0;color:var(--bpp-muted);font-size:12px}
.content-side{display:flex;flex-direction:column;gap:14px}
.stat-card,.contact-card,.trust-card{padding:18px}
.stat-card h3,.contact-card h3,.trust-card h3{margin:3px 0 13px;font-size:16px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.stats>div{padding:12px;border-radius:10px;background:var(--bpp-soft)}
.stats strong,.stats span{display:block}
.stats strong{font-size:21px}
.stats span{margin-top:2px;color:#76837b;font-size:10px}
.contact-card a{display:flex;align-items:center;min-height:39px;margin-top:7px;padding:0 11px;border:1px solid #d9e6de;border-radius:8px;color:#1e3026;text-decoration:none;font-size:12px;font-weight:700}
.trust-card p{margin:0;color:#6c7a72;font-size:12px;line-height:1.6}
.site-footer{background:#063c2e;color:#e4f4ec}
.footer-inner{display:flex;justify-content:space-between;gap:18px;padding:28px 0}
.footer-inner p{margin:5px 0 0;color:#a9cbbd;font-size:12px}
.footer-links{display:flex;gap:18px;align-items:center}
.footer-links a{color:#dff3ea;text-decoration:none;font-size:12px}
@media(max-width:900px){
.site-header nav{display:none}
.hero-card{align-items:flex-start;flex-direction:column}
.hero-actions{justify-content:flex-start}
.content-grid{grid-template-columns:1fr}
.content-side{display:grid;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
.site-wrap{width:min(100% - 20px,1180px)}
.topbar-inner{gap:12px;overflow:auto;white-space:nowrap}
.header-inner{min-height:66px}
.brand strong{font-size:14px}
.hero-card{padding:18px;border-radius:14px}
.avatar-shell{width:72px;height:72px;font-size:28px}
.hero-copy h1{font-size:24px}
.hero-main{align-items:flex-start}
.hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
.hero-actions .btn:last-child:nth-child(odd){grid-column:1/-1}
.hero-stats{grid-template-columns:repeat(2,1fr)}
.property-grid{grid-template-columns:1fr}
.property-image{height:210px}
.content-side{display:flex}
.footer-inner{flex-direction:column}
.footer-links{flex-wrap:wrap}
}