/* ==================================================
   BLOK: Bannery - bílý podklad
================================================== */

.catCards-bg_4 {

    width: 100vw;
    margin-left: calc(50% - 50vw);

    background: #fff;

}


.catCards-bg_4 .newBanners {

    max-width: 1400px;
    margin: 0 auto;

    padding: 60px 20px 60px;

}



/* NADPIS */

.catCards-bg_4 .newBanners__heading {

    text-align: center;

    margin: 0 0 40px;

    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;

    color: #000;

}



/* DESKTOP */

.catCards-bg_4 .swiper-wrapper {

    display: grid;

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

    gap: 30px;

}



.catCards-bg_4 .newBanners__card {

    display: block;

    overflow: hidden;

    border-radius: 14px;

    box-shadow:
        0 8px 20px rgba(0,0,0,.08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}



.catCards-bg_4 .newBanners__card:hover {

    transform: translateY(-4px);

    box-shadow:
        0 14px 28px rgba(0,0,0,.14);

}



.catCards-bg_4 .newBanners__card img {

    display:block;

    width:100%;

    height:auto;

}



/* ==================================================
   MOBIL - SWIPE
================================================== */

@media(max-width:768px){


    .catCards-bg_4 .newBanners {

        padding:
            40px 15px 40px;

    }


    .catCards-bg_4 .newBanners__heading {

        font-size:24px;

        margin-bottom:30px;

    }



    .catCards-bg_4 .swiper-wrapper {

        display:flex;

        gap:0;

    }



    .catCards-bg_4 .newBanners__card {

        flex:
            0 0 85%;

        width:85%;

    }



}