/* ==========================================================
   PADIDAR SUPPLIERS V1
   Professional suppliers / partner factories section
   ========================================================== */


body.home .pf-suppliers-section{
    position:relative;

    padding:
        72px 0 78px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(15,69,111,.08),
            transparent 25%
        ),
        radial-gradient(
            circle at 92% 85%,
            rgba(229,30,53,.07),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #f7fafc 0%,
            #edf3f7 100%
        );

    border-top:
        1px solid #e5edf3;
}


body.home
.pf-suppliers-section::before{
    content:"";

    position:absolute;

    inset:0;

    opacity:.28;

    pointer-events:none;

    background-image:
        linear-gradient(
            90deg,
            rgba(8,50,87,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(8,50,87,.035) 1px,
            transparent 1px
        );

    background-size:
        34px 34px;
}


/* ---------- HEADING ---------- */

body.home
.pf-suppliers-heading{
    position:relative;
    z-index:1;

    max-width:720px;

    margin:
        0 auto 34px;

    text-align:center;
}


body.home
.pf-suppliers-kicker{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-height:30px;

    padding:
        4px 14px;

    margin-bottom:10px;

    border-radius:999px;

    background:
        rgba(229,30,53,.08);

    color:#e51e35;

    font-size:15px;
    font-weight:900;
}


body.home
.pf-suppliers-heading h2{
    margin:
        0 0 8px !important;

    color:#07345f;

    font-size:31px !important;
    line-height:1.5 !important;
    font-weight:900 !important;
}


body.home
.pf-suppliers-heading h2::after{
    content:"";

    display:block;

    width:54px;
    height:3px;

    margin:
        10px auto 0;

    border-radius:20px;

    background:#e51e35;
}


body.home
.pf-suppliers-heading p{
    margin:
        12px auto 0 !important;

    color:#64798c;

    font-size:16px !important;
    line-height:1.9 !important;
    font-weight:600 !important;
}


/* ---------- GRID ---------- */

body.home
.pf-suppliers-grid{
    position:relative;
    z-index:1;

    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:18px;

    width:100%;
}


/* ---------- CARD ---------- */

body.home
.pf-supplier-card{
    position:relative;

    min-width:0;
    min-height:190px;

    margin:0;

    padding:
        21px 18px 19px;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    border:
        1px solid
        rgba(9,54,91,.10);

    border-radius:16px;

    background:
        rgba(255,255,255,.90);

    box-shadow:
        0 8px 26px
        rgba(4,43,76,.055);

    text-align:center;

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


body.home
.pf-supplier-card::before{
    content:"";

    position:absolute;

    top:0;
    right:0;

    width:72px;
    height:4px;

    border-radius:
        0 16px 0 12px;

    background:
        linear-gradient(
            90deg,
            #e51e35,
            #ff6676
        );

    transition:
        width .25s ease;
}


body.home
.pf-supplier-card:hover{
    transform:
        translateY(-5px);

    border-color:
        rgba(229,30,53,.22);

    box-shadow:
        0 15px 34px
        rgba(4,43,76,.11);
}


body.home
.pf-supplier-card:hover::before{
    width:100%;
}


/* ---------- NORMALIZED LOGO STAGE ---------- */

body.home
.pf-supplier-logo{
    width:100%;

    height:92px;

    display:flex;

    align-items:center;
    justify-content:center;

    padding:
        6px 8px;
}


body.home
.pf-supplier-logo img{
    display:block;

    width:180px;
    height:74px;

    max-width:100%;
    max-height:74px;

    object-fit:contain;
    object-position:center;

    margin:auto;
}


/* ---------- DIVIDER ---------- */

body.home
.pf-supplier-divider{
    width:42px;
    height:1px;

    margin:
        11px auto 10px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #bdcbd7,
            transparent
        );
}


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

body.home
.pf-supplier-name{
    margin:0 !important;

    min-height:48px;

    display:flex;

    align-items:center;
    justify-content:center;

    color:#173e60 !important;

    font-size:17px !important;
    line-height:1.65 !important;
    font-weight:900 !important;

    text-align:center;
}


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

@media(max-width:980px){

    body.home
    .pf-suppliers-section{
        padding:
            55px 0 60px;
    }


    body.home
    .pf-suppliers-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

}


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

@media(max-width:600px){

    body.home
    .pf-suppliers-section{
        padding:
            44px 0 48px;
    }


    body.home
    .pf-suppliers-heading{
        margin-bottom:24px;
    }


    body.home
    .pf-suppliers-heading h2{
        font-size:
            25px !important;
    }


    body.home
    .pf-suppliers-heading p{
        font-size:
            14px !important;
    }


    body.home
    .pf-suppliers-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap:10px;
    }


    body.home
    .pf-supplier-card{
        min-height:170px;

        padding:
            16px 9px 14px;

        border-radius:12px;
    }


    body.home
    .pf-supplier-logo{
        height:78px;
    }


    body.home
    .pf-supplier-logo img{
        width:145px;
        height:62px;

        max-height:62px;
    }


    body.home
    .pf-supplier-name{
        min-height:48px;

        font-size:
            14px !important;

        line-height:
            1.6 !important;
    }

}