.elementor-1122 .elementor-element.elementor-element-3c11446{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1122 .elementor-element.elementor-element-88eff3e{text-align:center;}.elementor-1122 .elementor-element.elementor-element-88eff3e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-287f547 );}#elementor-popup-modal-1122{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1122 .dialog-message{width:1000px;height:auto;}#elementor-popup-modal-1122 .dialog-close-button{display:flex;}#elementor-popup-modal-1122 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-ea10e0b *//* Importer la police Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/* Style global du formulaire */
#velo-filter-form {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    padding: 20px;
    border-radius: 10px;
    background-color: #f9f9f9;
}

/* Style des groupes de champs */
#velo-filter-form .form-group {
    margin-bottom: 15px;
}

/* Style des labels de chaque section */
#velo-filter-form .form-group > label {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    display: block;
    margin-bottom: 10px;
}

/* Supprimer les sauts de ligne */
#velo-filter-form .form-group br {
    display: none;
}

/* Container pour chaque option de choix */
#velo-filter-form .option-container {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

/* Style des boutons radio */
#velo-filter-form input[type="radio"] {
    appearance: none;
    border: 2px solid #41BA9C;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

#velo-filter-form input[type="radio"]:checked {
    background-color: #41BA9C;
    border-color: #41BA9C;
}

/* Style des labels à côté des boutons radio */
#velo-filter-form .option-container label {
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    cursor: pointer;
}

/* Style des champs de budget */
#velo-filter-form input[type="number"] {
    width: 70px;
    padding: 5px;
    font-size: 14px;
    font-weight: normal;
    color: #949090;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    text-align: center;
    margin-right: 10px;
    background-color: transparent;
}

/* Style du bouton de soumission */
#velo-filter-form #submit-button {
    background-color: #41BA9C;
    color: #FFFFFF;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    transition: background-color 0.3s;
}

#velo-filter-form #submit-button:hover {
    background-color: #36a387;
}

#product-results {
    font-family: 'Montserrat', sans-serif; /* Police Montserrat */
    color: #000000; /* Couleur du texte */
    text-transform: uppercase; /* Texte en majuscules */
    margin-top: 20px; /* Espacement supérieur */
}

#product-results h3 {
    font-size: 18px; /* Taille de la police pour le titre */
    font-weight: bold; /* Gras pour le titre */
}

#product-results p {
    font-size: 14px; /* Taille de la police pour les paragraphes */
    font-weight: normal; /* Normal pour le texte */
    color: #000000; /* Couleur du texte */
    margin: 5px 0; /* Espacement entre les paragraphes */
}

#product-results .error {
    color: red; /* Couleur rouge pour les messages d'erreur */
}

/* Titre des résultats */
.results-title {
    font-family: 'Montserrat', sans-serif;
    color:#000000;
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

/* Grille de produits */
.products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 produits par ligne */
    gap: 20px; /* Espacement entre les produits */
    justify-items: center;
    margin: 0 auto;
    max-width: 1200px;
}

/* Chaque produit */
.product-item {
    text-align: center;
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: transform 0.3s;
}

.product-item h2 {
    font-size: 16px;
    margin-bottom: 10px;
}

.product-item img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.product-item p {
    font-size: 14px;
    color: #666;
}

/* Effet hover pour chaque produit */
.product-item:hover {
    transform: scale(1.05);
}

/* Responsive: réduire à 2 colonnes sur des écrans plus petits */
@media (max-width: 768px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive: une seule colonne sur mobiles */
@media (max-width: 480px) {
    .products-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */