.recent-products-section {
        padding: 20px;
        margin: 15px 0;
        background: #f8fff8;
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(0, 140, 0, 0.1);
    }

    .recent-products-header {
        text-align: center;
        margin-bottom: 20px;
    }

    .recent-products-header h3 {
        color: #008751;
        font-size: 22px;
        font-weight: 600;
        padding-bottom: 8px;
    }

    .recent-products-container {
        display: flex;
        gap: 15px; /* Réduit l'espace entre les cartes */
        overflow-x: auto;
        padding: 10px 5px;
    }

    .recent-product-card {
        min-width: 160px; /* Réduit la largeur minimale */
        max-width: 180px; /* Réduit la largeur maximale */
        background: white;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 135, 81, 0.1);
        transition: all 0.3s ease;
        border: 1px solid rgba(0, 135, 81, 0.1);
    }

    .recent-product-image {
        height: 120px; /* Réduit la hauteur de l'image */
        overflow: hidden;
        border-radius: 8px 8px 0 0;
        position: relative;
    }

    .recent-product-image img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Change cover en contain pour voir l'image entière */
        transition: transform 0.3s ease;
        padding: 5px; /* Ajoute un petit padding autour de l'image */
    }

    .recent-product-info {
        padding: 10px; /* Réduit le padding */
    }

    .recent-product-info h4 {
        font-size: 14px; /* Réduit la taille du texte */
        margin-bottom: 5px;
    }

    .recent-product-price {
        font-size: 15px; /* Réduit la taille du prix */
        margin: 8px 0;
    }

    /* Uniquement les styles pour les actions et icônes */
    .recent-product-actions {
        display: flex;
        justify-content: space-between;
        align-items: center; /* Assure l'alignement vertical */
        padding: 8px 15px;
        height: 40px; /* Hauteur fixe pour le conteneur */
    }

    .view-btn, .cart-btn {
        background: #008751;
        color: white;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0; /* Supprime les marges */
        padding: 0; /* Supprime le padding */
        line-height: 1; /* Assure que la ligne de texte est uniforme */
    }

    .cart-form {
        margin: 0;
        display: flex;
        align-items: center;
        height: 28px; /* Même hauteur que les boutons */
    }

    .view-btn i, .cart-btn i {
        font-size: 14px;
        display: flex; /* Assure un meilleur alignement des icônes */
        align-items: center;
        justify-content: center;
    }

    /* Ajuste la hauteur de la barre de défilement */
    .recent-products-container::-webkit-scrollbar {
        height: 6px;
    }

    /* Réduit l'effet de survol */
    .recent-product-card:hover {
        transform: translateY(-4px);
    }

    /* Ajuste l'animation */
    @keyframes slideIn {
        from {
            opacity: 0;
            transform: translateY(10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Ajout d'un style pour le texte des boutons */
    .view-btn span, .cart-btn span {
        display: none; /* Cache le texte des boutons pour ne garder que les icônes */
    }