/* ========================================================================
   BPP TAXONOMY EXPLORE ROW V1.2

   - fixed Explore label
   - independently scrolling category rail
   - one horizontal row
   - tighter vertical spacing
   - premium counter treatment
   ======================================================================== */


/* =========================================================
   SECTION GEOMETRY
   ========================================================= */

.bpp-taxonomy-presentation {
    position: relative !important;

    z-index: 25 !important;

    overflow: visible !important;

    background:
        #ffffff !important;
}


.bpp-taxonomy-presentation
.rpgp2-container {
    padding-top:
        12px !important;

    padding-bottom:
        22px !important;
}


/*
 * Keep the premium summary overlap, but do not cover the rail.
 */

.bpp-taxonomy-presentation
~
.rpgp2-summary-wrap {
    position:
        relative !important;

    z-index:
        20 !important;

    margin-top:
        -8px !important;
}


/* =========================================================
   OUTER NAV
   ========================================================= */

.bpp-taxonomy-children--premium {
    display:
        grid !important;

    grid-template-columns:
        auto
        minmax(0, 1fr) !important;

    align-items:
        center !important;

    column-gap:
        10px !important;

    width:
        100% !important;

    max-width:
        100% !important;

    overflow:
        visible !important;

    padding:
        0 !important;
}


/* =========================================================
   FIXED EXPLORE LABEL
   ========================================================= */

.bpp-taxonomy-children--premium
.bpp-taxonomy-children__label {
    grid-column:
        1 !important;

    flex:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #617168 !important;

    font-size:
        10.5px !important;

    line-height:
        1 !important;

    font-weight:
        850 !important;

    letter-spacing:
        .11em !important;

    text-transform:
        uppercase;

    white-space:
        nowrap;
}


/* =========================================================
   SCROLLING CATEGORY RAIL
   ========================================================= */

.bpp-taxonomy-children__rail {
    grid-column:
        2 !important;

    min-width:
        0;

    width:
        100%;

    display:
        flex;

    flex-wrap:
        nowrap;

    align-items:
        center;

    justify-content:
        flex-start;

    gap:
        8px;

    overflow-x:
        auto;

    overflow-y:
        hidden;

    padding:
        2px
        1px
        6px;

    direction:
        ltr;

    scroll-behavior:
        auto;

    scroll-snap-type:
        x proximity;

    scroll-padding-inline-start:
        1px;

    overscroll-behavior-x:
        contain;

    -webkit-overflow-scrolling:
        touch;

    scrollbar-width:
        none;
}


.bpp-taxonomy-children__rail::-webkit-scrollbar {
    display:
        none;
}


/* =========================================================
   CATEGORY CHIP
   ========================================================= */

.bpp-taxonomy-children--premium
.bpp-taxonomy-chip {
    flex:
        0
        0
        auto;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        7px !important;

    min-height:
        40px !important;

    padding:
        4px
        8px
        4px
        4px !important;

    border:
        1px solid
        #dce6e0 !important;

    border-radius:
        999px !important;

    background:
        #ffffff !important;

    color:
        #22362c !important;

    box-shadow:
        0
        3px
        11px
        rgba(15, 55, 39, .045);

    text-decoration:
        none !important;

    white-space:
        nowrap !important;

    scroll-snap-align:
        start;

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}


.bpp-taxonomy-children--premium
.bpp-taxonomy-chip:hover {
    transform:
        translateY(-1px);

    border-color:
        #a4ceb8 !important;

    background:
        #fbfffd !important;

    color:
        #087847 !important;

    box-shadow:
        0
        7px
        19px
        rgba(10, 107, 61, .09);
}


/* =========================================================
   SVG ICON
   ========================================================= */

.bpp-taxonomy-chip__icon {
    flex:
        0
        0
        30px;

    width:
        30px;

    height:
        30px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        #edf8f2;

    color:
        #0e9556;
}


.bpp-taxonomy-chip__icon svg {
    display:
        block;

    width:
        15.5px;

    height:
        15.5px;
}


/* =========================================================
   CATEGORY NAME
   ========================================================= */

.bpp-taxonomy-chip__name {
    max-width:
        165px;

    overflow:
        hidden;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;

    color:
        inherit;

    font-size:
        11.75px !important;

    line-height:
        1.15 !important;

    font-weight:
        750 !important;
}


/* =========================================================
   COUNT BADGE
   ========================================================= */

