/* BPP PROPERTY SEARCH — MOBILE LIST REFERENCE V1.1 EXACT DOM
   Built from captured rendered /properties?layout=list HTML.
   Scope: .rpgp2-list-view > article.bpp-premium-list-v4662 only, <=767px.
*/

@media (max-width: 767px) {
    #rpgp2-listing .rpgp2-list-view {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 7px 5px !important;
    }

    #rpgp2-listing .rpgp2-list-view > article.bpp-premium-list-v4662[data-bpp-premium-list-v4662] {
        display: grid !important;
        grid-template-columns: minmax(126px, 42%) minmax(0, 1fr) !important;
        grid-template-rows: minmax(210px, auto) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 210px !important;
        margin: 0 !important;
        overflow: hidden !important;
        border: 1px solid #e1e9e5 !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 0 5px 18px rgba(10, 58, 42, .07) !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__media {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        min-height: 210px !important;
        margin: 0 !important;
        overflow: hidden !important;
        border-radius: 13px 0 0 13px !important;
        background: #edf3f0 !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__image {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 210px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__status {
        position: absolute !important;
        top: 9px !important;
        left: 9px !important;
        z-index: 4 !important;
        display: inline-flex !important;
        align-items: center !important;
        min-height: 27px !important;
        padding: 5px 9px !important;
        border-radius: 999px !important;
        color: #fff !important;
        background: #08a65b !important;
        box-shadow: 0 3px 10px rgba(7, 125, 72, .16) !important;
        font-size: 10px !important;
        line-height: 15px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__heart {
        position: absolute !important;
        top: 9px !important;
        right: 9px !important;
        z-index: 5 !important;
        display: grid !important;
        place-items: center !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        color: #078448 !important;
        background: rgba(255, 255, 255, .97) !important;
        box-shadow: 0 3px 10px rgba(10, 58, 42, .12) !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__heart svg {
        width: 17px !important;
        height: 17px !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__photo-count {
        position: absolute !important;
        left: 9px !important;
        right: auto !important;
        bottom: 9px !important;
        z-index: 5 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        min-height: 27px !important;
        padding: 5px 7px !important;
        border-radius: 8px !important;
        color: #fff !important;
        background: rgba(13, 18, 16, .87) !important;
        font-size: 10px !important;
        line-height: 14px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__photo-count svg {
        width: 13px !important;
        height: 13px !important;
        flex: 0 0 13px !important;
    }

    /* The reference card is cleaner on mobile. Keep real photo fraction, hide desktop gallery controls. */
    #rpgp2-listing .bpp-premium-list-v4662__dots,
    #rpgp2-listing .bpp-premium-list-v4662__gallery {
        display: none !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__content {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 210px !important;
        margin: 0 !important;
        padding: 9px 9px 8px !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__topline {
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 5px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 5px !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__verified {
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        min-width: 0 !important;
        padding: 3px 5px !important;
        overflow: hidden !important;
        border-radius: 6px !important;
        color: #087d48 !important;
        background: #eaf8f1 !important;
        font-size: 8.5px !important;
        line-height: 12px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__verified svg {
        width: 11px !important;
        height: 11px !important;
        flex: 0 0 11px !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__micro {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        min-width: 0 !important;
        margin: 0 !important;
        color: #7b8982 !important;
        font-size: 8.5px !important;
        line-height: 12px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    /* Reference mobile card keeps posted time, not Property ID. */
    #rpgp2-listing .bpp-premium-list-v4662__micro > span:first-child {
        display: none !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__micro > span:last-child {
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__micro svg {
        width: 11px !important;
        height: 11px !important;
        flex: 0 0 11px !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__title {
        order: 2 !important;
        display: -webkit-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-height: 39px !important;
        margin: 0 !important;
        overflow: hidden !important;
        color: #102b45 !important;
        font-size: 13px !important;
        line-height: 1.24 !important;
        font-weight: 850 !important;
        letter-spacing: -.01em !important;
        text-decoration: none !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__description {
        display: none !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__location {
        order: 3 !important;
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 4px 0 0 !important;
        overflow: hidden !important;
        color: #64786d !important;
        font-size: 9.5px !important;
        line-height: 13px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__location span {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__location svg {
        width: 12px !important;
        height: 12px !important;
        flex: 0 0 12px !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__price {
        order: 4 !important;
        width: 100% !important;
        margin: 5px 0 0 !important;
        overflow: hidden !important;
        color: #078448 !important;
        font-size: 15px !important;
        line-height: 1.12 !important;
        font-weight: 900 !important;
        letter-spacing: -.015em !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__features {
        order: 5 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 4px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 6px 0 0 !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__feature {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        min-width: 0 !important;
        min-height: 28px !important;
        padding: 4px 3px !important;
        overflow: hidden !important;
        border: 1px solid #e0e9e5 !important;
        border-radius: 7px !important;
        color: #33566f !important;
        background: #f8fbfa !important;
        white-space: nowrap !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__feature svg {
        width: 13px !important;
        height: 13px !important;
        flex: 0 0 13px !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__feature > span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 2px !important;
        min-width: 0 !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__feature strong {
        color: #24445c !important;
        font-size: 9.5px !important;
        line-height: 12px !important;
        font-weight: 800 !important;
    }

    /* Hide Beds/Baths words, retain the real values and units such as m². */
    #rpgp2-listing .bpp-premium-list-v4662__feature > span > span {
        display: none !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__footer {
        order: 6 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: end !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: auto 0 0 !important;
        padding: 7px 0 0 !important;
        border-top: 1px solid #e5ece8 !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__identity {
        display: grid !important;
        grid-template-columns: 27px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 4px !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__avatar,
    #rpgp2-listing .bpp-premium-list-v4662__avatar img {
        display: block !important;
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
        min-height: 27px !important;
        margin: 0 !important;
        border-radius: 50% !important;
        object-fit: cover !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__identity-copy {
        min-width: 0 !important;
        overflow: hidden !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__role,
    #rpgp2-listing .bpp-premium-list-v4662__name {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__role {
        color: #7b8982 !important;
        font-size: 8.5px !important;
        line-height: 11px !important;
        font-weight: 600 !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__name-row {
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        min-width: 0 !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__name {
        color: #102b45 !important;
        font-size: 10px !important;
        line-height: 13px !important;
        font-weight: 800 !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__verified-check-v4665,
    #rpgp2-listing .bpp-premium-list-v4662__verified-check-v4665 svg {
        width: 13px !important;
        min-width: 13px !important;
        height: 13px !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__actions {
        display: grid !important;
        grid-template-columns: auto !important;
        grid-template-rows: auto auto !important;
        justify-items: end !important;
        align-items: end !important;
        gap: 4px !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    /*
     * Explicit mobile requirement:
     * Call / WhatsApp / Chat = ICONS ONLY.
     */
    #rpgp2-listing .bpp-premium-list-v4662__actions .property-contact-actions--card {
        display: grid !important;
        grid-template-columns: repeat(3, 34px) !important;
        grid-auto-flow: column !important;
        gap: 4px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__actions .property-contact-action-form {
        width: 34px !important;
        min-width: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__actions .property-contact-action {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #08a65b !important;
        border-radius: 8px !important;
        color: #078448 !important;
        background: #fff !important;
        box-shadow: none !important;
        font-size: 0 !important;
        line-height: 0 !important;
        text-decoration: none !important;
        transform: none !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__actions .property-contact-action--whatsapp {
        color: #fff !important;
        background: #08a65b !important;
        border-color: #08a65b !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__actions .property-contact-action > span {
        display: none !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__actions .property-contact-action svg {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
        margin: 0 !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__view {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        min-width: 67px !important;
        height: 27px !important;
        margin: 0 !important;
        padding: 4px 8px !important;
        border: 1px solid #75c69d !important;
        border-radius: 7px !important;
        color: #087c48 !important;
        background: #fff !important;
        font-size: 9px !important;
        line-height: 11px !important;
        font-weight: 800 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 374px) {
    #rpgp2-listing .rpgp2-list-view > article.bpp-premium-list-v4662[data-bpp-premium-list-v4662] {
        grid-template-columns: 116px minmax(0, 1fr) !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__content {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__title {
        font-size: 12px !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__price {
        font-size: 14px !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__actions .property-contact-actions--card {
        grid-template-columns: repeat(3, 31px) !important;
    }

    #rpgp2-listing .bpp-premium-list-v4662__actions .property-contact-action-form,
    #rpgp2-listing .bpp-premium-list-v4662__actions .property-contact-action {
        width: 31px !important;
        min-width: 31px !important;
        max-width: 31px !important;
        height: 31px !important;
        min-height: 31px !important;
    }
}