/* BPP Project Information Backend Sync — Phase 2 V1 */
.bpp-pi2{
    --bpp-green:#069447;
    --bpp-green-dark:#035b39;
    --bpp-soft:#f2fbf6;
    --bpp-line:#dcece4;
    --bpp-text:#15261e;
    --bpp-muted:#718078;
    margin:28px 0;
    padding:24px;
    background:#fff;
    border:1px solid var(--bpp-line);
    border-radius:22px;
    box-shadow:0 16px 45px rgba(21,38,30,.06);
    color:var(--bpp-text);
}
.bpp-pi2 *{box-sizing:border-box}
.bpp-pi2__header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    margin-bottom:20px;
}
.bpp-pi2__heading{display:flex;align-items:stretch;gap:14px}
.bpp-pi2__heading-mark{width:4px;border-radius:999px;background:#10b65d}
.bpp-pi2__heading h2{margin:0;font-size:28px;line-height:1.1;font-weight:800;color:var(--bpp-text)}
.bpp-pi2__heading p{margin:6px 0 0;font-size:14px;color:var(--bpp-muted)}
.bpp-pi2__header-meta{font-size:13px;color:var(--bpp-muted);padding-top:5px}
.bpp-pi2__body{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:28px}
.bpp-pi2__gallery{min-width:0}
.bpp-pi2__hero{position:relative;overflow:hidden;border-radius:18px;background:#eef3f0;aspect-ratio:4/3}
.bpp-pi2__hero>img{width:100%;height:100%;display:block;object-fit:cover}
.bpp-pi2__image-count,
.bpp-pi2__location-badge{
    position:absolute;left:16px;z-index:2;
    display:inline-flex;align-items:center;gap:7px;
    background:rgba(5,67,44,.9);color:#fff;
    border-radius:999px;font-size:12px;font-weight:700;
    backdrop-filter:blur(6px)
}
.bpp-pi2__image-count{top:16px;padding:8px 12px}
.bpp-pi2__location-badge{bottom:16px;padding:9px 12px;max-width:calc(100% - 32px)}
.bpp-pi2__location-badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.bpp-pi2__thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:10px}
.bpp-pi2__thumb{
    border:2px solid transparent;padding:0;background:transparent;
    overflow:hidden;border-radius:10px;aspect-ratio:1.35/1;cursor:pointer
}
.bpp-pi2__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bpp-pi2__thumb.is-active{border-color:var(--bpp-green)}
.bpp-pi2__content{min-width:0}
.bpp-pi2__intro{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.bpp-pi2__eyebrow{display:block;margin-bottom:6px;color:var(--bpp-green);font-size:11px;font-weight:800;letter-spacing:.11em}
.bpp-pi2__intro h3{margin:0;font-size:32px;line-height:1.07;font-weight:800;color:var(--bpp-text)}
.bpp-pi2__address{display:flex;align-items:center;gap:7px;margin:10px 0 0;color:var(--bpp-muted);font-size:14px}
.bpp-pi2__address svg{width:17px;height:17px;fill:none;stroke:var(--bpp-green);stroke-width:1.8}
.bpp-pi2__price{text-align:right;min-width:180px}
.bpp-pi2__price span{display:block;text-transform:uppercase;letter-spacing:.1em;color:var(--bpp-muted);font-size:10px;font-weight:800}
.bpp-pi2__price strong{display:block;margin-top:5px;color:var(--bpp-green);font-size:21px;line-height:1.2;font-weight:800}
.bpp-pi2__description{margin:15px 0 17px;color:#5f6f67;font-size:14px;line-height:1.6}
.bpp-pi2__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.bpp-pi2__metrics article{
    min-height:84px;padding:11px;
    border:1px solid var(--bpp-line);border-radius:13px;background:#fff;
    display:flex;align-items:center;gap:9px;min-width:0
}
.bpp-pi2__metric-icon{
    flex:0 0 36px;width:36px;height:36px;border-radius:11px;
    display:grid;place-items:center;background:var(--bpp-soft);
    color:var(--bpp-green);font-size:18px;font-weight:800
}
.bpp-pi2__metrics article div{min-width:0}
.bpp-pi2__metrics small{display:block;color:#7b8982;font-size:10px;line-height:1.15}
.bpp-pi2__metrics strong{display:block;margin-top:4px;color:var(--bpp-text);font-size:12px;line-height:1.25;font-weight:800;overflow-wrap:anywhere}
.bpp-pi2__progress{margin-top:12px;padding:12px 14px;border:1px solid var(--bpp-line);border-radius:13px;background:#fbfefc}
.bpp-pi2__progress-head{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.bpp-pi2__progress-head span{color:var(--bpp-muted)}
.bpp-pi2__progress-head strong{color:var(--bpp-green)}
.bpp-pi2__progress-track{height:7px;margin-top:9px;border-radius:999px;background:#e8f1ec;overflow:hidden}
.bpp-pi2__progress-track span{display:block;height:100%;border-radius:inherit;background:var(--bpp-green)}
.bpp-pi2__developer{
    display:flex;align-items:center;gap:11px;margin-top:12px;padding:12px 14px;
    border:1px solid var(--bpp-line);border-radius:13px
}
.bpp-pi2__developer-avatar{
    flex:0 0 42px;width:42px;height:42px;border-radius:11px;overflow:hidden;
    display:grid;place-items:center;background:#ffbd17;color:#fff;font-weight:800;font-size:18px
}
.bpp-pi2__developer-avatar img{width:100%;height:100%;object-fit:cover}
.bpp-pi2__developer-copy{min-width:0;flex:1}
.bpp-pi2__developer-copy small{display:block;color:var(--bpp-muted);font-size:10px}
.bpp-pi2__developer-copy strong{display:block;margin-top:2px;font-size:13px;color:var(--bpp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bpp-pi2__verified{padding:7px 10px;border-radius:999px;background:var(--bpp-soft);color:var(--bpp-green);font-size:10px;font-weight:800;white-space:nowrap}
.bpp-pi2__amenities{margin-top:12px;padding:12px 14px;border:1px solid var(--bpp-line);border-radius:13px;background:#fbfefc}
.bpp-pi2__amenities-head{margin-bottom:8px;color:var(--bpp-green-dark);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.bpp-pi2__amenity-list{display:flex;flex-wrap:wrap;gap:6px}
.bpp-pi2__amenity-list span{padding:6px 9px;border:1px solid var(--bpp-line);border-radius:8px;background:#fff;color:#41524a;font-size:10px;font-weight:700}
.bpp-pi2__actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;margin-top:12px}
.bpp-pi2__btn{
    min-height:44px;padding:10px 13px;border:1px solid #bddcc9;border-radius:10px;
    display:flex;align-items:center;justify-content:center;gap:8px;
    color:var(--bpp-green-dark);background:#fff;text-decoration:none!important;
    font-size:12px;font-weight:800
}
.bpp-pi2__btn--primary{background:var(--bpp-green-dark);border-color:var(--bpp-green-dark);color:#fff!important}
.bpp-pi2__btn--whatsapp{background:#0bb85b;border-color:#0bb85b;color:#fff!important}

@media(max-width:991.98px){
    .bpp-pi2{padding:20px}
    .bpp-pi2__body{grid-template-columns:1fr;gap:20px}
    .bpp-pi2__hero{aspect-ratio:16/10}
    .bpp-pi2__intro h3{font-size:28px}
}
@media(max-width:767.98px){
    .bpp-pi2{margin:18px 0;padding:14px;border-radius:18px}
    .bpp-pi2__header{gap:12px;margin-bottom:14px}
    .bpp-pi2__heading h2{font-size:21px}
    .bpp-pi2__heading p{font-size:12px}
    .bpp-pi2__header-meta{display:none}
    .bpp-pi2__body{gap:15px}
    .bpp-pi2__hero{aspect-ratio:4/3;border-radius:14px}
    .bpp-pi2__image-count{left:10px;top:10px;padding:6px 9px;font-size:10px}
    .bpp-pi2__location-badge{left:10px;bottom:10px;padding:7px 9px;font-size:10px;max-width:calc(100% - 20px)}
    .bpp-pi2__thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
    .bpp-pi2__thumb:nth-child(n+6){display:none}
    .bpp-pi2__intro{display:block}
    .bpp-pi2__eyebrow{font-size:9px}
    .bpp-pi2__intro h3{font-size:24px}
    .bpp-pi2__address{font-size:12px}
    .bpp-pi2__price{margin-top:12px;text-align:left;min-width:0}
    .bpp-pi2__price strong{font-size:19px}
    .bpp-pi2__description{font-size:12px;line-height:1.55}
    .bpp-pi2__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
    .bpp-pi2__metrics article{min-height:76px;padding:9px;gap:8px}
    .bpp-pi2__metric-icon{flex-basis:32px;width:32px;height:32px;font-size:15px}
    .bpp-pi2__metrics small{font-size:9px}
    .bpp-pi2__metrics strong{font-size:11px}
    .bpp-pi2__developer{padding:10px}
    .bpp-pi2__verified{display:none}
    .bpp-pi2__actions{grid-template-columns:1fr 1fr}
    .bpp-pi2__btn--primary{grid-column:1/-1}
}


/* BPP Phase 2 V2.1 — Project verification + brochure */
.bpp-pi2__header-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.bpp-pi2__verified-project{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;background:#eaf9f0;color:#087b42;font-size:11px;line-height:1;font-weight:800}
.bpp-pi2__btn--brochure{background:#f1fbf5;color:#05663e!important;border-color:#b9dec8}
.bpp-pi2__actions{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
@media(max-width:767.98px){.bpp-pi2__actions{grid-template-columns:1fr 1fr}}