.message-box h2{
  color: #111111 !important;
  font-weight: bold;
}
.message-box .lead {
    padding-top: 10px;
    font-size: 19px;
    font-style: normal;
    color: #053d69;
    padding-bottom: 0;
    font-weight: 500;
}
/* .btn11{
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    border-radius: 0.375rem;
    transition: all 0.3s ease;
    background-color: var(--accent-color);
    color: var(--contrast-color);
    border: none;
} */

.footer-about .logo img{
    max-height: 60px;
      width: auto;
}
/* Styles pour le bouton "En savoir plus sur notre expertise" avec les couleurs Evolis */

.btn11 {
    display: inline-block;
    padding: 12px 25px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #ffffff; /* Texte blanc pour un bon contraste sur le rouge */
    background-color: #053d69; /* Couleur de fond principale : Rouge Evolis */
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: color 0.4s ease-in-out;
    cursor: pointer;
}

/* Effet de transition (le "remplissage") */

/* Styles au survol du bouton */
.btn11:hover {
    color: #ffffff; /* Le texte reste blanc au survol */
    background-color: #ee3333; /* Change la couleur de la bordure au survol */
}

.btn11:hover .transition {
    transform: translateX(0); /* Fait glisser l'élément de transition */
}

/* Styles au clic/focus (pour l'accessibilité) */

/* Ajustements pour le texte à l'intérieur du span si nécessaire */
.btn11 span {
    position: relative;
    z-index: 2; /* S'assure que le texte est au-dessus de la transition */
}

/* --- Section "À propos - Identification sécurisée" (about-2) --- */

.about-2 {
    padding: 60px 0; /* Espacement vertical de la section */
    background-color: #f8f9fa; /* Une couleur de fond très légère pour la section */
}

/* --- Styles généraux des cartes de contenu (content-card) --- */

.content-card:hover {
    transform: translateY(-5px); /* Légère élévation au survol */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); /* Ombre plus prononcée au survol */
}


.content-card .card-image img {
    width: 100%; /* L'image s'adapte à la largeur du conteneur */
    height: 100%; /* L'image s'adapte à la hauteur du conteneur */
    object-fit: cover; /* Recadre l'image pour couvrir la zone sans la déformer */
    display: block; /* Supprime l'espace sous l'image */
}

/* --- Contenu textuel de la carte (card-content) --- */

.content-card .card-content {
    padding: 25px; /* Rembourrage interne pour le texte et les titres */
    flex-grow: 1; /* Permet au contenu de prendre l'espace restant dans la colonne */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Aide à pousser le bouton vers le bas si le texte est court */
}

.content-card .card-content h3 {
    font-size: 22px; /* Taille de la police pour les titres */
    margin-bottom: 12px; /* Espacement après le titre */
    color: #333333; /* Couleur du texte sombre (à adapter à tes polices) */
}

.content-card .card-content p {
    font-size: 15px; /* Taille de la police pour le paragraphe */
    line-height: 1.6; /* Hauteur de ligne pour une meilleure lisibilité */
    color: #666666; /* Couleur du texte plus claire */
    margin-bottom: 20px; /* Espacement avant le bouton */
}

/* --- Bouton "Découvrir" (read-more) --- */

.content-card .read-more {
    display: inline-block; /* Permet le padding et les marges */
    font-size: 15px;
    font-weight: 500;
    color: #ee3333; /* Couleur du texte du lien (Rouge Evolis) */
    text-decoration: none; /* Pas de soulignement par défaut */
    transition: color 0.3s ease; /* Transition douce pour la couleur du texte */
    margin-top: auto; /* Pousse le bouton vers le bas dans un flex container */
}

.content-card .read-more i {
    margin-left: 5px; /* Espacement entre le texte et l'icône */
    transition: transform 0.3s ease; /* Transition pour l'icône */
}

.content-card .read-more:hover {
    color: #ee3333; /* Couleur au survol (rouge plus foncé) */
}

.content-card .read-more:hover i {
    transform: translateX(3px); /* Légère translation de l'icône au survol */
}

/* --- Bouton "Voir la gamme complète" au pied de la section --- */

/* Utilise le style '.btn11' que nous avons défini précédemment.
   Assure-toi que ce bouton est stylisé par le code CSS du bouton Evolis.
   Si ce n'est pas le cas, tu devras inclure ce CSS ici ou t'assurer qu'il est chargé avant. */
.about-2 .text-center .btn11 {
    margin-top: 40px; /* Plus d'espace au-dessus du bouton final */
}

