/* ==========================================================
   VBC Framework
   Related Products
   Version: 1.0.0
========================================================== */

.vbc-related-products{
    margin:50px 0 30px;
}

.vbc-related-products__panel{
    padding:40px;
    background:var(--vbc-color-surface);
    border:1px solid var(--vbc-color-border);
    border-radius:var(--vbc-radius-lg);
}

.vbc-related-products .vbc-section-heading__title{
    font-size:26px;
    white-space:nowrap;
}

@media (max-width:640px){

    .vbc-related-products .vbc-section-heading__title{
        white-space:normal;
        font-size:22px;
    }

}

/* ==========================================================
   Heading
========================================================== */

.vbc-related-products .vbc-section-heading{
    margin-bottom:50px;
}

/* ==========================================================
   Grid
========================================================== */

.vbc-related-products .vbc-product-grid__wrapper{

    display:grid;

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

    gap:30px;

}

/* ==========================================================
   Card Hover Enhancement
========================================================== */

.vbc-related-products .vbc-product-card{

    height:100%;

}

.vbc-related-products .vbc-product-card:hover{

    transform:translateY(-6px);

}

/* ==========================================================
   CTA
========================================================== */

.vbc-related-products__footer{

    margin-top:50px;

    text-align:center;

}

.vbc-related-products__footer .vbc-btn{

    min-width:240px;

}

/* ==========================================================
   Responsive
========================================================== */

@media (max-width:1400px){

    .vbc-related-products .vbc-product-grid__wrapper{

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

    }

}

@media (max-width:992px){

    .vbc-related-products{

        margin:56px 0;

    }

    .vbc-related-products .vbc-product-grid__wrapper{

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

        gap:24px;

    }

}

@media (max-width:640px){

    .vbc-related-products{

        margin:0 0 20px;

    }

    .vbc-related-products .vbc-product-grid__wrapper{

        display:flex;

        grid-template-columns:none;

        gap:16px;

        overflow-x:auto;

        scroll-snap-type:x mandatory;

        padding-bottom:8px;

        scrollbar-width:none;

        -ms-overflow-style:none;

    }

    .vbc-related-products .vbc-product-grid__wrapper::-webkit-scrollbar{

        display:none;

    }

    .vbc-related-products .vbc-product-card{

        flex:0 0 76%;

        width:76%;

        scroll-snap-align:start;

    }

}