/* ==========================================
                MERCH
========================================== */

.merch{
    background:#FAFAFA;
}

.merch-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:50px;
}

.merch-card{
    background:white;
    border-radius:18px;
    box-shadow:var(--shadow);
    overflow:hidden;
    transition:.3s;
    text-align:center;
}

.merch-card:hover{
    transform:translateY(-8px);
}

.merch-card img{
    width:100%;
    height:260px;
    object-fit:cover;
}

.merch-card h3{
    margin-top:20px;
    font-size:22px;
}

.merch-card p{
    color:var(--primary);
    font-weight:600;
    margin:15px 0;
}

.merch-card .btn{
    margin-bottom:25px;
}

.merch-button{
    display: flex;
    justify-content:center;
    margin-top:-20px;
}

.swiper{
    width:100%;
    padding:50px 0;
}

.swiper-slide{
    background:white;
    border-radius:20px;
    overflow:hidden;
    text-align:center;
    transition:.45s;
    transform:scale(.88);
    opacity:.55;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.swiper-slide-active{
    transform:scale(1.08);
    opacity:1;
}

.swiper-slide img{
    width:100%;
    height:230px;
    object-fit:cover;
}

.swiper-slide h3{
    padding:18px;
    font-size:22px;
}

.swiper-button-next::after,
.swiper-button-prev::after{
    font-size:18px;
    font-weight:bold;
}

.swiper-button-next,
.swiper-button-prev{
    width:45px;
    height:45px;
    border-radius:50%;
    background:#F4B53F;
    color:white;
    transition:.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
    transform:scale(1.15);
}