/* --- Responsive design (ajustements pour petits écrans) --- */

@media (max-width: 767.98px) { /* Pour les téléphones */
    .about-2 {
        padding: 40px 0;
    }
    .content-card {
        margin-bottom: 25px; /* Espacement entre les cartes sur mobile */
    }
    .content-card .card-image {
        height: 180px; /* Hauteur légèrement réduite pour les images sur mobile */
    }
    .content-card .card-content {
        padding: 20px;
    }
    .content-card .card-content h3 {
        font-size: 20px;
    }
    .content-card .card-content p {
        font-size: 14px;
    }
    .about-2 .text-center .btn11 {
        margin-top: 30px;
    }

    .thumbnails-vertical{
    display:none;
   }
}

/* --- Ajustements pour l'espacement des sections --- */

/* Réduire l'espacement après la première section "À Propos" */
#about.section {
    margin-bottom: 0; /* Supprime la marge par défaut en bas si présente */
    padding-bottom: 30px; /* Réduit le padding du bas pour rapprocher la section suivante */
}

/* Espacement du titre de la section Services */
#services.section {
    padding-top: 40px; /* Réduit l'espacement en haut du titre */
    padding-bottom: 40px; /* Réduit l'espacement en bas du titre pour le rapprocher des cartes */
    /* Si 'parallax' utilise une image de fond, ajuste padding-bottom seulement */
}

#services .section-title {
    margin-bottom: 20px; /* Réduit la marge sous le titre pour le rapprocher du contenu */
}
#services.section{
        padding-bottom: 0px !important;
}

/* Espacement de la section des cartes de services */
#services-cards.section { /* Nouvelle ID pour cette section */
    padding-top: 0; /* Supprime le padding en haut pour coller au titre des services */
    padding-bottom: 60px; /* Maintient un padding en bas de la section */
    background-color: #f8f9fa; /* S'assure que le fond correspond à celui des cartes */
}

/* Ajustements pour les lignes de cartes (pour un espacement plus compact si g-4 est insuffisant) */
#services-cards .row.g-4 {
    /* Tu peux ajuster ici si tu veux des marges personnalisées,
       mais g-4 de Bootstrap devrait être suffisant pour l'espacement entre colonnes. */
}


/* --- Styles déjà définis pour les cartes (rappel pour cohérence) --- */
/* Assure-toi que ces styles sont bien présents dans ton main.css */

.content-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.content-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.content-card .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Important pour que l'image couvre l'espace */
    display: block;
}

.content-card .card-content {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-card .card-content h3 {
    font-size: 22px;
    margin-bottom: 12px;
    color: #333333;
}

.content-card .card-content p {
    font-size: 15px;
    line-height: 1.6;
    color: #666666;
    margin-bottom: 20px;
}

.content-card .read-more {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #ee3333;
    text-decoration: none;
    transition: color 0.3s ease;
    margin-top: auto;
}

.content-card .read-more i {
    margin-left: 5px;
    transition: transform 0.3s ease;
}

.content-card .read-more:hover {
    color: #ee3333;
}

.content-card .read-more:hover i {
    transform: translateX(3px);
}

.about-2 .text-center .btn11,
#services-cards .text-center .btn11 { /* Assure que le bouton en bas de la section est bien stylisé */
    margin-top: 40px;
}


/* Responsive design (ajustements pour petits écrans) */
@media (max-width: 767.98px) {
    #about.section,
    #services.section,
    #services-cards.section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .content-card {
        margin-bottom: 25px;
    }
    .content-card .card-image {
        height: 180px;
    }
    .content-card .card-content {
        padding: 20px;
    }
    .content-card .card-content h3 {
        font-size: 20px;
    }
    .content-card .card-content p {
        font-size: 14px;
    }
    .about-2 .text-center .btn11,
    #services-cards .text-center .btn11 {
        margin-top: 30px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

section, .client-section{
    padding: 35px 0px 20px 0px !important;
}
.client-section-title{
    padding-bottom: 0px !important;
}

/* Custom CSS pour la section Réalisations */

/* Styles pour les cartes de réalisations */
.icavi-card-figure {
    position: relative;
    cursor: pointer;
    background-color: #333; /* Couleur de fond par défaut pour la figcaption */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Ajout d'une transition pour le hover */
}

.icavi-card-figure:hover {
    transform: translateY(-5px); /* Léger déplacement vers le haut au survol */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Ombre plus prononcée au survol */
}