.bpp-taxonomy-chip__count {
    flex:
        0
        0
        auto;

    min-width:
        25px;

    height:
        23px;

    padding:
        0
        7px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        #dce5df;

    border-radius:
        999px;

    background:
        #eef3f0;

    color:
        #50645a;

    font-size:
        10.5px !important;

    line-height:
        1 !important;

    font-weight:
        850 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .bpp-taxonomy-presentation
    .rpgp2-container {
        padding-bottom:
            20px !important;
    }

    .bpp-taxonomy-presentation
    ~
    .rpgp2-summary-wrap {
        margin-top:
            -6px !important;
    }

    .bpp-taxonomy-children--premium {
        column-gap:
            8px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .bpp-taxonomy-presentation
    .rpgp2-container {
        padding-top:
            10px !important;

        padding-bottom:
            18px !important;
    }

    .bpp-taxonomy-presentation
    ~
    .rpgp2-summary-wrap {
        margin-top:
            -4px !important;
    }

    .bpp-taxonomy-children--premium {
        grid-template-columns:
            auto
            minmax(0, 1fr) !important;

        column-gap:
            7px !important;
    }

    .bpp-taxonomy-children--premium
    .bpp-taxonomy-children__label {
        font-size:
            9px !important;

        letter-spacing:
            .08em !important;
    }

    .bpp-taxonomy-children__rail {
        gap:
            7px;

        padding-bottom:
            4px;

        scroll-snap-type:
            x mandatory;
    }

    .bpp-taxonomy-children--premium
    .bpp-taxonomy-chip {
        min-height:
            38px !important;

        padding:
            4px
            7px
            4px
            4px !important;
    }

    .bpp-taxonomy-chip__icon {
        flex-basis:
            28px;

        width:
            28px;

        height:
            28px;
    }

    .bpp-taxonomy-chip__icon svg {
        width:
            14.5px;

        height:
            14.5px;
    }

    .bpp-taxonomy-chip__name {
        max-width:
            138px;

        font-size:
            10.75px !important;
    }

    .bpp-taxonomy-chip__count {
        min-width:
            22px;

        height:
            20px;

        padding:
            0
            5px;

        font-size:
            9px !important;
    }

}


/* Very small phone */
@media (max-width: 390px) {

    .bpp-taxonomy-children--premium {
        column-gap:
            6px !important;
    }

    .bpp-taxonomy-chip__name {
        max-width:
            125px;
    }

}

/* ========================================================================
   BPP TAXONOMY EXPLORE V1.2.1 FINAL REFINEMENT
   ======================================================================== */


/*
 * Prevent browser anchoring from influencing the horizontal rail.
 */
.bpp-taxonomy-children__rail {
    overflow-anchor: none;

    scrollbar-gutter: auto;

    scroll-padding-left: 0;
}


/*
 * The first category must have no artificial leading offset.
 */
.bpp-taxonomy-children__rail
> .bpp-taxonomy-chip:first-child {
    margin-left: 0 !important;
}


/*
 * Tighten desktop category rail slightly so more categories
 * are visible before horizontal scrolling is necessary.
 */
@media (min-width: 992px) {

    .bpp-taxonomy-children--premium {
        column-gap: 8px !important;
    }

    .bpp-taxonomy-children__rail {
        gap: 6px;
    }

    .bpp-taxonomy-children--premium
    .bpp-taxonomy-chip {
        min-height: 38px !important;

        padding:
            4px
            6px
            4px
            4px !important;
    }

    .bpp-taxonomy-chip__icon {
        flex-basis: 27px;

        width: 27px;
        height: 27px;
    }

    .bpp-taxonomy-chip__icon svg {
        width: 14px;
        height: 14px;
    }

    .bpp-taxonomy-chip__name {
        max-width: 150px;

        font-size: 11px !important;
    }

    .bpp-taxonomy-chip__count {
        min-width: 22px;

        height: 20px;

        padding:
            0
            5px;

        font-size: 9.5px !important;
    }

}


/* ========================================================================
   BPP_TAXONOMY_EXPLORE_V1_2_2_FINAL
   ======================================================================== */

.bpp-taxonomy-children__rail {
    overflow-anchor:
        none !important;

    scroll-behavior:
        auto !important;

    scroll-padding-inline-start:
        0 !important;

    justify-content:
        flex-start !important;
}


.bpp-taxonomy-children__rail
> .bpp-taxonomy-chip:first-child {
    margin-left:
        0 !important;
}


/*
 * Keep Explore fixed and prevent it from shrinking.
 */
.bpp-taxonomy-children--premium
.bpp-taxonomy-children__label {
    flex:
        0 0 auto !important;

    position:
        relative;

    z-index:
        2;
}


/*
 * Slightly denser desktop rail.
 */
@media (min-width: 992px) {

    .bpp-taxonomy-children__rail {
        gap:
            6px !important;
    }

    .bpp-taxonomy-children--premium
    .bpp-taxonomy-chip {
        min-height:
            38px !important;

        padding:
            4px
            6px
            4px
            4px !important;
    }

    .bpp-taxonomy-chip__icon {
        width:
            27px;

        height:
            27px;

        flex-basis:
            27px;
    }

    .bpp-taxonomy-chip__icon svg {
        width:
            14px;

        height:
            14px;
    }

    .bpp-taxonomy-chip__name {
        font-size:
            11px !important;
    }

    .bpp-taxonomy-chip__count {
        min-width:
            22px;

        height:
            20px;

        padding:
            0 5px;

        font-size:
            9.5px !important;
    }

}


/* BPP_TAXONOMY_EXPLORE_V1_2_3_START
   ========================================================================
   FINAL PREMIUM VISUAL POLISH
   Structure/query/count engine untouched.
   ======================================================================== */


/* ------------------------------------------------------------------------
   OUTER CATEGORY SECTION
   ------------------------------------------------------------------------ */

.bpp-taxonomy-presentation {
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fcfefd 100%
        ) !important;
}


