/* BPP PROJECT DETAIL — PROPERTY DETAIL FONT PARITY V2.5 */

/* Exact font families used by Property Detail */
html.bpp-project-detail-active body .bpppd2,
html.bpp-project-detail-active body .bpppd2 p,
html.bpp-project-detail-active body .bpppd2 span,
html.bpp-project-detail-active body .bpppd2 small,
html.bpp-project-detail-active body .bpppd2 strong,
html.bpp-project-detail-active body .bpppd2 em,
html.bpp-project-detail-active body .bpppd2 a,
html.bpp-project-detail-active body .bpppd2 button,
html.bpp-project-detail-active body .bpppd2 input,
html.bpp-project-detail-active body .bpppd2 select,
html.bpp-project-detail-active body .bpppd2 textarea,
html.bpp-project-detail-active body .bpppd2 label,
html.bpp-project-detail-active body .bpppd2 dt,
html.bpp-project-detail-active body .bpppd2 dd {
    font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html.bpp-project-detail-active body .bpppd2 h1,
html.bpp-project-detail-active body .bpppd2 h2,
html.bpp-project-detail-active body .bpppd2 h3,
html.bpp-project-detail-active body .bpppd2 h4,
html.bpp-project-detail-active body .bpppd2 h5,
html.bpp-project-detail-active body .bpppd2 h6 {
    font-family: "Josefin Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* DESKTOP: exact Property Detail typography scale */
@media screen and (min-width: 1200px) {
    html.bpp-project-detail-active body .bpppd2 .bpppd2-title-copy h1 {
        font-size: 36px !important;
        line-height: 1.18 !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-location {
        font-size: 15px !important;
        line-height: 22px !important;
        font-weight: 500 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-summary,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-body-copy,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-body-copy p {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-metric strong {
        font-size: 15px !important;
        line-height: 22px !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-metric small {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-tabs a {
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 600 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-card-heading h2,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-card-heading h3 {
        font-size: 20px !important;
        line-height: 28px !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-card-heading a {
        font-size: 13px !important;
        line-height: 20px !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-subsection h3 {
        font-size: 16px !important;
        line-height: 24px !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-highlights strong {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-amenity strong,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-amenity span {
        font-size: 13px !important;
        line-height: 19px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-progress-percent {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-progress-list li,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-progress-list strong,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-progress-list em {
        font-size: 13px !important;
        line-height: 19px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit h3,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit h3 a {
        font-size: 15px !important;
        line-height: 21px !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit-meta,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit-meta span {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit-price {
        font-size: 16px !important;
        line-height: 22px !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit-button {
        font-size: 13px !important;
        line-height: 18px !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-nearby strong {
        font-size: 13px !important;
        line-height: 19px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-nearby small {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-related h3,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-related h3 a {
        font-size: 15px !important;
        line-height: 21px !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-related p,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-related-meta,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-related-meta span {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-related footer strong {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-price-top small {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-price-top strong {
        font-size: 30px !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-side-heading h3 {
        font-size: 19px !important;
        line-height: 27px !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry label > span {
        font-size: 13px !important;
        line-height: 19px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry input,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry select,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry textarea {
        min-height: 44px !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry textarea {
        min-height: 110px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry button {
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-facts dt {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-facts dd {
        font-size: 15px !important;
        line-height: 21px !important;
        font-weight: 700 !important;
    }

    /* Stylish developer card uses the same contact/profile hierarchy */
    html.bpp-project-detail-active body .bpppd2 .bpppd231-cover small {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd231-cover strong {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd231-profile-copy h3 {
        font-size: 19px !important;
        line-height: 27px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd231-verified,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-description,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-profile-copy p {
        font-size: 13px !important;
        line-height: 20px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd231-stats strong {
        font-size: 15px !important;
        line-height: 21px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd231-stats small,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-trust p,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-trust strong {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd231-profile-btn,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-actions strong {
        font-size: 13px !important;
        line-height: 19px !important;
    }
}

/* TABLET */
@media screen and (min-width: 768px) and (max-width: 1199px) {
    html.bpp-project-detail-active body .bpppd2 .bpppd2-title-copy h1 {
        font-size: 32px !important;
        line-height: 1.18 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-location {
        font-size: 14px !important;
        line-height: 21px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-summary,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-body-copy,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-body-copy p {
        font-size: 15px !important;
        line-height: 1.72 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-card-heading h2,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-card-heading h3 {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-side-heading h3 {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-price-top strong {
        font-size: 27px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry input,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry select,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry textarea {
        font-size: 14px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-facts dt {
        font-size: 12px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-facts dd {
        font-size: 14px !important;
    }
}

/* MOBILE: exact Property Detail mobile scale */
@media screen and (max-width: 767px) {
    html.bpp-project-detail-active body .bpppd2 .bpppd2-title-copy h1 {
        font-size: 27px !important;
        line-height: 34px !important;
        font-weight: 700 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-location {
        font-size: 13px !important;
        line-height: 19px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-summary,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-body-copy,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-body-copy p {
        font-size: 15px !important;
        line-height: 1.72 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-metric strong {
        font-size: 15px !important;
        line-height: 21px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-metric small {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-tabs a {
        font-size: 13px !important;
        line-height: 19px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-card-heading h2,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-card-heading h3,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-side-heading h3 {
        font-size: 19px !important;
        line-height: 27px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-subsection h3 {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-highlights strong,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-amenity strong,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-amenity span {
        font-size: 13px !important;
        line-height: 19px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-progress-list li,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-progress-list strong,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-progress-list em {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit h3,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit h3 a {
        font-size: 13px !important;
        line-height: 19px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit-meta,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit-meta span {
        font-size: 11px !important;
        line-height: 17px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit-price {
        font-size: 15px !important;
        line-height: 21px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-unit-button {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-nearby strong,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-related h3,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-related h3 a {
        font-size: 13px !important;
        line-height: 19px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-nearby small,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-related p,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-related-meta,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-related-meta span {
        font-size: 11px !important;
        line-height: 17px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-price-top strong {
        font-size: 23px !important;
        line-height: 1.15 !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-price-top small {
        font-size: 11px !important;
        line-height: 17px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry label > span {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry input,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry select,
    html.bpp-project-detail-active body .bpppd2 .bpppd2-enquiry textarea {
        min-height: 44px !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-facts dt {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd2-facts dd {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd231-cover small,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-verified,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-description,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-profile-copy p,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-stats small,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-trust p,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-trust strong {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    html.bpp-project-detail-active body .bpppd2 .bpppd231-cover strong,
    html.bpp-project-detail-active body .bpppd2 .bpppd231-profile-copy h3 {
        font-size: 18px !important;
        line-height: 26px !important;
    }
}