body.ce-kit-262{--e-global-color-272ff2a:#1D1D1F;--e-global-color-59a4f50a:#222222;--e-global-color-716ab2a8:#333333;--e-global-color-7e2c42c0:#9B9B9B;--e-global-color-2266025:#fff;--e-global-color-5cfafc2c:#B77D47;--e-global-color-25494048:#C98C4E;--e-global-color-6532eacb:#F9F6F1;--e-global-color-328a5dcc:#E5E2DE;color:#5E5E5E;font-family:"Manrope", sans-serif;font-size:16px;font-weight:300;background-color:#FFFFFF;}a, .elementor a{color:#BD8A3E;}a:hover, .elementor a:hover{color:#CC984C;}body.ce-kit-262 h1{color:#5E5E5E;font-family:"Cormorant Garamond", sans-serif;font-size:50px;font-weight:300;text-transform:none;letter-spacing:-2px;}body.ce-kit-262 h2{color:#5E5E5E;font-family:"Cormorant Garamond", sans-serif;font-size:40px;font-weight:400;line-height:-2em;}body.ce-kit-262 h3{color:#5E5E5E;font-family:"Manrope", sans-serif;font-size:25px;font-weight:300;}body.ce-kit-262 h4{color:#5E5E5E;font-family:"Manrope", sans-serif;font-size:22px;font-weight:300;letter-spacing:-1px;}body.ce-kit-262 h5{color:#5E5E5E;font-family:"Manrope", sans-serif;font-size:18px;font-weight:300;}body.ce-kit-262 h6{color:#5E5E5E;font-family:"Manrope", sans-serif;font-size:16px;font-weight:300;}body.ce-kit-262 .ce-display-xxl{font-weight:300;letter-spacing:-5px;}body.ce-kit-262 header.page-header, body.ce-kit-262 header.page-header *, body.ce-kit-262 .ce-page-title *{color:#5E5E5E;font-family:"Cormorant Garamond", sans-serif;font-size:45px;font-weight:500;text-transform:none;}body.ce-kit-262 .breadcrumb li:not(#e), body.ce-kit-262 .ce-breadcrumb__item{color:#5E5E5E;}body.ce-kit-262 .breadcrumb li a:not(#e), body.ce-kit-262 .ce-breadcrumb__item a:not(#e){color:#BD8A3E;}body.ce-kit-262 .breadcrumb li a:not(#e):is(:hover, :focus), body.ce-kit-262 .ce-breadcrumb__item a:not(#e):is(:hover, :focus){color:#BD8A3E;}.elementor-button{font-family:"Manrope", sans-serif;font-weight:300;text-transform:uppercase;--ce-bg-color:rgba(0, 0, 0, 0);background-color:var(--ce-bg-color);border-style:solid;border-width:2px 2px 2px 2px;border-color:#BD8A3E;}.elementor-button, a.elementor-button:not(#e){color:#BD8A3E;}.elementor-button:is(:hover, :focus), a.elementor-button:not(#e):is(:hover, :focus){color:#FFFFFF;}.elementor-button:is(:hover, :focus){--ce-bg-color:#BD8A3E;border-style:none;}.elementor-button.elementor-size-sm{font-size:16px;border-radius:5px 5px 5px 5px;}.elementor-button.elementor-size-md{font-size:16px;padding:20px 40px 20px 40px;border-radius:5px 5px 5px 5px;}.elementor-button.elementor-size-lg{font-size:18px;border-radius:5px 5px 5px 5px;}.elementor-button.elementor-size-xl{font-size:20px;border-radius:5px 5px 5px 5px;}.elementor-button.elementor-size-xs{font-size:14px;border-radius:5px 5px 5px 5px;}.elementor-button-primary .elementor-button{font-family:"Manrope", sans-serif;font-weight:300;text-transform:uppercase;--ce-bg-color:rgba(0, 0, 0, 0);background-color:var(--ce-bg-color);border-style:solid;border-width:2px 2px 2px 2px;border-color:#BD8A3E;}.elementor-button-primary .elementor-button, .elementor-button-primary a.elementor-button:not(#e){color:#BD8A3E;}.elementor-button-primary .elementor-button:is(:hover, :focus), .elementor-button-primary a.elementor-button:not(#e):is(:hover, :focus){color:#FFFFFF;}.elementor-button-primary .elementor-button:is(:hover, :focus){--ce-bg-color:#C98C4E;border-style:none;}.elementor-button-primary .elementor-button.elementor-size-sm{font-size:16px;}.elementor-button-primary .elementor-button.elementor-size-md{font-size:16px;}.elementor-button-primary .elementor-button.elementor-size-lg{font-size:18px;}.elementor-button-primary .elementor-button.elementor-size-xl{font-size:20px;}.elementor-button-primary .elementor-button.elementor-size-xs{font-size:14px;}.elementor-button-secondary .elementor-button{font-family:"Manrope", sans-serif;font-weight:300;text-transform:uppercase;--ce-bg-color:rgba(0, 0, 0, 0);background-color:var(--ce-bg-color);border-style:solid;border-width:2px 2px 2px 2px;border-color:#5E5E5E;}.elementor-button-secondary .elementor-button, .elementor-button-secondary a.elementor-button:not(#e){color:#5E5E5E;}.elementor-button-secondary .elementor-button:is(:hover, :focus), .elementor-button-secondary a.elementor-button:not(#e):is(:hover, :focus){color:#FFFFFF;}.elementor-button-secondary .elementor-button:is(:hover, :focus){--ce-bg-color:#5E5E5E;border-style:none;}.elementor-button-secondary .elementor-button.elementor-size-sm{font-size:16px;border-radius:5px 5px 5px 5px;}.elementor-button-secondary .elementor-button.elementor-size-md{font-size:16px;border-radius:5px 5px 5px 5px;}.elementor-button-secondary .elementor-button.elementor-size-lg{font-size:18px;border-radius:5px 5px 5px 5px;}.elementor-button-secondary .elementor-button.elementor-size-xl{font-size:20px;border-radius:5px 5px 5px 5px;}.elementor-button-secondary .elementor-button.elementor-size-xs{font-size:14px;border-radius:5px 5px 5px 5px;}.btn:not(.btn-primary, .btn-secondary){font-family:"Manrope", sans-serif;font-weight:300;text-transform:uppercase;background-color:rgba(0, 0, 0, 0);border-style:solid;border-width:2px 2px 2px 2px;border-color:#BD8A3E;padding:12px 24px 12px 24px;border-radius:5px 5px 5px 5px;}.btn:not(.btn-primary, .btn-secondary), a.btn:not(.btn-primary, .btn-secondary){color:#BD8A3E;}.btn:not(.btn-primary, .btn-secondary):is(:hover, :active, :focus), a.btn:not(.btn-primary, .btn-secondary):is(:hover, :focus){color:#FFFFFF;}.btn:not(.btn-primary, .btn-secondary):is(:hover, :active, :focus){background-color:#000000;}.btn-primary{font-family:"Manrope", sans-serif;font-size:16px;font-weight:300;text-transform:uppercase;background-color:rgba(0, 0, 0, 0);border-style:solid;border-width:2px 2px 2px 2px;border-color:#BD8A3E;padding:12px 24px 12px 24px;border-radius:5px 5px 5px 5px;}.btn-primary, a.btn-primary{color:#BD8A3E;}.btn-primary:is(:hover, :active, :focus), a.btn-primary:is(:hover, :focus){color:#FFFFFF;}.btn-primary:is(:hover, :active, :focus){background-color:#C98C4E;}.btn-secondary{font-family:"Manrope", sans-serif;font-size:16px;font-weight:300;text-transform:uppercase;background-color:rgba(0, 0, 0, 0);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);border-style:solid;border-width:2px 2px 2px 2px;border-color:#5E5E5E;padding:12px 24px 12px 24px;border-radius:5px 5px 5px 5px;}.btn-secondary, a.btn-secondary{color:#5E5E5E;}.btn-secondary:is(:hover, :active, :focus), a.btn-secondary:is(:hover, :focus){color:#FFFFFF;}.btn-secondary:is(:hover, :active, :focus){background-color:#5E5E5E;border-style:solid;border-width:2px 2px 2px 2px;border-color:#1D1D1F;}body.ce-kit-262 img, body.ce-kit-262 .elementor-image-carousel .swiper-slide > *{border-radius:10px 10px 10px 10px;}.elementor-view-stacked .elementor-icon{background-color:#BD8A3E;color:#BD8A3E;}.elementor-view-framed .elementor-icon, .elementor-view-default .elementor-icon{color:#BD8A3E;}.elementor-view-framed .elementor-icon{background-color:#BD8A3E;}.elementor-view-stacked .elementor-icon:is(:hover, :focus){background-color:#BD8A3E;}.elementor-view-framed .elementor-icon:is(:hover, :focus), .elementor-view-default .elementor-icon:is(:hover, :focus){color:#BD8A3E;}.elementor-icon{font-size:25px;}body.ce-kit-262 label{color:#5E5E5E;font-family:"Manrope", sans-serif;font-size:18px;font-weight:300;}body.ce-kit-262 .form-control, body.ce-kit-262 .elementor-field-textual{font-family:"Manrope", sans-serif;font-size:14px;line-height:1.6em;background-color:#F2EEE9;border-style:solid;border-width:0px 0px 0px 0px;border-color:#E5E2DE;border-radius:10px 10px 10px 10px;padding:14px 18px 14px 18px;}body.ce-kit-262 .form-control:focus, body.ce-kit-262 .elementor-field-textual:focus{background-color:#F2EEE9;outline-style:solid;border-radius:10px 10px 10px 10px;}body.ce-kit-262 .form-control:-webkit-autofill, body.ce-kit-262 .elementor-field-textual:-webkit-autofill{box-shadow:0 0 0 500px #F2EEE9 inset;}select.form-control:not([size]):not([multiple]){height:auto;}body.ce-kit-262 #wrapper{background-color:#FFFFFF;}body.ce-kit-262 #content{background-color:#FFFFFF;}body.ce-kit-262 .container{width:1600px;max-width:100%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;}.elementor-element{--widgets-space-row:20px;--widgets-space-column:20px;}{}header.page-header{display:var(--page-title-display);}@media(max-width:1024px){body.ce-kit-262 .ce-display-large{font-size:28px;}body.ce-kit-262 .ce-display-xl{font-size:30px;}body.ce-kit-262 .ce-display-xxl{font-size:100px;}}@media(max-width:767px){body.ce-kit-262 .ce-display-xxl{font-size:86px;}}@property --e-global-color-primary { syntax: '<color>'; initial-value: #6ec1e4; inherits: false }
@property --e-global-color-secondary { syntax: '<color>'; initial-value: #54595f; inherits: false }
@property --e-global-color-text { syntax: '<color>'; initial-value: #7a7a7a; inherits: false }
@property --e-global-color-accent { syntax: '<color>'; initial-value: #61ce70; inherits: false }
@property --e-global-color-272ff2a { syntax: '<color>'; initial-value: #1D1D1F; inherits: false }
@property --e-global-color-59a4f50a { syntax: '<color>'; initial-value: #222222; inherits: false }
@property --e-global-color-716ab2a8 { syntax: '<color>'; initial-value: #333333; inherits: false }
@property --e-global-color-7e2c42c0 { syntax: '<color>'; initial-value: #9B9B9B; inherits: false }
@property --e-global-color-2266025 { syntax: '<color>'; initial-value: #fff; inherits: false }
@property --e-global-color-5cfafc2c { syntax: '<color>'; initial-value: #B77D47; inherits: false }
@property --e-global-color-25494048 { syntax: '<color>'; initial-value: #C98C4E; inherits: false }
@property --e-global-color-6532eacb { syntax: '<color>'; initial-value: #F9F6F1; inherits: false }
@property --e-global-color-328a5dcc { syntax: '<color>'; initial-value: #E5E2DE; inherits: false }
/* Start custom CSS for page-settings *//* Badge de réduction dans le panier */
body.page-cart .cart-item .product-discount .discount {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-left: 8px;
    padding: 5px 8px;

    color: #BD8A3E !important;
    background: #F2EEE9 !important;
    border: none !important;
    border-radius: 10px;

    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: none;
}

/* Ancien prix */
body.page-cart .cart-item .product-discount .regular-price {
    color: #7A7A7A;
    font-size: 16px;
    text-decoration: line-through;
}

.product-line-grid-body .product-line-info > .label,
.product-line-grid-body .product-line-info > a.label {
    font-weight: 300;
    font-size: 16px;
    color: #5E5E5E;
    line-height: 1.4;
}

.product-line-info.product-price .current-price .price {
    font-weight: 400;
    font-size: 16px;
    color: #5E5E5E;
    line-height: 1.4;
}

.cart-overview .label {
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #5E5E5E !important;
    line-height: 1.4 !important;
    text-decoration: none;
}

.cart-summary-line .label,
.cart-summary-line .value {
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #5E5E5E !important;
    line-height: 1.4 !important;
}

.block-promo .btn,
.block-promo .btn-primary {
    font-family: "Manrope";
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase !important;
    color: #BD8A3E;
    background-color: transparent;
    border: 2px solid #BD8A3E !important;
    border-radius: 5px !important;
    padding: 12px 24px;
    transition: all .2s ease;
}
.block-promo .btn:hover,
.block-promo .btn-primary:hover {
    background-color: #BD8A3E;
    color: #FFFFFF;
    border-color: #BD8A3E;
}

.block-promo .promo-code-button.cancel-promo {
    color: #5E5E5E !important;
    font-weight: 300;
    font-size: 16px;
    text-decoration: none;
}

/* Réduire les marges internes des cartes */
.card-block {
    padding: 1.25rem 1.25rem .5rem !important;
}

/* Supprimer l'espace sous le footer au checkout */
body#checkout #footer {
    padding: 0 !important;
}

/* Couleur des prix sur la page checkout */
body#checkout .product-price,
body#checkout .product-price .price,
body#checkout .current-price,
body#checkout .current-price .price {
    color: #5E5E5E !important;
}

/* Étape active du checkout */
body#checkout section.checkout-step.-current .step-number,
body#checkout section.checkout-step.-reachable.-current .step-number {
    background-color: #F2EEE9 !important;
    color: #BD8A3E !important;
    border: 1px solid #BD8A3E;
    font-family: "Cormorant Garamond", serif !important;
    font-size: 22px;
    font-weight: 600;
}

/* Étapes terminées */
body#checkout section.checkout-step.-complete .step-number {
    background-color: #F2EEE9 !important;
    color: #BD8A3E !important;
    border: 1px solid #BD8A3E;
    font-family: "Cormorant Garamond", serif !important;
}

/* Titre de l'étape */
body#checkout .step-title {
    font-family: "Cormorant Garamond", serif !important;
    color: #BD8A3E;
    font-size: 34px;
    font-weight: 500;
}

/* Onglets Connexion / Invité */
body#checkout .nav-link {
    color: #5E5E5E !important;
    font-weight: 300;
    transition: color .2s ease;
}

/* Survol */
body#checkout .nav-link:hover,
body#checkout .nav-link:focus {
    color: #BD8A3E !important;
    text-decoration: none;
}

/* Onglet actif */
body#checkout .nav-link.active,
body#checkout .nav-link[aria-selected="true"] {
    color: #BD8A3E !important;
    font-weight: 400;
}

/* Séparateur | */
body#checkout .nav-separator {
    color: #D8D1C9;
}

/* Afficher les détails */
#js-checkout-summary .cart-summary-products p > a,
#js-checkout-summary .cart-summary-products p > span {
    color: #BD8A3E !important;
    transition: color .2s ease;
}

#js-checkout-summary .cart-summary-products p > a:hover,
#js-checkout-summary .cart-summary-products p > a:focus,
#js-checkout-summary .cart-summary-products p > a:active {
    color: #BD8A3E !important;
    text-decoration: none;
}

/* Nom des produits */
#js-checkout-summary .product-name a {
    color: #5E5E5E !important;
    transition: color .2s ease;
}

#js-checkout-summary .product-name a:hover,
#js-checkout-summary .product-name a:focus,
#js-checkout-summary .product-name a:active {
    color: #BD8A3E !important;
    text-decoration: none;
}

