.elementor-859 .elementor-element.elementor-element-6f7a8e1f{--display:flex;--min-height:25vh;--justify-content:center;}.elementor-859 .elementor-element.elementor-element-568d2224{text-align:center;}.elementor-859 .elementor-element.elementor-element-568d2224 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-text );}.elementor-859 .elementor-element.elementor-element-2cc779d3{--display:flex;}.elementor-859 .elementor-element.elementor-element-29ed7cd7{--display:grid;--min-height:120px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;}.elementor-859 .elementor-element.elementor-element-29ed7cd7.e-con{--align-self:center;}.elementor-859 .elementor-element.elementor-element-e0c755e{--display:flex;--min-height:100px;--justify-content:center;--border-radius:10px 10px 10px 10px;}.elementor-859 .elementor-element.elementor-element-2d1a00b img{width:50%;}.elementor-859 .elementor-element.elementor-element-2bdefeef{--display:flex;--min-height:100px;--justify-content:center;--border-radius:10px 10px 10px 10px;}.elementor-859 .elementor-element.elementor-element-cd4b63a img{width:50%;}.elementor-859 .elementor-element.elementor-element-49baa98f{--display:flex;--min-height:100px;--justify-content:center;--border-radius:10px 10px 10px 10px;}.elementor-859 .elementor-element.elementor-element-cb427d1 img{width:70%;}.elementor-859 .elementor-element.elementor-element-5731a990{--display:flex;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;}.elementor-859 .elementor-element.elementor-element-5839a1d9{--display:flex;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;}.elementor-859 .elementor-element.elementor-element-35bc6dcf{--grid-columns:3;}.elementor-859 .elementor-element.elementor-element-35bc6dcf > .elementor-widget-container{border-radius:10px 10px 10px 10px;}@media(min-width:768px){.elementor-859 .elementor-element.elementor-element-6f7a8e1f{--content-width:100%;}.elementor-859 .elementor-element.elementor-element-2cc779d3{--content-width:100%;}.elementor-859 .elementor-element.elementor-element-29ed7cd7{--width:80%;}.elementor-859 .elementor-element.elementor-element-5731a990{--content-width:80%;}.elementor-859 .elementor-element.elementor-element-5839a1d9{--content-width:80%;}}@media(max-width:1024px){.elementor-859 .elementor-element.elementor-element-568d2224 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-859 .elementor-element.elementor-element-29ed7cd7{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-859 .elementor-element.elementor-element-35bc6dcf{--grid-columns:2;}}@media(max-width:767px){.elementor-859 .elementor-element.elementor-element-568d2224 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-859 .elementor-element.elementor-element-2cc779d3{--content-width:85%;}.elementor-859 .elementor-element.elementor-element-29ed7cd7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;}.elementor-859 .elementor-element.elementor-element-5731a990{--content-width:85%;}.elementor-859 .elementor-element.elementor-element-5839a1d9{--content-width:85%;--min-height:950px;}.elementor-859 .elementor-element.elementor-element-35bc6dcf{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-e0c755e *//* ==========================================================================

   EFFET LIQUID GLASS (DA)

   ========================================================================== */

.elementor-859 .elementor-element.elementor-element-e0c755e {

    /* Le fond noir avec la transparence parfaite pour laisser baver les couleurs */

    background: rgba(0, 0, 0, 0.5) !important; 

    

    /* Le flou qui crée l'effet verre */

    backdrop-filter: blur(16px) !important; 

    -webkit-backdrop-filter: blur(16px) !important; 

    

    /* La bordure lumineuse très fine */

    border: 1px solid rgba(255, 255, 255, 0.15) !important; 

    

    /* L'ombre pour décoller le bloc du fond */

    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6) !important; 

    

    /* Les bords arrondis */

    border-radius: 12px !important;

    

    /* Sécurité pour que le contenu ne déborde pas du verre */

    overflow: hidden !important; 

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bdefeef *//* ==========================================================================

   EFFET LIQUID GLASS (DA)

   ========================================================================== */

.elementor-859 .elementor-element.elementor-element-2bdefeef {

    /* Le fond noir avec la transparence parfaite pour laisser baver les couleurs */

    background: rgba(0, 0, 0, 0.5) !important; 

    

    /* Le flou qui crée l'effet verre */

    backdrop-filter: blur(16px) !important; 

    -webkit-backdrop-filter: blur(16px) !important; 

    

    /* La bordure lumineuse très fine */

    border: 1px solid rgba(255, 255, 255, 0.15) !important; 

    

    /* L'ombre pour décoller le bloc du fond */

    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6) !important; 

    

    /* Les bords arrondis */

    border-radius: 12px !important;

    

    /* Sécurité pour que le contenu ne déborde pas du verre */

    overflow: hidden !important; 

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49baa98f *//* ==========================================================================

   EFFET LIQUID GLASS (DA)

   ========================================================================== */

.elementor-859 .elementor-element.elementor-element-49baa98f {

    /* Le fond noir avec la transparence parfaite pour laisser baver les couleurs */

    background: rgba(0, 0, 0, 0.5) !important; 

    

    /* Le flou qui crée l'effet verre */

    backdrop-filter: blur(16px) !important; 

    -webkit-backdrop-filter: blur(16px) !important; 

    

    /* La bordure lumineuse très fine */

    border: 1px solid rgba(255, 255, 255, 0.15) !important; 

    

    /* L'ombre pour décoller le bloc du fond */

    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6) !important; 

    

    /* Les bords arrondis */

    border-radius: 12px !important;

    

    /* Sécurité pour que le contenu ne déborde pas du verre */

    overflow: hidden !important; 

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b22e1cb *//* ==========================================================================
   1. LA BARRE DE RECHERCHE (Ta DA Plaque de Verre)
   ========================================================================== */
.elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-glass-form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 0 20px 0 !important; 
    padding: 0 !important;
    
    /* La fameuse DA */
    background: rgba(0, 0, 0, 0.5) !important; 
    backdrop-filter: blur(16px) !important; 
    -webkit-backdrop-filter: blur(16px) !important; 
    border: 1px solid rgba(255, 255, 255, 0.15) !important; 
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6) !important; 
    border-radius: 12px !important;
    overflow: hidden !important; 
    transition: all 0.3s ease;
}

.elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-glass-form:focus-within {
    border-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 8px 32px 0 rgba(255, 255, 255, 0.1) !important;
}

.elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-glass-form .search-icon {
    padding: 15px 15px 15px 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

/* ==========================================================================
   2. LE CHAMP DE SAISIE (Pulvérisation du fond blanc)
   ========================================================================== */
.elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-glass-input {
    display: block !important;
    flex-grow: 1 !important; 
    width: 100% !important;
    height: auto !important;
    
    -webkit-appearance: none !important;
    appearance: none !important;
    
    background-color: transparent !important; 
    background: transparent !important;
    border: none !important; 
    margin: 0 !important;
    
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.2rem !important;
    padding: 18px 25px 18px 10px !important;
    outline: none !important;
    box-shadow: none !important;
}

.elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-glass-input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* ==========================================================================
   3. LES ÉTIQUETTES (Couleurs Nanarland)
   ========================================================================== */
.elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-tag {
    background: rgba(255, 255, 255, 0.1) !important; 
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.9rem !important;
    padding: 8px 20px !important;
    border-radius: 30px !important; 
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-tag:hover {
    background: #06EFFB !important;
    border-color: #06EFFB !important;
    color: #000000 !important; 
    box-shadow: 0 0 12px rgba(6, 239, 251, 0.4) !important; 
}

.elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-tag.active {
    background: #FE0000 !important;
    border-color: #FE0000 !important;
    color: #ffffff !important; 
    font-weight: 600 !important;
    box-shadow: 0 0 12px rgba(254, 0, 0, 0.4) !important;
}

/* ==========================================================================
   4. RESPONSIVE MOBILE
   ========================================================================== */
@media (max-width: 768px) {
    .elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-glass-input {
        font-size: 16px !important; 
        padding: 14px 15px 14px 10px !important;
    }
    .elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-glass-form .search-icon {
        padding: 14px 10px 14px 15px !important;
    }
    .elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-glass-form .search-icon svg {
        width: 20px !important;
        height: 20px !important;
    }
    .elementor-859 .elementor-element.elementor-element-7b22e1cb .catalog-tag {
        font-size: 0.8rem !important;
        padding: 6px 15px !important;
    }
}/* End custom CSS */