/* Style spécifique pour Mobile - Bouton Flottant/Action */
@media (max-width: 768px) {
    .product-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 15px 0;
    }

    .buy-now {
        background: #e67e22;
        /* Orange Baara */
        color: white;
        padding: 15px;
        font-size: 1.2rem;
        font-weight: bold;
        border: none;
        border-radius: 50px;
        /* Bords ronds */
        width: 100%;
        animation: pulse 2s infinite;
        /* Animation pour attirer l'attention */
        box-shadow: 0 4px 15px rgba(230, 126, 34, 0.4);
        cursor: pointer;
        display: flex;
        /* Important pour centrer icône + texte */
        justify-content: center;
        align-items: center;
        gap: 10px;
        text-decoration: none;
        /* Retirer soulignement pour le lien */
    }

    .buy-now:hover {
        transform: scale(1.02);
    }

    .buy-now i {
        font-size: 1.2em;
    }

    .add-to-cart {
        padding: 12px;
        border-radius: 8px;
    }
}

/* Version Desktop pour le bouton (plus discret ou absent selon préférence, ici on le garde propre) */
@media (min-width: 769px) {
    .buy-now {
        background: #e67e22;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 4px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s;
        margin-left: 10px;
    }

    .buy-now:hover {
        background: #d35400;
    }
}

/* Animation Pulse */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(230, 126, 34, 0.7);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(230, 126, 34, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(230, 126, 34, 0);
    }
}

/* Highlight effect */
.highlight-form {
    animation: flashBorder 1.5s;
}

@keyframes flashBorder {

    0%,
    100% {
        border-color: #ddd;
    }

    50% {
        border-color: #e67e22;
        box-shadow: 0 0 20px rgba(230, 126, 34, 0.3);
    }
}