/* ===============================
   RECOMMENDATIONS
================================ */

.recommend-section{

    width:100%;
    padding:70px 5%;
    background:#fff;

}

.recommend-header{

    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:40px;

}

.recommend-title h2{

    font-size:2rem;
    font-weight:700;

}

.recommend-title p{

    color:#666;
    margin-top:8px;

}

/* ===============================
   ARROWS
================================ */

.recommend-controls{

    display:flex;
    gap:10px;

}

.recommend-controls button{

    width:45px;
    height:45px;

    border:1px solid #ddd;
    background:#fff;

    border-radius:50%;

    cursor:pointer;

    transition:.3s;

}

.recommend-controls button:hover{

    background:#000;
    color:#fff;

}/* ===============================
   SLIDER
================================ */

.recommend-slider{

    display:flex;
    gap:20px;

    overflow-x:auto;
    scroll-behavior:smooth;

    scrollbar-width:none;

    padding-bottom:10px;

}

.recommend-slider::-webkit-scrollbar{

    display:none;

}

/* ===============================
   PRODUCT CARD
================================ */

.recommend-card{

    width:260px;
    min-width:260px;

    background:#fff;

    border:1px solid #e8e8e8;

    border-radius:18px;

    overflow:hidden;

    transition:.3s;

    flex-shrink:0;

}

.recommend-card:hover{

    border-color:#000;

}

/* ===============================
   IMAGE
================================ */

.recommend-image{

    display:flex;

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

    width:100%;
    height:260px;

    background:#fff;

    overflow:hidden;

    text-decoration:none;

}

.recommend-image img{

    width:80%;
    height:80%;

    object-fit:contain;

    transition:.35s;

}

.recommend-card:hover img{

    transform:scale(1.06);

}

/* ===============================
   PRODUCT INFO
================================ */

.recommend-info{

    padding:18px;

    text-align:center;

}

.recommend-info h3{

    font-size:18px;
    font-weight:700;

    margin-bottom:10px;

}

.product-size{

    color:#777;

    font-size:15px;

    margin-bottom:8px;

}

.product-price{

    font-size:20px;

    font-weight:700;

    color:#000;

}