/* Recommendations and Order History Styles */
.recommendations-section {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 1.5rem;
    margin-top: 2rem;
    border-left: 4px solid #ff6b35;
}

.recommendation-card {
    transition: transform 0.2s ease;
}

.recommendation-card:hover {
    transform: translateY(-5px);
}

.popular-card {
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.popular-card:hover {
    border-color: #ff6b35;
    transform: translateY(-3px);
}

.popular-items-section {
    background: linear-gradient(135deg, #fff5f5 0%, #fff 100%);
    padding: 2rem 0;
    border-radius: 15px;
}

.order-card {
    transition: transform 0.2s ease;
    border-left: 4px solid #ff6b35;
}

.order-card:hover {
    transform: translateY(-2px);
}

.order-items {
    max-height: 150px;
    overflow-y: auto;
}

.order-actions .btn {
    transition: all 0.2s ease;
}

.order-actions .btn:hover {
    transform: scale(1.05);
}

.favorites-list .border:hover {
    background-color: #f8f9fa;
    border-color: #ff6b35 !important;
}

.recommendations-container {
    animation: slideInUp 0.5s ease-out;
}

@keyframes slideInUp {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}