/* ==========================================================
   PADIDAR HOME CATEGORIES V3
   Priority categories + preserve existing cards
   Horizontal scroll
   ========================================================== */


/* only homepage product/service strip */

body.home .pf-cards-seven{
    display:flex !important;

    flex-wrap:nowrap !important;

    align-items:stretch !important;

    gap:14px !important;

    width:100% !important;
    max-width:100% !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    padding:
        5px 2px 18px !important;

    scroll-snap-type:
        x proximity;

    overscroll-behavior-inline:
        contain;

    -webkit-overflow-scrolling:
        touch;

    scrollbar-width:
        thin;
}


/*
 * Do not remove any child.
 */

body.home .pf-cards-seven > *{
    flex:
        0 0 205px !important;

    width:205px !important;
    min-width:205px !important;
    max-width:205px !important;

    scroll-snap-align:start;
}


/*
 * Existing product card design stays intact.
 */

body.home .pf-cards-seven
.pf-product-card{
    height:auto !important;

    min-height:292px !important;
}


/* scrollbar */

body.home
.pf-cards-seven::-webkit-scrollbar{
    height:6px;
}

body.home
.pf-cards-seven::-webkit-scrollbar-track{
    background:#edf2f6;
    border-radius:30px;
}

body.home
.pf-cards-seven::-webkit-scrollbar-thumb{
    background:#aab9c7;
    border-radius:30px;
}

body.home
.pf-cards-seven::-webkit-scrollbar-thumb:hover{
    background:#ec1024;
}


/* large desktop */

@media(min-width:1400px){

    body.home .pf-cards-seven > *{
        flex-basis:215px !important;

        width:215px !important;
        min-width:215px !important;
        max-width:215px !important;
    }

}


/* tablet */

@media(max-width:900px){

    body.home .pf-cards-seven > *{
        flex-basis:190px !important;

        width:190px !important;
        min-width:190px !important;
        max-width:190px !important;
    }

}


/* mobile */

@media(max-width:600px){

    body.home .pf-cards-seven{
        gap:10px !important;
    }

    body.home .pf-cards-seven > *{
        flex-basis:165px !important;

        width:165px !important;
        min-width:165px !important;
        max-width:165px !important;
    }

}



/* ==========================================================
   PADIDAR CATEGORY AUTOSCROLL V2 SUPPORT
   Prevent CSS scroll snapping from blocking slow JS movement
   ========================================================== */

body.home .pf-cards-seven{
    scroll-behavior:auto !important;
}


/* During automatic movement we must not snap card-to-card */

body.home
.pf-cards-seven.pf-auto-scrolling{
    scroll-snap-type:none !important;
}


/* User can still scroll/drag naturally */

body.home
.pf-cards-seven > *{
    scroll-snap-stop:normal !important;
}