/* Garde la taille normale des badges dans la description produit */
.description-produit .prod__type {
    font-size: 14px !important;
    padding: 5px 10px !important;
}

/* Réduction de 50% UNIQUEMENT dans la liste des produits */
@media screen and (max-width: 768px) {
    .prod__listing .prod__type, 
    .liste-produits .prod__type, 
    .prod__grid .prod__type, 
    .prod__card .prod__type {
        font-size: 6px !important;  /* Encore plus petit */
        padding: 1px 3px !important; /* Réduction du padding */
        transform: scale(0.4) !important; /* Réduction forcée */
        max-width: 60px !important; /* Ajuste la largeur max */
        display: inline-block !important; /* S’assure que le badge ne disparaisse pas */
        white-space: nowrap !important; /* Empêche le retour à la ligne */
        text-align: center !important; /* Centre le texte */
    }
}


@media (max-width: 768px) {
    .hero-section, .wiziblock {
        background-size: contain !important; /* ✅ Évite que l'image soit coupée */
        background-position: center !important;
        height: auto !important;
        width: 100% !important;
    }

    .hero-section img, .wiziblock img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .hero-text {
        font-size: 18px !important;
        text-align: center !important;
        padding: 10px !important;
    }
}

/* ✅ Style du conteneur du produit */
.featured-product {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 300px !important; /* ✅ Ajuste la taille */
    margin: auto !important;
    padding: 15px !important;
    border-radius: 12px !important;
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
    box-shadow: 0px 4px 15px rgba(40, 167, 69, 0.2) !important;
    background: #ffffff !important;
    text-align: center !important;
}

/* ✅ Effet au survol : zoom fluide */
.featured-product:hover {
    transform: scale(1.05) !important;
    box-shadow: 0px 8px 25px rgba(40, 167, 69, 0.4) !important;
    border-color: #218838 !important;
}

/* ✅ Zoom progressif sur l’image */
.featured-product img {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
    transition: transform 0.4s ease-in-out !important;
}

/* ✅ Effet de zoom sur l’image au survol */
.featured-product:hover img {
    transform: scale(1.1) !important;
}

/* ✅ Ajout d’un badge "Stock limité" */
.featured-product::before {
    content: "⚡ Stock Limité ! ⚡";
    position: absolute;
    top: 10px;
    left: 10px;
    background: red;
    color: white;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    z-index: 10;
    text-transform: uppercase;
}

/* ✅ Style du texte et du bouton */
.featured-product .product-info {
    margin-top: 10px !important;
}

.featured-product h2 {
    font-size: 20px !important;
    font-weight: bold !important;
    color: #333 !important;
}

.featured-product .price {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #28a745 !important;
}

.featured-product .description {
    font-size: 14px !important;
    color: #555 !important;
    margin: 10px 0 !important;
}

.featured-product .btn-buy {
    display: inline-block !important;
    padding: 10px 15px !important;
    background: #28a745 !important;
    color: white !important;
    text-decoration: none !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    transition: background 0.3s ease-in-out !important;
}

.featured-product .btn-buy:hover {
    background: #218838 !important;
}