.bpp-taxonomy-presentation
.rpgp2-container {
    padding-top:
        14px !important;

    padding-bottom:
        24px !important;
}


/* ------------------------------------------------------------------------
   FIXED EXPLORE LABEL
   ------------------------------------------------------------------------ */

.bpp-taxonomy-children--premium
.bpp-taxonomy-children__label {
    color:
        #5a6e63 !important;

    font-size:
        10.5px !important;

    font-weight:
        850 !important;

    letter-spacing:
        .12em !important;

    margin-right:
        2px !important;
}


/* ------------------------------------------------------------------------
   CATEGORY RAIL
   ------------------------------------------------------------------------ */

.bpp-taxonomy-children--premium {
    position:
        relative;

    column-gap:
        10px !important;
}


.bpp-taxonomy-children__rail {
    gap:
        7px !important;

    padding:
        4px
        42px
        7px
        1px !important;
}


/* ------------------------------------------------------------------------
   PREMIUM CATEGORY PILLS
   ------------------------------------------------------------------------ */

.bpp-taxonomy-children--premium
.bpp-taxonomy-chip {
    min-height:
        42px !important;

    padding:
        5px
        8px
        5px
        5px !important;

    gap:
        7px !important;

    border:
        1px solid
        #d9e4de !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdfc 100%
        ) !important;

    box-shadow:
        0
        3px
        9px
        rgba(17, 62, 43, .045),
        0
        1px
        2px
        rgba(17, 62, 43, .025);

    color:
        #20352a !important;

    transform:
        translateZ(0);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        background .18s ease,
        color .18s ease;
}


.bpp-taxonomy-children--premium
.bpp-taxonomy-chip:hover {
    transform:
        translateY(-2px);

    border-color:
        #9acbb1 !important;

    background:
        #ffffff !important;

    color:
        #087646 !important;

    box-shadow:
        0
        8px
        22px
        rgba(13, 108, 64, .11);
}


/* ------------------------------------------------------------------------
   SVG ICON TILES
   ------------------------------------------------------------------------ */

.bpp-taxonomy-chip__icon {
    flex:
        0
        0
        31px !important;

    width:
        31px !important;

    height:
        31px !important;

    border:
        1px solid
        rgba(12, 151, 85, .08);

    background:
        linear-gradient(
            180deg,
            #effaf4 0%,
            #e7f6ee 100%
        ) !important;

    color:
        #0d9655 !important;

    box-shadow:
        inset
        0
        0
        0
        1px
        rgba(255,255,255,.5);
}


.bpp-taxonomy-chip__icon svg {
    width:
        16px !important;

    height:
        16px !important;

    stroke-width:
        1.85;
}


/* ------------------------------------------------------------------------
   CATEGORY NAME
   ------------------------------------------------------------------------ */

.bpp-taxonomy-chip__name {
    max-width:
        155px !important;

    color:
        inherit;

    font-size:
        11.5px !important;

    line-height:
        1.15 !important;

    font-weight:
        750 !important;

    letter-spacing:
        -.01em;
}


/* ------------------------------------------------------------------------
   COUNTER BADGE
   ------------------------------------------------------------------------ */

.bpp-taxonomy-chip__count {
    min-width:
        25px !important;

    height:
        23px !important;

    padding:
        0
        7px !important;

    border:
        1px solid
        #d8e2dc !important;

    border-radius:
        999px !important;

    background:
        #eef4f0 !important;

    color:
        #3d584a !important;

    font-size:
        10px !important;

    line-height:
        1 !important;

    font-weight:
        850 !important;

    font-variant-numeric:
        tabular-nums;
}


/* ------------------------------------------------------------------------
   RIGHT-SIDE SCROLL CUE
   ------------------------------------------------------------------------ */

