/* ============================================================
   BPP PROJECT DETAIL MOBILE V3.5
   PROPERTY-DETAIL PARTIAL PREVIEW + PREMIUM BLOCK TITLES

   - Keeps working V3.3 exact DOM foundation.
   - Replaces V3.4 full-collapse behavior.
   - Preview cards remain partially visible when "closed".
   - Half-width cards remain half-width even when expanded.
   - Enquiry form also uses a partial preview, but stays full-width.
   ============================================================ */

@media (max-width:1100px) {
    body.bpp-v33-project-detail #bpp-project-mobile-v32 {
        font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
        color:#163d2c!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 h1,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 h2,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 h3,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 h4,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 h5,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 h6 {
        font-family:"Josefin Sans","DM Sans",system-ui,sans-serif!important;
        color:#163d2c!important;
    }

    /* =========================================================
       KEEP THE LARGER / MORE READABLE TYPOGRAPHY
       ========================================================= */
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-title-copy h1 {
        font-size:23px!important;
        line-height:1.15!important;
        font-weight:800!important;
        letter-spacing:-.02em!important;
        color:#163d2c!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-title-copy .bpppd2-location {
        font-size:12px!important;
        line-height:1.4!important;
        font-weight:500!important;
        color:#748179!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-title-copy .bpppd2-summary {
        font-size:13px!important;
        line-height:1.5!important;
        font-weight:400!important;
        color:#56665e!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 [data-bpp-v32-slot="price"] .bpppd2-price,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 [data-bpp-v32-slot="price"] .bpppd2-side-price {
        color:#078647!important;
        font-size:22px!important;
        line-height:1.1!important;
        font-weight:900!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-card,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-side-card,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-enquiry {
        font-size:13px!important;
        line-height:1.5!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-card p,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-side-card p,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-enquiry p {
        font-size:13px!important;
        line-height:1.5!important;
        color:#56665e!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-actions > *,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-side-primary,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-side-actions > *,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-unit-card a,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd2-unit-card button {
        font-size:12px!important;
        line-height:1.2!important;
        font-weight:850!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd231-profile-copy h3 {
        font-size:14px!important;
        font-weight:850!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd231-profile-copy p,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd231-description {
        font-size:12px!important;
        line-height:1.45!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd231-stats strong {
        font-size:10.5px!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd231-stats small,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd231-trust p,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd231-trust strong {
        font-size:10px!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd231-profile-btn,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd231-actions a {
        font-size:12px!important;
        font-weight:850!important;
    }

    /* Hide old horizontal project tab strip on mobile. */
    body.bpp-v33-project-detail #bpp-project-mobile-v32 [data-bpp-v32-slot="tabs"] {
        display:none!important;
    }

    /* =========================================================
       PREMIUM TITLE SYSTEM — ALL MAJOR OPEN BLOCKS
       ========================================================= */
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-premium-heading {
        position:relative!important;
        display:flex!important;
        align-items:center!important;
        min-height:44px!important;
        margin:0 0 9px!important;
        padding:8px 10px 8px 14px!important;
        overflow:hidden!important;
        border:1px solid #dcebe3!important;
        border-radius:12px!important;
        background:
            radial-gradient(circle at 100% 0,rgba(15,173,93,.12),transparent 42%),
            linear-gradient(135deg,#fbfefc,#f0f9f4)!important;
        box-shadow:0 5px 16px rgba(3,72,49,.05)!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-premium-heading::before {
        content:""!important;
        position:absolute!important;
        left:0!important;
        top:8px!important;
        bottom:8px!important;
        width:4px!important;
        border-radius:999px!important;
        background:linear-gradient(180deg,#04ad5b,#047443)!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-premium-heading h2,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-premium-heading h3,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-premium-heading h4 {
        margin:0!important;
        color:#123f2d!important;
        font-size:14px!important;
        line-height:1.18!important;
        font-weight:850!important;
        letter-spacing:-.01em!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-premium-heading a,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-premium-heading button {
        color:#078647!important;
        font-size:10px!important;
        font-weight:800!important;
    }

    /* Existing open blocks get the same premium card finish. */
    body.bpp-v33-project-detail #bpp-project-mobile-v32 [data-bpp-v32-slot="units"] > *,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 [data-bpp-v32-slot="nearby"] > *,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 [data-bpp-v32-slot="map"] > *,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 [data-bpp-v32-slot="similar"] > * {
        border-color:#dcebe3!important;
        border-radius:14px!important;
        box-shadow:0 6px 20px rgba(3,67,47,.045)!important;
    }

    /* Developer premium header already uses a green cover; refine it. */
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpppd231-cover {
        min-height:64px!important;
        padding:11px 12px!important;
        background:
            radial-gradient(circle at 88% 10%,rgba(255,255,255,.16),transparent 35%),
            linear-gradient(135deg,#034c38,#08a85a)!important;
        box-shadow:inset 0 -1px rgba(255,255,255,.12)!important;
    }

    /* =========================================================
       PROPERTY-DETAIL STYLE PARTIAL PREVIEW CARDS
       ========================================================= */
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-grid {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
        width:100%!important;
        margin:0 0 9px!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-card {
        min-width:0!important;
        align-self:start!important;
        overflow:hidden!important;
        border:1px solid #dcebe3!important;
        border-radius:14px!important;
        background:#fff!important;
        box-shadow:0 6px 20px rgba(3,67,47,.05)!important;
    }

    /* Expanded cards KEEP their half-width column, matching Property Detail. */
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-card.is-open {
        grid-column:auto!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-title {
        position:relative!important;
        min-height:50px!important;
        display:grid!important;
        grid-template-columns:28px minmax(0,1fr)!important;
        align-items:center!important;
        gap:8px!important;
        padding:8px 9px!important;
        overflow:hidden!important;
        border-bottom:1px solid #e5efe9!important;
        background:
            radial-gradient(circle at 100% 0,rgba(12,172,91,.13),transparent 45%),
            linear-gradient(135deg,#fcfffd,#f0f9f4)!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-title::after {
        content:""!important;
        position:absolute!important;
        left:0!important;
        top:8px!important;
        bottom:8px!important;
        width:3px!important;
        border-radius:999px!important;
        background:linear-gradient(180deg,#06b45e,#047443)!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-title-icon {
        width:28px!important;
        height:28px!important;
        display:grid!important;
        place-items:center!important;
        border:1px solid #d8eee2!important;
        border-radius:9px!important;
        background:#eaf8f0!important;
        color:#078647!important;
        font-size:13px!important;
        line-height:1!important;
        font-weight:900!important;
        box-shadow:inset 0 1px rgba(255,255,255,.9)!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-title strong {
        min-width:0!important;
        color:#123f2d!important;
        font-family:"Josefin Sans","DM Sans",sans-serif!important;
        font-size:12px!important;
        line-height:1.18!important;
        font-weight:850!important;
        letter-spacing:-.01em!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-viewport {
        position:relative!important;
        overflow:hidden!important;
        max-height:var(--bpp-v35-preview-height,126px)!important;
        transition:max-height .28s ease!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-card.is-open .bpp-v35-preview-viewport {
        max-height:1600px!important;
    }

    /* Property-detail style white fade over the end of the visible preview. */
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-viewport::after {
        content:""!important;
        position:absolute!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        height:46px!important;
        pointer-events:none!important;
        background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 82%)!important;
        transition:opacity .18s ease!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-card.is-open .bpp-v35-preview-viewport::after {
        opacity:0!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-inner {
        padding:9px!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-inner > .bpppd2-card,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-inner > .bpppd2-side-card,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-inner > .bpppd2-enquiry {
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }

    /* Title is now supplied by the premium V3.5 title bar. */
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-inner > * > .bpppd2-card-heading:first-child,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-inner > * > .bpppd2-side-heading:first-child,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-inner > .bpppd2-enquiry > h3:first-child {
        display:none!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-toggle {
        appearance:none!important;
        -webkit-appearance:none!important;
        width:100%!important;
        min-height:35px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:5px!important;
        margin:0!important;
        padding:7px 9px!important;
        border:0!important;
        border-top:1px solid #e9f0ec!important;
        background:#fff!important;
        color:#078647!important;
        font-size:10px!important;
        line-height:1.1!important;
        font-weight:850!important;
        cursor:pointer!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-toggle .bpp-v35-arrow {
        font-size:11px!important;
        line-height:1!important;
        transition:transform .2s ease!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-preview-card.is-open .bpp-v35-preview-toggle .bpp-v35-arrow {
        transform:rotate(180deg)!important;
    }

    /* =========================================================
       ENQUIRY / CONTACT EMAIL FORM — HALF OPEN PREVIEW TOO
       ========================================================= */
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-enquiry-preview {
        width:100%!important;
        margin:0 0 9px!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-enquiry-preview .bpp-v35-preview-title {
        min-height:54px!important;
        grid-template-columns:32px minmax(0,1fr)!important;
        padding:9px 11px!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-enquiry-preview .bpp-v35-title-icon {
        width:32px!important;
        height:32px!important;
        border-radius:10px!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-enquiry-preview .bpp-v35-preview-title strong {
        font-size:14px!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-enquiry-preview .bpp-v35-preview-viewport {
        max-height:255px!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-enquiry-preview.is-open .bpp-v35-preview-viewport {
        max-height:1200px!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-enquiry-preview .bpp-v35-preview-inner {
        padding:11px!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-enquiry-preview label {
        font-size:11px!important;
        line-height:1.2!important;
        font-weight:700!important;
        color:#315246!important;
    }

    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-enquiry-preview input,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-enquiry-preview select,
    body.bpp-v33-project-detail #bpp-project-mobile-v32 .bpp-v35-enquiry-preview textarea {
        font-family:"DM Sans",sans-serif!important;
        font-size:12px!important;
        line-height:1.35!important;
        color:#163d2c!important;
    }

    /* Keep footer typography readable too. */
    footer.rpg-market-footer .bpp-v33-footer-toggle {
        font-size:12px!important;
        font-weight:800!important;
    }

    footer.rpg-market-footer .bpp-v33-footer-source a,
    footer.rpg-market-footer .bpp-v33-footer-source p {
        font-size:12px!important;
        line-height:1.45!important;
    }

    .bpp-v33-sticky-cta a {
        font-size:12px!important;
        font-weight:850!important;
    }
}