.carousel-wrap{
    position:relative
}

.carousel{
    display:flex;
    gap:12px;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding:8px 6px
}

.carousel::-webkit-scrollbar{
    height:8px
}

.carousel img{
    height:160px;
    border-radius:10px;
    object-fit:cover
}

/* ARROWS */
.carousel-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(255,255,255,0.95);
    border:1px solid rgba(0,0,0,0.06);
    padding:8px;
    border-radius:10px;
    cursor:pointer;
    z-index:10;
    box-shadow:0 8px 20px rgba(0,0,0,0.08)
}

.carousel-arrow.left{
    left:6px
}

.carousel-arrow.right{
    right:6px
}

/* MOBILE */
@media (max-width:640px){

    .carousel-arrow{
        display:none
    }

    .carousel img{
        height:120px
    }

}