.bpp-taxonomy-children--premium::after {
    content:
        "›";

    position:
        absolute;

    right:
        0;

    top:
        50%;

    z-index:
        6;

    width:
        38px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    padding-right:
        4px;

    transform:
        translateY(-50%);

    pointer-events:
        none;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,.86) 45%,
            #ffffff 76%
        );

    color:
        #178551;

    font-size:
        26px;

    line-height:
        1;

    font-weight:
        500;
}


/* ------------------------------------------------------------------------
   SUMMARY CLEARANCE
   ------------------------------------------------------------------------ */

.bpp-taxonomy-presentation
~
.rpgp2-summary-wrap {
    margin-top:
        -5px !important;
}


/* ------------------------------------------------------------------------
   TABLET
   ------------------------------------------------------------------------ */

@media (max-width: 991px) {

    .bpp-taxonomy-presentation
    .rpgp2-container {
        padding-top:
            12px !important;

        padding-bottom:
            20px !important;
    }


    .bpp-taxonomy-children__rail {
        padding-right:
            38px !important;
    }


    .bpp-taxonomy-children--premium
    .bpp-taxonomy-chip {
        min-height:
            40px !important;
    }

}


/* ------------------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------------------ */

@media (max-width: 767px) {

    .bpp-taxonomy-presentation
    .rpgp2-container {
        padding-top:
            10px !important;

        padding-bottom:
            17px !important;
    }


    .bpp-taxonomy-children--premium {
        column-gap:
            7px !important;
    }


    .bpp-taxonomy-children--premium
    .bpp-taxonomy-children__label {
        font-size:
            9px !important;

        letter-spacing:
            .09em !important;
    }


    .bpp-taxonomy-children__rail {
        gap:
            7px !important;

        padding:
            3px
            34px
            5px
            0 !important;
    }


    .bpp-taxonomy-children--premium
    .bpp-taxonomy-chip {
        min-height:
            39px !important;

        padding:
            4px
            7px
            4px
            4px !important;
    }


    .bpp-taxonomy-chip__icon {
        flex-basis:
            29px !important;

        width:
            29px !important;

        height:
            29px !important;
    }


    .bpp-taxonomy-chip__icon svg {
        width:
            15px !important;

        height:
            15px !important;
    }


    .bpp-taxonomy-chip__name {
        max-width:
            135px !important;

        font-size:
            10.75px !important;
    }


    .bpp-taxonomy-chip__count {
        min-width:
            22px !important;

        height:
            20px !important;

        padding:
            0
            5px !important;

        font-size:
            9px !important;
    }


    .bpp-taxonomy-children--premium::after {
        width:
            31px;

        height:
            39px;

        font-size:
            22px;
    }


    .bpp-taxonomy-presentation
    ~
    .rpgp2-summary-wrap {
        margin-top:
            -3px !important;
    }

}


/* ------------------------------------------------------------------------
   SMALL MOBILE
   ------------------------------------------------------------------------ */

@media (max-width: 390px) {

    .bpp-taxonomy-children__rail {
        padding-right:
            30px !important;
    }


    .bpp-taxonomy-chip__name {
        max-width:
            120px !important;
    }

}


/* BPP_TAXONOMY_EXPLORE_V1_2_3_END */


/* BPP_TAXONOMY_EXPLORE_V1_3_START
   ========================================================================
   STRONG PREMIUM VISUAL AUTHORITY
   DATA / LINKS / COUNTERS / ORDER UNTOUCHED
   ======================================================================== */


/* =========================================================
   SECTION
   ========================================================= */

.bpp-taxonomy-presentation {
    position: relative !important;

    background:
        #f8fbf9 !important;

    border-top:
        1px solid
        #edf2ef !important;

    border-bottom:
        1px solid
        #e4ece7 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.92) !important;
}


.bpp-taxonomy-presentation
.rpgp2-container {
    padding-top:
        16px !important;

    padding-bottom:
        27px !important;
}


/* =========================================================
   EXPLORE + RAIL
   ========================================================= */

.bpp-taxonomy-children--premium {
    position:
        relative !important;

    display:
        grid !important;

    grid-template-columns:
        auto
        minmax(0,1fr) !important;

    align-items:
        center !important;

    gap:
        13px !important;

    width:
        100% !important;
}


.bpp-taxonomy-children--premium
.bpp-taxonomy-children__label {
    display:
        inline-flex !important;

    align-items:
        center !important;

    height:
        46px !important;

    margin:
        0 !important;

    color:
        #486157 !important;

    font-size:
        11px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    letter-spacing:
        .14em !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;
}


.bpp-taxonomy-children__rail {
    position:
        relative !important;

    display:
        flex !important;

    flex-wrap:
        nowrap !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        9px !important;

    min-width:
        0 !important;

    overflow-x:
        auto !important;

    overflow-y:
        hidden !important;

    padding:
        3px
        58px
        5px
        1px !important;

    scrollbar-width:
        none !important;

    scroll-snap-type:
        x proximity !important;

    -webkit-overflow-scrolling:
        touch !important;
}


.bpp-taxonomy-children__rail::-webkit-scrollbar {
    display:
        none !important;
}


/* =========================================================
   CATEGORY CARD/PILL
   ========================================================= */

.bpp-taxonomy-children--premium
.bpp-taxonomy-chip {
    flex:
        0
        0
        auto !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    gap:
        9px !important;

    height:
        46px !important;

    min-height:
        46px !important;

    padding:
        5px
        8px
        5px
        5px !important;

    border:
        1px solid
        #d7e2dc !important;

    border-radius:
        14px !important;

    background:
        #ffffff !important;

    color:
        #1d3328 !important;

    box-shadow:
        0
        2px
        3px
        rgba(24,52,39,.025),
        0
        6px
        18px
        rgba(24,52,39,.055) !important;

    white-space:
        nowrap !important;

    text-decoration:
        none !important;

    scroll-snap-align:
        start !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease !important;
}


.bpp-taxonomy-children--premium
.bpp-taxonomy-chip:hover {
    transform:
        translateY(-2px) !important;

    border-color:
        #79bd99 !important;

    background:
        #ffffff !important;

    color:
        #087746 !important;

    box-shadow:
        0
        4px
        6px
        rgba(13,94,54,.05),
        0
        12px
        26px
        rgba(13,94,54,.11) !important;
}


/* =========================================================
   ICON TILE
   ========================================================= */

.bpp-taxonomy-chip__icon {
    flex:
        0
        0
        34px !important;

    width:
        34px !important;

    height:
        34px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border:
        1px solid
        #cfeada !important;

    border-radius:
        10px !important;

    background:
        linear-gradient(
            145deg,
            #e7f8ef 0%,
            #f4fcf7 100%
        ) !important;

    color:
        #0d9555 !important;

    box-shadow:
        inset
        0
        1px
        0
        rgba(255,255,255,.9) !important;
}


.bpp-taxonomy-chip__icon svg {
    width:
        17px !important;

    height:
        17px !important;

    stroke-width:
        1.9 !important;
}


/* =========================================================
   CATEGORY NAME
   ========================================================= */

.bpp-taxonomy-chip__name {
    max-width:
        170px !important;

    color:
        inherit !important;

    font-size:
        12px !important;

    line-height:
        1.15 !important;

    font-weight:
        800 !important;

    letter-spacing:
        -.012em !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;

    white-space:
        nowrap !important;
}


/* =========================================================
   COUNTER
   ========================================================= */

.bpp-taxonomy-chip__count {
    flex:
        0
        0
        auto !important;

    min-width:
        27px !important;

    height:
        25px !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        0
        7px !important;

    border:
        1px solid
        #cee2d6 !important;

    border-radius:
        999px !important;

    background:
        #edf6f1 !important;

    color:
        #315c47 !important;

    font-size:
        10.5px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    font-variant-numeric:
        tabular-nums !important;
}


/* ZERO COUNTS — QUIETER */

.bpp-taxonomy-chip__count {
    opacity:
        .96;
}


/* =========================================================
   RIGHT EDGE CONTINUATION CUE
   ========================================================= */

.bpp-taxonomy-children--premium::after {
    content:
        "›" !important;

    position:
        absolute !important;

    right:
        2px !important;

    top:
        50% !important;

    z-index:
        8 !important;

    width:
        38px !important;

    height:
        38px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    transform:
        translateY(-50%) !important;

    border:
        1px solid
        #d0e4d8 !important;

    border-radius:
        50% !important;

    background:
        rgba(255,255,255,.96) !important;

    color:
        #0b8f52 !important;

    box-shadow:
        0
        6px
        18px
        rgba(10,92,53,.12) !important;

    font-size:
        27px !important;

    line-height:
        1 !important;

    font-weight:
        500 !important;

    pointer-events:
        none !important;
}


/*
 * White fade behind arrow.
 */

.bpp-taxonomy-children--premium::before {
    content:
        "" !important;

    position:
        absolute !important;

    right:
        0 !important;

    top:
        0 !important;

    bottom:
        0 !important;

    z-index:
        7 !important;

    width:
        76px !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            90deg,
            rgba(248,251,249,0) 0%,
            rgba(248,251,249,.90) 60%,
            #f8fbf9 100%
        ) !important;
}