.icavi-card-img {
    width: 100%;
    height: 250px; /* Hauteur fixe pour les images */
    object-fit: cover; /* S'assure que l'image couvre l'espace sans se déformer */
    display: block; /* Supprime l'espace sous l'image */
    transition: transform 0.3s ease-in-out; /* Transition pour le zoom au survol */
}

.icavi-card-figure:hover .icavi-card-img {
    transform: scale(1.05); /* Zoom léger de l'image au survol */
}

.icavi-card-figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Dégradé sombre en bas */
    padding: 1rem;
    color: #ffffff;
    opacity: 0; /* Masqué par défaut */
    transform: translateY(100%); /* Commence en dehors de la vue */
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.icavi-card-figure:hover figcaption {
    opacity: 1; /* Apparaît au survol */
    transform: translateY(0); /* Remonte à sa position */
}

.icavi-card-figure figcaption h4 {
    margin-bottom: 0.25rem;
    font-size: 1.4rem; /* Taille de titre ajustée */
    font-weight: 600;
    color: #ffffff;
}

.icavi-card-figure figcaption div {
    font-size: 0.9rem; /* Taille du texte descriptif */
}

/* Styles pour les couleurs (à adapter si tu as une palette Bootstrap personnalisée) */
.navmenu>ul>li>a:before{
    background-color: #ee3333 !important;
}
.hero .slide-content .slide-cta .btn.btn-shop:hover {
  background-color: color-mix(in srgb, #ee3333 , #000 10%) !important;
}
.footer{
    background-color: #002e5b !important;
}
.footer .footer-main .footer-widget h4{
    color: #F8E801 !important;
}
.footer .footer-main .footer-widget h4:after{
    background-color:#F8E801;
}
.footer .footer-main .footer-links a:hover{
    color:#F8E801 !important;
}
.footer .footer-main .footer-links a{
 color: #ffffff !important;
}
.footer .footer-main .footer-widget p,
.footer .footer-main .footer-contact
.contact-item span,
.footer .footer-main .footer-widget h5,
.footer .footer-main .social-links .social-icons a{
  color: color-mix(in srgb, #ffffff, transparent 20%);
}
.best-sellers .product-price{
    color: #ee3333 !important;
}
.best-sellers .product-badge.new
{
  background: #ee3333;
  color: var(--contrast-color);
}
.product-badge.polyvalent,
.product-badge.classique,
.product-badge.economique
{
  background: #053d69;
  color: var(--contrast-color);
}
.product-meta {
  margin-top: 10px;
}
.product-meta .read-more,
.product-card a{
    color: #ee3333;
}
.product-price {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 8px;
}

    /* Le reste de votre CSS de portfolio va ici */
    .portfolio-one {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .portfolio-menu{
     display: flex;
     justify-content: center;
    }
    .portfolio-one .portfolio-menu button {
        border: none;
        background: none;
        font-size: 16px;
        font-weight: 700;
        color: var(--dark-3);
        line-height: 48px;
        padding: 0 30px;
        position: relative;
        border-radius: 50px;
        overflow: hidden;
        display: inline-block;
        z-index: 5;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        cursor: pointer;
        margin-right: 4px;
        text-transform: uppercase;
    }
    .portfolio-one .portfolio-menu button:last-child {
        margin-right: 0;
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .portfolio-one .portfolio-menu button {
            font-size: 14px;
            padding: 0 26px;
        }
    }
    @media (max-width: 767px) {
        .portfolio-one .portfolio-menu button {
            font-size: 14px;
            padding: 0 22px;
            line-height: 42px;
        }
    }
    .portfolio-one .portfolio-menu button::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #053d69;
        z-index: -1;
        opacity: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    .portfolio-one .portfolio-menu button:hover, .portfolio-one .portfolio-menu button.active {
        color: #ffffff;
    }
    .portfolio-one .portfolio-menu button:hover::before, .portfolio-one .portfolio-menu button.active::before {
        opacity: 1;
    }
    .portfolio-one .hide {
        display: none;
    }
    .portfolio-one .show {
        display: block;
    }

    .portfolio-style-one {
        position: relative;
        overflow: hidden;
        border-radius: 8px;
        margin-top: 30px;
    }
    .portfolio-style-one .portfolio-image img {
        width: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }
    .portfolio-style-one .portfolio-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }
    .portfolio-style-one .portfolio-content {
        padding: 16px;
    }
    .portfolio-style-one .portfolio-icon {
        position: relative;
        display: inline-block;
    }
    .portfolio-style-one .portfolio-icon a {
        font-size: 30px;
        color: #053d69;
        position: relative;
        z-index: 5;
        line-height: 90px;
        height: 60px;
        width: 60px;
        line-height: 60px;
        text-align: center;
        border: 2px solid #ffffff;
        border-radius: 50%;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        padding: 15px;
    }
    .portfolio-style-one .portfolio-icon a:hover {
        background-color: #ffffff;
        color: #053d69;
        border-color: transparent;
    }
    .portfolio-style-one .portfolio-text {
        padding-top: 24px;
    }
    @media (max-width: 767px) {
        .portfolio-style-one .portfolio-text {
            padding-top: 10px;
        }
    }
    .portfolio-style-one .portfolio-title a {
        color: #ffffff;
        font-size: 24px;
        line-height: 30px;
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .portfolio-style-one .portfolio-title a {
            font-size: 20px;
        }
    }
    @media (max-width: 767px) {
        .portfolio-style-one .portfolio-title a {
            font-size: 20px;
        }
    }
    .portfolio-style-one .text {
        color: #ffffff;
        margin-top: 8px;
        opacity: 0.7;
    }
    .portfolio-style-one:hover .portfolio-image img {
        -webkit-filter: blur(50px);
        -moz-filter: blur(50px);
        filter: blur(50px);
    }
    .portfolio-style-one:hover .portfolio-overlay {
        opacity: 1;
        visibility: visible;
    }

    @media (min-width: 1200px) {
    .navmenu .products-megamenu-2 .megamenu-content .featured-section .featured-image .featured-content h3
    {
        color: #111111 !important;
    }
         .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-headers {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 30px !important;
    }
     .navmenu .products-megamenu-2 .megamenu-content .categories-section .category-links .link-row {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 30px !important;
    }
}

/* --- Styles personnalisés pour la carte produit ICAVI --- */
.product-box {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.10);
    border: 1.5px solid #053d69;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: box-shadow 0.3s, transform 0.3s, border-color 0.3s;

}
.product-box:hover {
    box-shadow: 0 12px 36px rgba(238,51,51,0.18);
    transform: translateY(-4px) scale(1.01);
    border-color: #ee3333;
}
.product-thumb {
    background: #f8f9fa;
    padding: 18px 0 10px 0;
    text-align: center;
    position: relative;
}
.product-label {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #ee3333;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 6px;
    z-index: 2;
}
.product-title a {
    color: #053d69 !important;
    font-size: 1.25rem;
    font-weight: 700;
    text-decoration: none;
}
.product-title a:hover {
    text-decoration: underline;
}
.product-details .product-ref,
.product-details .text-muted strong {
    color: #ee3333 !important;
    font-weight: 600;
}
.product-short-description {
    color: #666;
    font-size: 0.98rem;
    margin-bottom: 0.7rem;
    min-height: 38px;
}
.product-price span,
.product-price {
    color: #ee3333 !important;
    font-size: 1.08rem;
    font-weight: bold;
}
.product-price del {
    color: #bbb !important;
    font-size: 0.98rem;
    margin-left: 8px;
}
.product-price .product-warranty,
.badge.bg-success.ms-2,
.product-warranty {
    background: #ee3333 !important;
    color: #fff !important;
    font-size: 0.93rem;
    font-weight: 600;
    border-radius: 6px;
    padding: 3px 12px;
    margin-bottom: 0.6rem;
    margin-left: 0.5rem;
    border: none;
}
.add-to-cart-btn {
    margin-top: auto;
    width: 50%;
    background: #053d69 !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 7px;
    padding: 11px 0;
    font-size: 1rem;
    border: none;
    transition: background 0.2s;
    text-align: center;
    text-decoration: none;
    display: block;
    flex: 0.5 !important;
}
.add-to-cart-btn:hover {
    background: #ee3333 !important;
    color: #fff !important;
}

.product-details .product-info-wrapper .delivery-options .delivery-option .delivery-option-evolis-partner {
  width: 100px !important;
}

.product-details .product-info-wrapper .product-meta .product-title {
  margin: 0.75rem 0;
  color: #053d69;
}
.product-details .product-info-wrapper .product-price-container .price-wrapper .current-price{
  color: #ee3333;
}
.product-details .product-info-wrapper .delivery-options .delivery-option .delivery-option-repair-center {
  width: 90px !important;
}
.category-product-list .product-title {
    height: auto !important;
    text-align: center !important;
}
.footer .footer-main .footer-contact .contact-item i {
    margin-right: 0px !important;
}

/* Réduit la padding et la taille des images dans la carte produit */
.product-list .product-card,
.best-sellers .product-card,
.category-product-list .product-box {
    padding: 0.5rem !important;
    min-height: unset;
    height: auto;
    border: 1.5px solid #053d69;
}

.category-product-list .product-thumb {
    padding-bottom: 70%; /* au lieu de 100% pour réduire la hauteur de l'image */
}
.category-product-list .product-content {
    padding: 1rem;
}

.category-product-list .product-title {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    height: auto;
    line-height: 1.2;
}

.category-product-list .product-short-description {
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}

.category-product-list .product-price {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.category-product-list .product-title {
    height: 2.2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.category-product-list .product-short-description {
    height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.category-product-list .product-content
{
    padding: 0 !important;
}

.category-product-list .add-to-cart-btn {
    padding: 2px 0px !important;
    width: 100px !important;
}
.product-footer-info{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.custom-thumbnails-vertical .thumbnails-container {
   /*  max-height: 420px; augmente la hauteur */
    overflow-y: auto;
    gap: 10px;
}
.custom-thumbnails-vertical .thumbnail-item img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 8px;
    border: 1.5px solid #eee;
    transition: border-color 0.2s;
}
.custom-thumbnails-vertical .thumbnail-item img:hover {
    border-color: #ee3333;
}
/* @media (max-width: 991px) {
    .custom-thumbnails-vertical .thumbnails-container {
        max-height: 220px;
    }
    .custom-thumbnails-vertical .thumbnail-item img {
        width: 55px;
        height: 55px;
    }
} */

.product-details .product-gallery .thumbnails-vertical .thumbnail-item{
    opacity: 1 !important;
}
 @media (min-width: 768px) {
    .product-details .product-gallery .thumbnails-vertical
 {
        width: 120px !important;
    }
}
.icavi-reassurance .col {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 12px 10px;
    min-height: 90px;
    align-items: center;
}
.icavi-reassurance img,
.icavi-reassurance i {
    min-width: 40px;
    max-width: 48px;
}
.icavi-reassurance h6 {
    font-size: 1rem;
    margin-bottom: 2px;
}
.icavi-reassurance p {
    font-size: 0.97rem;
    margin-bottom: 0;
}
#product-details .row.g-5, #product-details .row.g-4 {
    row-gap: 1.5rem !important;
    align-items: flex-start;
}
@media (min-width: 992px) {
    #product-details .col-lg-6 {
        margin-bottom: 0 !important;
    }
}
.category-product-list{
    padding: 0 !important;
}
.category-header .filter-container .active-filters
 {
    gap: 0rem !important;
    margin-top: 0rem !important;
     padding-top: 0rem !important;
}
.footer .footer-main .footer-contact .hour-icon span{
   margin-right: 5px;
}
.footer .footer-main .footer-contact .hour-icon i {
    color:white !important;
    font-size: 18px;
}

.best-sellers .product-details{
    padding: 0px !important;
}
.best-sellers .product-title{
    text-align: center !important;
    overflow: hidden  !important;
    display: -webkit-box;
    -webkit-line-clamp : 2 !important;
    -webkit-box-orient: vertical !important;
      height: auto;
}
.best-sellers .product-meta{
    justify-content: center !important;
}
.best-sellers .product-category{
    text-align: center !important;
}

.best-sellers .product-image{
    padding-top: 90% !important;
}
.product-details .product-info-wrapper .product-meta .product-title{
    font-size: 2rem !important;
 }
.page-title h1{
    color: #053d69;
}

/* Style pour la catégorie courante (le lien exact sur lequel l'utilisateur se trouve) */
.category-link.active.current-category {
    color: #ee3333;
    font-weight: bold;
}

/* Style pour le lien de catégorie actif */
.category-link.active {
    color: #ee3333; /* Ou la couleur principale de votre charte graphique */
    font-weight: bold;
    border-bottom: 2px solid #ee3333;
    padding-bottom: 2px;
}

/* Cache l'icône de flèche vers le haut par défaut */
.category-toggle .bi-chevron-up {
    display: none;
}

.btn-contact-error-page {
    display: inline-flex;            /* au lieu de inline-block */
    align-items: center;             /* centre verticalement */
    justify-content: center;         /* centre horizontalement */
    font-weight: 600;
    line-height: 1.2;                /* réduit la hauteur de ligne */
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    background-color: #ee3333;
    border: 1px solid #fff;
    padding: 12px 25px;
    margin-top: 20px;
    font-size: 16px;
    overflow: hidden;
    color: #ffffff;
}
.btn-contact-error-page:hover{
    background-color: #053d69;
    color: #ffffff;
    text-decoration: none;
}