#recommendations{

    animation:fade .4s ease;

}

.recommendation-card{

    display:flex;

    gap:20px;

    align-items:center;

    background:white;

    border-radius:16px;

    padding:18px;

    margin-bottom:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.recommendation-card img{

    width:140px;

    border-radius:12px;

}

.badge{

    display:inline-block;

    background:#2563EB;

    color:white;

    padding:6px 14px;

    border-radius:30px;

    margin-top:10px;

    font-size:13px;

}

@keyframes fade{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}