.cart-grid-body .card-block h1 {
    font-size: 40px !important;
}

/* Conteneur */
.bootstrap-touchspin {
    display: flex;
    align-items: center;
    height: 44px;
    border: 2px solid #5E5E5E;
    border-radius: 6px;
    overflow: hidden;
}

/* Champ quantité */
.bootstrap-touchspin input.form-control {
    width: 44px;
    height: 40px;
    border: 0 !important;
    padding: 0;
    text-align: center;
    color: #5E5E5E;
    box-shadow: none;
}

/* Colonne des boutons */
.bootstrap-touchspin .input-group-btn-vertical {
    display: flex;
    flex-direction: column;
    width: 40px;
    height: 40px;
}

/* Boutons */
.bootstrap-touchspin .input-group-btn-vertical .btn {
    flex: 1;
    height: 20px;
    min-height: 20px;
    padding: 0;
    border: 0;
    background: #FFF;
    color: #5E5E5E;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Réduire la largeur de la colonne des flèches */
.bootstrap-touchspin .input-group-btn-vertical {
    width: 28px !important;
    min-width: 28px !important;
}

/* Réduire la taille des boutons */
.bootstrap-touchspin .input-group-btn-vertical > .btn {
    width: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Champ quantité */
.bootstrap-touchspin .form-control {
    padding-right: 0 !important;
}

/* Prix total de la ligne produit */
.product-line-grid-right .product-price,
.product-line-grid-right .product-price strong,
.product-line-grid-right .product-price span {
    font-family: "Manrope", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #5E5E5E !important;
}

/* Montant de la remise (-X €) */
.block-promo .promo-name .float-xs-right > span,
.block-promo .promo-name .float-xs-right {
    color: #BD8A3E !important;
    font-size: 16px;
    font-weight: 500;
}

/* Icône poubelle */
.block-promo .promo-name .float-xs-right a,
.block-promo .promo-name .float-xs-right a i,
.block-promo .promo-name .float-xs-right .material-icons {
    color: #5E5E5E !important;
    font-size: 18px;
    transition: color .2s ease;
}

/* Survol */
.block-promo .promo-name .float-xs-right a:hover,
.block-promo .promo-name .float-xs-right a:hover i,
.block-promo .promo-name .float-xs-right a:hover .material-icons {
    color: #BD8A3E !important;
}

body#cart .block-promo,
body#checkout .block-promo {
    margin: 20px 0 !important;
}

ul.promo-name.card-block {
    margin: 20px 0 !important;
}

.label,
label {
    color: #BD8A3E !important;
}

/* Icônes - état normal */
.page-my-account #content .links a .material-icons {
    color: #5E5E5E !important;
    transition: color .2s ease;
}