/* =========================================================
   SUMMARY GAP
   ========================================================= */

.bpp-taxonomy-presentation
~
.rpgp2-summary-wrap {
    margin-top:
        -4px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .bpp-taxonomy-presentation
    .rpgp2-container {
        padding-top:
            13px !important;

        padding-bottom:
            21px !important;
    }


    .bpp-taxonomy-children--premium {
        gap:
            9px !important;
    }


    .bpp-taxonomy-children__rail {
        gap:
            8px !important;

        padding-right:
            54px !important;
    }


    .bpp-taxonomy-children--premium
    .bpp-taxonomy-chip {
        height:
            43px !important;

        min-height:
            43px !important;
    }


    .bpp-taxonomy-chip__icon {
        flex-basis:
            32px !important;

        width:
            32px !important;

        height:
            32px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .bpp-taxonomy-presentation
    .rpgp2-container {
        padding-top:
            10px !important;

        padding-bottom:
            17px !important;
    }


    .bpp-taxonomy-children--premium {
        grid-template-columns:
            auto
            minmax(0,1fr) !important;

        gap:
            7px !important;
    }


    .bpp-taxonomy-children--premium
    .bpp-taxonomy-children__label {
        height:
            40px !important;

        font-size:
            9px !important;

        letter-spacing:
            .1em !important;
    }


    .bpp-taxonomy-children__rail {
        gap:
            7px !important;

        padding:
            2px
            45px
            4px
            0 !important;

        scroll-snap-type:
            x mandatory !important;
    }


    .bpp-taxonomy-children--premium
    .bpp-taxonomy-chip {
        height:
            40px !important;

        min-height:
            40px !important;

        gap:
            7px !important;

        padding:
            4px
            7px
            4px
            4px !important;

        border-radius:
            12px !important;
    }


    .bpp-taxonomy-chip__icon {
        flex-basis:
            30px !important;

        width:
            30px !important;

        height:
            30px !important;

        border-radius:
            9px !important;
    }


    .bpp-taxonomy-chip__icon svg {
        width:
            15px !important;

        height:
            15px !important;
    }


    .bpp-taxonomy-chip__name {
        max-width:
            135px !important;

        font-size:
            10.75px !important;
    }


    .bpp-taxonomy-chip__count {
        min-width:
            22px !important;

        height:
            21px !important;

        padding:
            0
            5px !important;

        font-size:
            9px !important;
    }


    .bpp-taxonomy-children--premium::after {
        width:
            32px !important;

        height:
            32px !important;

        right:
            0 !important;

        font-size:
            23px !important;
    }


    .bpp-taxonomy-children--premium::before {
        width:
            58px !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

    .bpp-taxonomy-chip__name {
        max-width:
            118px !important;
    }

}


/* BPP_TAXONOMY_EXPLORE_V1_3_END */


/* BPP_TAXONOMY_EXPLORE_V1_3_1_START
   ========================================================================
   FINAL RIGHT EDGE GEOMETRY
   Arrow gets its own real grid column.
   It never overlays a category pill.
   ======================================================================== */


/* ---------------------------------------------------------
   DESKTOP / DEFAULT
   --------------------------------------------------------- */

.bpp-taxonomy-children--premium {
    display:
        grid !important;

    grid-template-columns:
        auto
        minmax(0, 1fr)
        44px !important;

    align-items:
        center !important;

    column-gap:
        12px !important;
}


/*
 * The rail owns only the middle column.
 */

.bpp-taxonomy-children--premium
.bpp-taxonomy-children__rail {
    grid-column:
        2 !important;

    grid-row:
        1 !important;

    min-width:
        0 !important;

    width:
        100% !important;

    padding:
        3px
        14px
        5px
        1px !important;

    overflow-x:
        auto !important;

    overflow-y:
        hidden !important;
}


/*
 * Retire the old overlay/fade.
 */

.bpp-taxonomy-children--premium::before {
    content:
        none !important;

    display:
        none !important;
}


/*
 * Arrow becomes a normal grid item.
 * No absolute positioning.
 * No overlap.
 */

.bpp-taxonomy-children--premium::after {
    content:
        "›" !important;

    position:
        static !important;

    inset:
        auto !important;

    grid-column:
        3 !important;

    grid-row:
        1 !important;

    justify-self:
        end !important;

    align-self:
        center !important;

    width:
        38px !important;

    height:
        38px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin:
        0 !important;

    padding:
        0 !important;

    transform:
        none !important;

    border:
        1px solid
        #cfe2d8 !important;

    border-radius:
        50% !important;

    background:
        #ffffff !important;

    color:
        #078f50 !important;

    box-shadow:
        0
        5px
        16px
        rgba(8, 95, 54, .11) !important;

    font-size:
        26px !important;

    line-height:
        1 !important;

    font-weight:
        500 !important;

    pointer-events:
        none !important;
}


/*
 * Fixed Explore label remains first column.
 */

.bpp-taxonomy-children--premium
.bpp-taxonomy-children__label {
    grid-column:
        1 !important;

    grid-row:
        1 !important;

    align-self:
        center !important;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 991px) {

    .bpp-taxonomy-children--premium {
        grid-template-columns:
            auto
            minmax(0, 1fr)
            40px !important;

        column-gap:
            9px !important;
    }


    .bpp-taxonomy-children--premium
    .bpp-taxonomy-children__rail {
        padding-right:
            10px !important;
    }


    .bpp-taxonomy-children--premium::after {
        width:
            35px !important;

        height:
            35px !important;

        font-size:
            24px !important;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .bpp-taxonomy-children--premium {
        grid-template-columns:
            auto
            minmax(0, 1fr)
            35px !important;

        column-gap:
            7px !important;
    }


    .bpp-taxonomy-children--premium
    .bpp-taxonomy-children__rail {
        padding:
            2px
            8px
            4px
            0 !important;
    }


    .bpp-taxonomy-children--premium::after {
        width:
            32px !important;

        height:
            32px !important;

        font-size:
            22px !important;
    }

}


/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 390px) {

    .bpp-taxonomy-children--premium {
        grid-template-columns:
            auto
            minmax(0, 1fr)
            32px !important;

        column-gap:
            5px !important;
    }


    .bpp-taxonomy-children--premium::after {
        width:
            29px !important;

        height:
            29px !important;

        font-size:
            20px !important;
    }

}


/* BPP_TAXONOMY_EXPLORE_V1_3_1_END */


/* BPP_TAXONOMY_EXPLORE_V1_3_2_START
   ========================================================================
   FINAL DESKTOP FIT
   - Preserve V1.3 premium design
   - Fit Office Space cleanly
   - Keep arrow in own column
   - Add soft rail-edge fade
   ======================================================================== */


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1200px) {

    /*
     * Slightly reclaim horizontal space without changing
     * the overall premium design.
     */

    .bpp-taxonomy-children--premium {
        grid-template-columns:
            auto
            minmax(0, 1fr)
            42px !important;

        column-gap:
            9px !important;
    }


    /*
     * Category rail.
     *
     * The mask creates a subtle visual continuation cue
     * before the arrow without sitting on top of a chip.
     */

    .bpp-taxonomy-children--premium
    .bpp-taxonomy-children__rail {
        gap:
            6px !important;

        padding:
            3px
            8px
            5px
            1px !important;

        -webkit-mask-image:
            linear-gradient(
                to right,
                #000 0%,
                #000 calc(100% - 14px),
                rgba(0,0,0,.72) calc(100% - 7px),
                rgba(0,0,0,.28) 100%
            );

        mask-image:
            linear-gradient(
                to right,
                #000 0%,
                #000 calc(100% - 14px),
                rgba(0,0,0,.72) calc(100% - 7px),
                rgba(0,0,0,.28) 100%
            );
    }


    /*
     * Keep the premium card feeling but make every pill
     * slightly more space-efficient.
     */

    .bpp-taxonomy-children--premium
    .bpp-taxonomy-chip {
        height:
            44px !important;

        min-height:
            44px !important;

        gap:
            7px !important;

        padding:
            5px
            7px
            5px
            5px !important;

        border-radius:
            13px !important;
    }


    /* Icon tile */

    .bpp-taxonomy-chip__icon {
        flex-basis:
            31px !important;

        width:
            31px !important;

        height:
            31px !important;

        border-radius:
            9px !important;
    }


    .bpp-taxonomy-chip__icon svg {
        width:
            15.5px !important;

        height:
            15.5px !important;
    }


    /*
     * Category names stay readable.
     * Long names such as Commercial Property still fit.
     */

    .bpp-taxonomy-chip__name {
        max-width:
            158px !important;

        font-size:
            11.25px !important;

        font-weight:
            800 !important;
    }


    /* Counter */

    .bpp-taxonomy-chip__count {
        min-width:
            24px !important;

        height:
            23px !important;

        padding:
            0
            6px !important;

        font-size:
            9.75px !important;
    }


    /*
     * Explore remains clearly separated but uses a little
     * less horizontal space.
     */

    .bpp-taxonomy-children--premium
    .bpp-taxonomy-children__label {
        font-size:
            10.5px !important;

        letter-spacing:
            .12em !important;
    }


    /*
     * Arrow remains in its dedicated third column.
     */

    .bpp-taxonomy-children--premium::after {
        width:
            36px !important;

        height:
            36px !important;

        font-size:
            24px !important;
    }

}


/* =========================================================
   EXTRA-WIDE DESKTOP
   ========================================================= */

@media (min-width: 1440px) {

    .bpp-taxonomy-children--premium
    .bpp-taxonomy-children__rail {
        gap:
            7px !important;
    }


    .bpp-taxonomy-chip__name {
        max-width:
            165px !important;

        font-size:
            11.5px !important;
    }

}


/* =========================================================
   TABLET
   Preserve V1.3.1 geometry and swipe behavior.
   ========================================================= */

@media (max-width: 1199px) {

    .bpp-taxonomy-children--premium
    .bpp-taxonomy-children__rail {
        -webkit-mask-image:
            none !important;

        mask-image:
            none !important;
    }

}


/* =========================================================
   MOBILE
   Explicitly preserve current mobile behavior.
   ========================================================= */

@media (max-width: 767px) {

    .bpp-taxonomy-children--premium
    .bpp-taxonomy-children__rail {
        overflow-x:
            auto !important;

        scroll-snap-type:
            x mandatory !important;
    }

}


/* BPP_TAXONOMY_EXPLORE_V1_3_2_END */


/* BPP_TAXONOMY_EXPLORE_V1_3_3_START
   ========================================================================
   EXPLORE / SUMMARY SEPARATION

   Fix:
   The Properties Found / For Sale / All Locations summary must sit
   clearly BELOW the Explore category rail.

   No category, counter, filter or listing logic is modified.
   ======================================================================== */


/* =========================================================
   EXPLORE SECTION
   ========================================================= */

.bpp-taxonomy-presentation {
    position:
        relative !important;

    z-index:
        20 !important;

    overflow:
        visible !important;

    margin-bottom:
        0 !important;
}


.bpp-taxonomy-presentation
.rpgp2-container {
    padding-bottom:
        18px !important;
}


/*
 * Ensure the rail itself does not leak vertically into
 * the following summary section.
 */

.bpp-taxonomy-children--premium {
    position:
        relative !important;

    margin-bottom:
        0 !important;
}


.bpp-taxonomy-children__rail {
    position:
        relative !important;

    margin-bottom:
        0 !important;
}


/* =========================================================
   SUMMARY WRAPPER
   ========================================================= */

.bpp-taxonomy-presentation
~
.rpgp2-summary-wrap {
    position:
        relative !important;

    z-index:
        10 !important;

    clear:
        both !important;

    margin-top:
        12px !important;

    transform:
        none !important;

    translate:
        none !important;

    top:
        auto !important;
}


/*
 * Remove any inherited upward pull from the old premium
 * summary implementation.
 */

.rpgp2-summary-wrap {
    transform:
        none !important;

    translate:
        none !important;
}


/* =========================================================
   SUMMARY CARD
   ========================================================= */

.rpgp2-summary-wrap
.rpgp2-summary-card {
    position:
        relative !important;

    top:
        auto !important;

    transform:
        none !important;

    translate:
        none !important;

    margin-top:
        0 !important;

    overflow:
        hidden !important;
}


/*
 * Vertically center the summary contents so:
 *
 * 394
 * Properties Found
 *
 * For Sale
 * All Types
 *
 * All Locations
 * Ghana Wide
 *
 * cannot visually rise into the Explore rail.
 */

.rpgp2-summary-card
.rpgp2-summary-item {
    align-self:
        stretch !important;

    display:
        flex !important;

    align-items:
        center !important;
}


.rpgp2-summary-card
.rpgp2-summary-item > div {
    display:
        flex !important;

    flex-direction:
        column !important;

    justify-content:
        center !important;

    min-height:
        48px !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1200px) {

    .bpp-taxonomy-presentation
    .rpgp2-container {
        padding-top:
            14px !important;

        padding-bottom:
            18px !important;
    }


    .bpp-taxonomy-presentation
    ~
    .rpgp2-summary-wrap {
        margin-top:
            12px !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199px) and (min-width: 768px) {

    .bpp-taxonomy-presentation
    .rpgp2-container {
        padding-bottom:
            15px !important;
    }


    .bpp-taxonomy-presentation
    ~
    .rpgp2-summary-wrap {
        margin-top:
            10px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .bpp-taxonomy-presentation
    .rpgp2-container {
        padding-bottom:
            12px !important;
    }


    .bpp-taxonomy-presentation
    ~
    .rpgp2-summary-wrap {
        margin-top:
            8px !important;
    }


    .rpgp2-summary-card
    .rpgp2-summary-item > div {
        min-height:
            42px !important;
    }

}


/* BPP_TAXONOMY_EXPLORE_V1_3_3_END */