/* =====================================================================
   BEST PROPERTY PLUG — DESKTOP PROPERTY LIST V80.6
   Native Save Heart restoration. Desktop property list only.
   ===================================================================== */
.bpp-v806-heart{display:none!important}

@media (min-width:1200px){
  html body #rpgp2-listing#rpgp2-listing .rpgp2-list-view > article.rpgp2-list-card > .bpp-v806-heart{
    position:absolute!important;
    z-index:9!important;
    top:13px!important;
    left:calc(40% - 50px)!important;
    right:auto!important;
    display:grid!important;
    place-items:center!important;
    width:37px!important;
    min-width:37px!important;
    height:37px!important;
    min-height:37px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(215,230,222,.96)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.96)!important;
    color:#315f4c!important;
    box-shadow:0 5px 16px rgba(8,57,38,.16)!important;
    cursor:pointer!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
  }
  html body #rpgp2-listing#rpgp2-listing .rpgp2-list-view > article.rpgp2-list-card > .bpp-v806-heart svg{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    color:currentColor!important;
    stroke:currentColor!important;
  }
  html body #rpgp2-listing#rpgp2-listing .rpgp2-list-view > article.rpgp2-list-card > .bpp-v806-heart:hover{
    color:#00945a!important;
    border-color:#a8d9c2!important;
    background:#f4fbf7!important;
    transform:translateY(-1px)!important;
    box-shadow:0 7px 20px rgba(8,92,57,.19)!important;
  }
  html body #rpgp2-listing#rpgp2-listing .rpgp2-list-view > article.rpgp2-list-card > .bpp-v806-heart.active{
    border-color:#08a664!important;
    background:#08a664!important;
    color:#fff!important;
    box-shadow:0 7px 20px rgba(8,166,100,.24)!important;
  }
  html body #rpgp2-listing#rpgp2-listing .rpgp2-list-view > article.rpgp2-list-card > .bpp-v806-heart.active svg{
    fill:currentColor!important;
    stroke:currentColor!important;
  }
  html body #rpgp2-listing#rpgp2-listing .rpgp2-list-view > article.rpgp2-list-card > .bpp-v806-heart:focus-visible{
    outline:3px solid rgba(8,166,100,.22)!important;
    outline-offset:2px!important;
  }
}

@media (min-width:1500px){
  html body #rpgp2-listing#rpgp2-listing .rpgp2-list-view > article.rpgp2-list-card > .bpp-v806-heart{
    top:14px!important;
    left:calc(40% - 52px)!important;
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
    min-height:39px!important;
  }
}

/* BPP_PROPERTIES_MOBILE_ONE_COLUMN_NORMAL_V1_START */
@media (max-width: 767.98px) {
    /*
     * Keep the ORIGINAL/NORMAL property card.
     * Only change the OUTER results collection to one card per row.
     */

    /* Case 1: property articles are direct children of the results container. */
    *:has(> article.bpp-search-owner-card-v466[data-bpp-search-owner-card-v466]) {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    *:has(> article.bpp-search-owner-card-v466[data-bpp-search-owner-card-v466])
        > article.bpp-search-owner-card-v466[data-bpp-search-owner-card-v466] {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /*
     * Case 2: each normal property card sits inside a Bootstrap/grid column.
     * Force that wrapper full width while leaving the card itself unchanged.
     */
    *:has(> * > article.bpp-search-owner-card-v466[data-bpp-search-owner-card-v466]) {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-auto-flow: row !important;
        flex-wrap: wrap !important;
    }

    *:has(> * > article.bpp-search-owner-card-v466[data-bpp-search-owner-card-v466])
        > *:has(> article.bpp-search-owner-card-v466[data-bpp-search-owner-card-v466]) {
        grid-column: 1 / -1 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Bootstrap-style col safety net, only when it directly owns a property card. */
    [class*="col-"]:has(> article.bpp-search-owner-card-v466[data-bpp-search-owner-card-v466]),
    [class~="col"]:has(> article.bpp-search-owner-card-v466[data-bpp-search-owner-card-v466]) {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Keep the normal card itself full width without changing its internal layout. */
    article.bpp-search-owner-card-v466[data-bpp-search-owner-card-v466] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}
/* BPP_PROPERTIES_MOBILE_ONE_COLUMN_NORMAL_V1_END */