/* Icônes - survol */
.page-my-account #content .links a:hover .material-icons,
.page-my-account #content .links a:focus .material-icons {
    color: #BD8A3E !important;
}
/* Liens de la page Mon compte */
.page-my-account #content .links a {
    color: #5E5E5E !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    text-decoration: none;
    transition: color .2s ease;
}

/* Texte au survol */
.page-my-account #content .links a:hover,
.page-my-account #content .links a:focus {
    color: #BD8A3E !important;
}

/* Icônes */
.page-my-account #content .links a .material-icons {
    color: #5E5E5E !important;
    transition: color .2s ease;
}

/* Icônes au survol */
.page-my-account #content .links a:hover .material-icons,
.page-my-account #content .links a:focus .material-icons {
    color: #BD8A3E !important;
}

/* =========================================================
   TLO - ALERTE RETOUR EN STOCK - MINIATURE PRODUIT
   ========================================================= */


/* Conteneur */
.tlo-stock-alert-list {
    width: 100% !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;
}


/* Si le hook ne retourne rien */
.tlo-stock-alert-list:empty {
    display: none !important;
}


/* Nettoyage des conteneurs générés par Stock Alerts */
.tlo-stock-alert-list .stockalert-add-container,
.tlo-stock-alert-list .stockalert-add,
.tlo-stock-alert-list [class*="stockalert_button_container"] {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* Conteneur du bouton */
.tlo-stock-alert-list [class*="stockalert_button_container"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* =========================================================
   BOUTON M'ALERTER
   ========================================================= */

.tlo-stock-alert-list button,
.tlo-stock-alert-list .btn,
.tlo-stock-alert-list .btn.btn-secondary {
    width: auto !important;
    min-width: 0 !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 9px 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 2px solid #BD8A3E !important;

    box-shadow: none !important;

    color: #BD8A3E !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    cursor: pointer !important;

    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease !important;
}


/* Icône cloche Font Awesome */
.tlo-stock-alert-list button::before,
.tlo-stock-alert-list .btn::before {
    content: "\f0f3" !important;

    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;

    display: inline-block !important;

    font-size: 14px !important;
    line-height: 1 !important;

    color: currentColor !important;
}


/* Hover */
.tlo-stock-alert-list button:hover,
.tlo-stock-alert-list button:focus,
.tlo-stock-alert-list .btn:hover,
.tlo-stock-alert-list .btn:focus {
    background: #BD8A3E !important;
    background-color: #BD8A3E !important;

    border-color: #BD8A3E !important;

    color: #FFFFFF !important;

    box-shadow: none !important;
    outline: none !important;
}


/* =========================================================
   ÉLÉMENTS DU MODULE INUTILES DANS LA MINIATURE
   ========================================================= */

/* On conserve uniquement le CTA dans le listing */
.tlo-stock-alert-list .stockalert_disclaimer,
.tlo-stock-alert-list [class*="stockalert_disclaimer"],
.tlo-stock-alert-list [class*="stockalert_result"] {
    display: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .tlo-stock-alert-list {
        margin-top: 10px !important;
    }

    .tlo-stock-alert-list button,
    .tlo-stock-alert-list .btn,
    .tlo-stock-alert-list .btn.btn-secondary {
        min-height: 38px !important;

        padding: 8px 14px !important;

        font-size: 12px !important;
    }
}

/* =========================================================
   TLO - POPUP ALERTE RETOUR EN STOCK
   ========================================================= */

/* Overlay */
.fancybox-overlay {
    background: rgba(0, 0, 0, 0.55) !important;
}


/* Conteneur principal popup */
.fancybox-wrap.stockalert-popup {
    width: 500px !important;
    max-width: calc(100vw - 40px) !important;
}


/* Skin Fancybox */
.fancybox-wrap.stockalert-popup .fancybox-skin {
    padding: 0 !important;

    background: #F2EEE9 !important;

    border-radius: 24px !important;

    box-shadow:
        0 18px 50px rgba(0, 0, 0, 0.18) !important;

    overflow: visible !important;
}


/* Contenu interne */
.fancybox-wrap.stockalert-popup .fancybox-inner {
    width: 100% !important;
    height: auto !important;

    overflow: visible !important;
}


/* Bloc Stock Alert */
.fancybox-wrap.stockalert-popup .stockalert-add {
    width: 100% !important;

    margin: 0 !important;
    padding: 32px 34px 30px !important;

    background: transparent !important;

    border: none !important;
    border-radius: 24px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;

    font-family: "Manrope", sans-serif !important;
    color: #555555 !important;
}


/* =========================================================
   TITRE
   ========================================================= */

.fancybox-wrap.stockalert-popup .stockalert-add strong {
    display: block !important;

    margin: 0 0 22px 0 !important;

    color: #444444 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    text-transform: none !important;
}


/* =========================================================
   CHAMP EMAIL
   ========================================================= */

.fancybox-wrap.stockalert-popup input[type="email"],
.fancybox-wrap.stockalert-popup input[type="text"] {
    width: 100% !important;

    min-height: 54px !important;

    margin: 0 0 18px 0 !important;
    padding: 14px 18px !important;

    background: #FFFFFF !important;

    border: 1px solid #E6DED4 !important;
    border-radius: 14px !important;

    box-shadow: none !important;

    color: #444444 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;

    box-sizing: border-box !important;

    outline: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* Focus email */
.fancybox-wrap.stockalert-popup input[type="email"]:focus,
.fancybox-wrap.stockalert-popup input[type="text"]:focus {
    border-color: #BD8A3E !important;

    box-shadow:
        0 0 0 2px rgba(189, 138, 62, 0.12) !important;
}


/* Placeholder */
.fancybox-wrap.stockalert-popup input::placeholder {
    color: #999999 !important;
    opacity: 1 !important;
}


/* =========================================================
   BOUTON M'ALERTER
   ========================================================= */

.fancybox-wrap.stockalert-popup button,
.fancybox-wrap.stockalert-popup .btn,
.fancybox-wrap.stockalert-popup .btn.btn-secondary {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 46px !important;

    margin: 0 !important;
    padding: 11px 22px !important;

    background: transparent !important;

    border: 2px solid #BD8A3E !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: #BD8A3E !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
    text-decoration: none !important;

    cursor: pointer !important;

    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease !important;
}


/* Cloche */
.fancybox-wrap.stockalert-popup button::before,
.fancybox-wrap.stockalert-popup .btn::before {
    content: "\f0f3" !important;

    margin-right: 8px !important;

    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;

    font-size: 14px !important;

    color: currentColor !important;
}


/* Hover */
.fancybox-wrap.stockalert-popup button:hover,
.fancybox-wrap.stockalert-popup .btn:hover,
.fancybox-wrap.stockalert-popup button:focus,
.fancybox-wrap.stockalert-popup .btn:focus {
    background: #BD8A3E !important;

    border-color: #BD8A3E !important;

    color: #FFFFFF !important;

    box-shadow: none !important;

    outline: none !important;
}


/* =========================================================
   TEXTE D'INFORMATION
   ========================================================= */

.fancybox-wrap.stockalert-popup .stockalert-disclaimer,
.fancybox-wrap.stockalert-popup [class*="stockalert_disclaimer"] {
    margin: 22px 0 0 0 !important;

    color: #777777 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    font-style: normal !important;
    line-height: 1.55 !important;
}


/* =========================================================
   CONTENEURS MODULE
   ========================================================= */

.fancybox-wrap.stockalert-popup [class*="stockalert_button_container"] {
    width: 100% !important;

    margin: 0 !important;

    text-align: left !important;

    display: flex !important;
    justify-content: flex-start !important;
}


/* Résultat AJAX */
.fancybox-wrap.stockalert-popup [class*="stockalert_result"]:not(:empty) {
    margin-top: 16px !important;

    color: #BD8A3E !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
}


/* Espaces vides générés par le module */
.fancybox-wrap.stockalert-popup [class*="stockalert_result"] + div:empty {
    display: none !important;
}


/* =========================================================
   BOUTON FERMETURE
   ========================================================= */

.fancybox-wrap.stockalert-popup .fancybox-close {
    width: 36px !important;
    height: 36px !important;

    top: -14px !important;
    right: -14px !important;

    background: #FFFFFF !important;

    border: 1px solid #BD8A3E !important;
    border-radius: 50% !important;

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.15) !important;

    text-decoration: none !important;
}


/* Suppression sprite natif Fancybox */
.fancybox-wrap.stockalert-popup .fancybox-close::before {
    content: "×" !important;

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    transform: translate(-50%, -52%) !important;

    color: #BD8A3E !important;

    font-family: Arial, sans-serif !important;
    font-size: 26px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}


/* Masquer éventuel sprite background */
.fancybox-wrap.stockalert-popup .fancybox-close {
    background-image: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .fancybox-wrap.stockalert-popup {
        width: calc(100vw - 30px) !important;
        max-width: calc(100vw - 30px) !important;

        left: 15px !important;
    }

    .fancybox-wrap.stockalert-popup .fancybox-skin {
        border-radius: 18px !important;
    }

    .fancybox-wrap.stockalert-popup .stockalert-add {
        padding: 26px 22px 24px !important;

        border-radius: 18px !important;
    }

    .fancybox-wrap.stockalert-popup .stockalert-add strong {
        font-size: 18px !important;
        line-height: 1.35 !important;

        margin-bottom: 18px !important;
    }

    .fancybox-wrap.stockalert-popup button,
    .fancybox-wrap.stockalert-popup .btn,
    .fancybox-wrap.stockalert-popup .btn.btn-secondary {
        width: 100% !important;

        min-height: 46px !important;
    }

    .fancybox-wrap.stockalert-popup .stockalert-disclaimer,
    .fancybox-wrap.stockalert-popup [class*="stockalert_disclaimer"] {
        font-size: 13px !important;
    }

    .fancybox-wrap.stockalert-popup .fancybox-close {
        top: -12px !important;
        right: -8px !important;
    }
}/* End custom CSS */