:root {
	--font-family-body: "Quicksand", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
	--font-family-title: "Gotham Rounded";
	font-size: 1rem;
}

html {
	font-family: --font-family-body;
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 1rem;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../fonts/GothamRounded-Bold.woff2') format('woff2'), url('../fonts/GothamRounded-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../fonts/GothamRounded-Medium.woff2') format('woff2'), url('../fonts/GothamRounded-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../fonts/GothamRounded-Light.woff2') format('woff2'), url('../fonts/GothamRounded-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Quicksand';
	src: url('../fonts/Quicksand-Bold.woff2') format('woff2'), url('../fonts/Quicksand-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Quicksand';
	src: url('../fonts/Quicksand-Medium.woff2') format('woff2'), url('../fonts/Quicksand-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Quicksand';
	src: url('../fonts/Quicksand-Light.woff2') format('woff2'), url('../fonts/Quicksand-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Quicksand';
	src: url('../fonts/Quicksand-Regular.woff2') format('woff2'), url('../fonts/Quicksand-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

span.text-uppercase.fw-bold.text-dark.mr-auto {
    font-size: 14px !important;
    font-weight: 800 !important;   /* On remet du gras bien net */
    color: #111 !important;        /* Noir franc */
    letter-spacing: 1px;
    border-left: 4px solid #d55335; /* Barre orange sur la gauche (à ajuster selon ton orange exact) */
    padding-left: 12px;            /* Espace entre la barre et le texte */
    display: inline-block;
    line-height: 1.2;
}

/* Bouton Relais panier */

.sendcloud-spp {
    margin-bottom: 0em;
}

/* Le bouton de base (Cure d'amincissement) */
.sendcloud-spp__selection-trigger .sendcloud-spp__pick-button {
    color: var(--color-btn);
	background-color: var(--bg-color-btn);
	border-color: var(--bg-color-btn);
    border: 2px solid #D55335 !important;
    border-radius: 50px !important;
    padding: 6px 18px !important; /* <-- Plus fin et moins large */
    font-family: 'Gotham Rounded', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important; /* <-- Texte plus petit */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    margin: 0px 15px !important;
    text-transform: none !important;
    outline: none !important;
    line-height: 1.2 !important;
}

/* L'alignement strict du texte et de l'icône */
.sendcloud-spp__selection-trigger .sendcloud-spp__pick-button span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important; /* <-- Espace réduit entre texte et flèche */
    pointer-events: none !important;
}

/* La flèche (chevron) - Alignement forcé */
.sendcloud-spp__selection-trigger .sendcloud-spp__pick-button i {
    font-size: 1.2rem !important; /* <-- Proportionnel au nouveau texte */
    line-height: 1 !important; /* <-- C'est ça qui corrige le décalage vertical ! */
    display: flex !important;
    align-items: center !important;
    transition: transform 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- L'EFFET AU SURVOL (HOVER) --- */
.sendcloud-spp__selection-trigger .sendcloud-spp__pick-button:hover {
    background-color: #c95237 !important;
    color: #ffffff !important;
}

/* L'animation de la flèche au survol */
.sendcloud-spp__selection-trigger .sendcloud-spp__pick-button:hover i {
    transform: translateX(4px) !important;
}

/* Focus/Active outline */
.sendcloud-spp__selection-trigger .sendcloud-spp__pick-button:focus,
.sendcloud-spp__selection-trigger .sendcloud-spp__pick-button:active {
    box-shadow: 0 4px 10px rgba(213, 83, 53, 0.2) !important;
    outline: none !important;
}

/* petit produit panier */

@media (max-width: 767px) {

	.cart-overview tr.cart-item {
		position: relative;
		padding-left: 105px;
		border-bottom: 1px solid var(--ax-line-color);
		display: block;
        
		/* --- LA CORRECTION EST ICI 👇 --- */
		min-height: 100px; /* On force la ligne à être plus grande que l'image */
		padding-bottom: 15px; /* On donne un peu d'air en bas pour ne pas coller au trait */
} }



.payplugApplePay_wrapper.-product,.payplugApplePay_wrapper.-shopping-cart {
   
    padding: 19px 0 0;
}

/* =================================================================
   1. COMPORTEMENT PAR DÉFAUT (Panier principal)
   ================================================================= */
.canvas-promo-summary {
    display: none !important; /* On cache le texte cliquable dans le panier classique */
}
.canvas-promo-details:not([open]) .canvas-promo-content {
    display: block !important; /* On force l'affichage du champ dans le panier classique */
}

/* =================================================================
   2. COMPORTEMENT PANIER LATÉRAL (#canvas-mini-cart)
   ================================================================= */
#canvas-mini-cart .canvas-promo-summary {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    cursor: pointer;
    padding: 5px 0 15px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
}

#canvas-mini-cart .canvas-promo-summary::-webkit-details-marker {
    display: none;
}

#canvas-mini-cart .canvas-promo-summary .toggle-icon {
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
    transition: transform 0.3s ease;
}

#canvas-mini-cart .canvas-promo-details[open] .canvas-promo-summary .toggle-icon {
    transform: rotate(45deg);
}

#canvas-mini-cart .canvas-promo-details:not([open]) .canvas-promo-content {
    display: none !important;
}

/* =================================================================
   3. DESIGN DU FORMULAIRE DANS LE PANIER LATÉRAL (CORRIGÉ)
   ================================================================= */
#canvas-mini-cart .canvas-promo-content {
    padding: 10px 0 15px 0 !important;
    margin: 0 !important;
}

#canvas-mini-cart .block-promo .promo-code form {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center; 
    width: 100%;
}

#canvas-mini-cart .canvas-promo-content .promo-input {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 150px;
    height: 40px !important;
    padding: 5px 15px !important;
    border: 1px solid #d1d1d1 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: none !important;
    margin: 0 !important;
    font-size: 14px;
}

#canvas-mini-cart .canvas-promo-content .promo-input:focus {
    border-color: #333 !important;
    outline: none;
}

#canvas-mini-cart .canvas-promo-content button {
    flex: 0 0 auto !important;
    height: 40px !important;
    border-radius: 20px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
/***************************/

.gothamit, .gothamit h1, .gothamit h2, .gothamit h3 {
	font-family: "Gotham Rounded" !important;
}

.quicksandit, .product_name a, .product-type-6 .ax-product-cats, .product-type-6 .info-product {
	font-family: "Quicksand" !important;
}

.stroked .elementor-heading-title, span.stroked, h1 .stroke {
	color: transparent !important;
	-webkit-text-stroke: 1px #ffffff;
}

#header-sticky.has-sticky .topbar {
	transition: .1s all ease;
	position: absolute;
	transform: translateY(-100%);
}

.widget_shopping_cart_content .configurator-visual-rendering {
    display: none;
}


#lnk-cart-progress-bar.pl-1, .px-1 {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

/* --- DESIGN DU BLOC TEXTE SEO (Protégé au centre de la page) --- */

.page-category #wrapper .elementor-widget-text-editor .elementor-widget-container {
    max-width: 100% !important; 
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 0 !important; 
}

.page-category #wrapper .elementor-widget-text-editor h2 {
    font-family: 'Gotham Rounded', sans-serif !important;
    color: #D55335 !important;
    font-size: 1.6rem !important; 
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 1.8rem !important;
    margin-bottom: 0.5rem !important;
    border-bottom: 2px solid #F9EBE8 !important;
    padding-bottom: 8px;
}

.page-category #wrapper .elementor-widget-text-editor p {
    font-size: 1.1rem !important;
    line-height: 1.6 !important; 
    color: #555555 !important;
    margin-bottom: 1rem !important;
}

.page-category #wrapper .elementor-widget-text-editor strong {
    color: #222222 !important;
    font-weight: 700 !important;
}

/* --- LE SNIPER ANTI-ESPACES (100% SÉCURISÉ) --- */

/* 1. On tue l'espace vide situé juste après la question */
#wrapper .elementor-text-editor h2.question + p:not([class]) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. On tue l'espace vide situé juste après la réponse */
#wrapper .elementor-text-editor p.reponse + p:not([class]) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. On s'assure que la vraie réponse a un bel espacement en dessous */
#wrapper .elementor-text-editor p.reponse {
    margin-bottom: 2rem !important;
}

/* Alert info */

/* Structure de base de la boîte d'alerte */
.alert {
    border-radius: 12px !important;
    padding: 16px 20px !important;
    font-size: 0.95rem !important;
    box-shadow: none !important; /* Flat design pur */
    border-width: 1px !important;
    border-style: dashed !important; /* ou "solid" selon votre préférence */
    margin-bottom: 20px;
}

/* Nettoyage des listes à puces natives de PrestaShop (les fameux <ul><li>) */
.alert ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}

.alert ul li {
    line-height: 1.5;
}

/* 1. Alerte Info (celle de votre capture) - On la passe aux couleurs de la marque ! */
.alert-info {
    background-color: #FFF5F2 !important; 
    border-color: #D55335 !important;
    color: #D55335 !important;
    font-weight: 500;
}

/* 2. Alerte Succès (ex: "Vos paramètres ont bien été mis à jour") */
.alert-success {
    background-color: #F0FFF4 !important;
    border-color: #81C784 !important;
    color: #2E7D32 !important;
}

/* 3. Alerte Erreur (ex: "Mot de passe incorrect") */
.alert-danger {
    background-color: #FFF5F5 !important;
    border-color: #E57373 !important;
    color: #C62828 !important;
}

/* 4. Alerte Attention */
.alert-warning {
    background-color: #FFFDE7 !important;
    border-color: #FFF176 !important;
    color: #F57F17 !important;
}

/* ==========================================
   1. PAGE RGPD (Export de données)
   ========================================== */

/* Structure de la page */
.custom-gdpr-page {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 20px;
}

/* Cartes d'information */
.gdpr-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    border: 1px solid #F4F5F7;
    width: 100%;
}

/* Titres et Icônes */
.gdpr-card h2 {
    font-family: 'Gotham Rounded', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #333;
    margin-top: 0;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.gdpr-icon {
    color: #D55335;
    font-size: 1.8rem;
}

/* Textes et Liens */
.gdpr-card p {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 25px;
}

.gdpr-link {
    color: #D55335;
    font-weight: 600;
    text-decoration: underline;
}

.gdpr-link:hover {
    color: #bd472b;
}

/* Zone des boutons */
.gdpr-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* Boutons Pilules */
/* Zone des boutons */
.gdpr-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Gère l'espacement parfait entre les boutons */
    align-items: center;
    margin-top: 20px;
}

/* Boutons Pilules (Flat & Alignement parfait) */
.gdpr-buttons .btn-primary-pill {
    background-color: #D55335 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    border: none !important;
    
    /* La magie de l'alignement parfait texte/icône */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    
    box-shadow: none !important;
    transition: all 0.3s ease;
    text-transform: uppercase;
    text-decoration: none !important;
    
    /* On tue les marges et hauteurs de ligne du module natif */
    margin: 0 !important; 
    line-height: 1.2 !important;
}

/* Ajustement millimétré de l'icône dans le bouton */
.gdpr-buttons .btn-primary-pill i {
    font-size: 1.5rem !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.gdpr-buttons .btn-primary-pill:hover {
    background-color: #bd472b !important;
    transform: translateY(-2px);
    color: #ffffff !important;
}
/* ==========================================
   2. CASE À COCHER RGPD (Consentement)
   ========================================== */

.gdpr_consent {
    background: #FFF5F2;
    border: 1px dashed #D55335;
    border-radius: 12px;
    padding: 15px;
    margin: 15px 0;
}

.gdpr_consent .psgdpr_consent_message {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    color: #444;
    font-size: 0.9rem;
    cursor: pointer;
}

/* Coche PrestaShop aux couleurs de la marque */
.gdpr_consent .custom-checkbox input[type="checkbox"]:checked + span {
    background-color: #D55335 !important;
}

.gdpr_consent .custom-checkbox input[type="checkbox"]:focus + span {
    border-color: #D55335;
}
/* Variation */

/* On vient positionner le texte de manière absolue par rapport au bas de l'image */
.texture-text-overlay {
    position: absolute;
    bottom: 5px; /* Ajuste cette valeur pour monter/descendre le texte */
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px; 
    font-weight: 700;
    font-style: italic;
    color: #000000;
    line-height: 1.1;
    /* Le petit contour blanc indispensable pour lire le texte sur les boules claires */
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; 
    
    /* Permet d'ignorer les clics sur le texte pour ne pas gêner la sélection de la déclinaison */
    pointer-events: none; 
}

.color,
.custom-checkbox input + span.color {
	display: block;
    float: left;
	border: none !important;
	width: 93px;
    height: 93px;
    border-radius: 24px;
	cursor: pointer;
	box-shadow: none !important;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 2px;
	background-position: center center;
	transition: all 0s ease-in-out 0s;
	-webkit-transition: all 0s ease-in-out 0s;
	-ms-transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s ease-in-out 0s;
	-o-transition: all 0s ease-in-out 0s;
}
/* ==========================================================================
   TABLEAU DE BORD "MON COMPTE" - VERSION FINALE (2 COLONNES)
   ========================================================================== */
.stellaire-progress-bg {
    background: #F4F5F7 !important;
    border-radius: 20px !important;
    height: 12px !important;
    margin: 15px 0 5px 0 !important;
    overflow: hidden !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05) !important;
}

.stellaire-progress-bar {
    height: 100% !important;
    border-radius: 20px !important;
    transition: width 1s ease-in-out !important;
}

.stellaire-limits {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 0.75rem !important;
    color: #999 !important;
    font-weight: 600 !important;
}

.stellaire-remaining {
    font-size: 0.85rem !important;
    margin-top: 10px !important;
    line-height: 1.4 !important;
}

.stellaire-success {
    font-size: 0.85rem !important;
    margin-top: 10px !important;
    color: #108510 !important;
    font-weight: 600 !important;
}

/* L'astuce : La double classe lui donne la priorité absolue ! */
.mini-reorder-item.hidden-reorder-item {
    display: none !important;
}

/* Le bouton Voir plus */
.btn-voir-plus {
    background-color: #f1f1f1 !important;
    color: #555 !important;
    border: 1px solid #ddd !important;
    padding: 8px 25px !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
}

.btn-voir-plus:hover {
    background-color: #e5e5e5 !important;
    color: #333 !important;
}

/* --- 1. SUPPRESSION DU CADRE GLOBAL --- */
body#my-account .my-account-content {
    padding: 0px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
@media (min-width: 768px) {
    body#my-account .my-account-content {
        padding: 0px !important;
    }
}

/* --- 2. LAYOUT PRINCIPAL (2 COLONNES INDÉPENDANTES) --- */

.reorder-btn-container a {
	
	width: auto !important;
    padding: 8px 20px !important;
    font-size: 0.85rem !important;
    border: none !important;
}
.custom-dashboard-layout {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

.dashboard-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    flex: 1 !important;
    width: 50% !important;
}

/* --- 3. DESIGN DES CARTES (Global) --- */
.dash-card {
    background: #ffffff !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 16px !important;
    padding: 25px !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* --- 4. TYPOGRAPHIE & LIGNE TERRACOTTA --- */
.dash-card h3 {
    font-family: "Quicksand", sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin: 0 0 15px 0 !important;
    padding: 0 0 12px 0 !important;
    border: none !important;
    position: relative !important;
}

.dash-card h3::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 40px !important;
    height: 3px !important;
    background-color: #D55335 !important;
    border-radius: 5px !important;
}

.greeting {
    font-family: "Quicksand", sans-serif !important;
    font-size: 1.1rem !important;
    color: #222 !important;
    margin-bottom: 8px !important;
}

.subtext {
    font-family: "Quicksand", sans-serif !important;
    color: #666 !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
}

/* --- 5. POINTS DE FIDÉLITÉ --- */
.points-display {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.points-number {
    font-family: "Quicksand", sans-serif !important;
    font-size: 2.8rem !important;
    font-weight: 800 !important;
    color: #D55335 !important; 
    line-height: 1 !important;
}

.points-text {
    font-family: "Quicksand", sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #D55335 !important;
}

/* --- 6. LIENS & BOUTONS --- */
.card-links {
    margin-top: auto !important;
}

.card-links-bottom {
    margin-top: auto !important;
    padding-top: 15px !important;
}

.card-links a, 
.card-link {
    color: #D55335 !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

.separator {
    color: #ccc !important;
    margin: 0 8px !important;
}

.card-links a:hover, 
.card-link:hover {
    color: #c4492e !important;
    border-bottom: 1px solid #c4492e !important; 
}

.btn-primary-pill {
    background-color: #D55335 !important;
    color: #ffffff !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    transition: background-color 0.3s ease !important;
    border: none !important;
    cursor: pointer !important;
}

.btn-primary-pill:hover {
    background-color: #c4492e !important;
    color: #ffffff !important;
}

/* --- 7. MES DERNIÈRES COMMANDES --- */
.mini-order-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

.mini-order-item {
    display: flex !important;
    flex-direction: column !important;
    border-bottom: 1px solid #F4F5F7 !important;
    padding-bottom: 10px !important;
}

.mini-order-list .mini-order-item:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.mini-order-info {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 5px !important;
}

.mini-order-info strong {
    font-family: "Quicksand", sans-serif !important;
    color: #222 !important;
    font-size: 0.95rem !important;
}

.mini-order-date {
    color: #888 !important;
    font-size: 0.85rem !important;
}

.mini-order-status {
    font-weight: 700 !important;
    font-size: 0.85rem !important;
}

/* --- 8. RÉACHAT RAPIDE (Grille 2x2 propre) --- */
.mini-reorder-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
}

.mini-reorder-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #F8F9FA !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 12px !important;
    padding: 15px 10px !important;
    text-align: center !important;
}

.reorder-product-img-link {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 65px !important;
    height: 65px !important;
    margin-bottom: 12px !important;
    background: #fff !important;
    border-radius: 8px !important;
    border: 1px solid #EAEAEA !important;
    padding: 2px !important;
}

.reorder-img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.reorder-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    flex-grow: 1 !important;
}

.reorder-product-name {
    font-family: "Quicksand", sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #666 !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
}

.add-to-cart-or-refresh {
    margin-top: auto !important;
}

.add-to-cart-or-refresh .btn-small {
    width: auto !important;
    padding: 8px 20px !important;
    font-size: 0.85rem !important;
    border: none !important;
}

apple-pay-button {
    --apple-pay-button-border-radius: 24px !important;
}

/* --- 9. MOBILE --- */
@media (max-width: 767px) {
    .custom-dashboard-layout {
        flex-direction: column !important;
    }
    .dashboard-col {
        width: 100% !important;
    }
}

/* Mon compte */

/* ==========================================================================
   REFONTE "MON COMPTE" - FLAT DESIGN 2026 (Complet & Blindé)
   ========================================================================== */

/* --- 1. LE MENU LATÉRAL (Liens) - VERROUILLAGE ANTI-DÉFORMATION --- */
.my-account-links {
    background: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important; 
    padding: 0 !important;
    display: block !important; /* LE SAUVEUR : Remet la boîte en mode classique pour empêcher la disparition */
}

.my-account-links a {
    border: none !important;
    border: 1px solid #F4F5F7 !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    color: #555 !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
    
    /* LE CADENAS : On détruit l'effet "25% de largeur" de Bootstrap */
    display: flex !important; /* Le lien devient un conteneur pour aligner son icône */
    align-items: center !important;
    flex: 0 0 100% !important; /* Forcé à 100% ! */
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px 20px !important;
    font-size: 0.95rem !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.my-account-links a:last-child {
    border-bottom: none !important;
}

.my-account-links a:hover, 
.my-account-links a.active {
    background-color: #FFF5F2 !important; 
    color: #D55335 !important;
    padding-left: 25px !important; 
}

/* Verrouillage des icônes */
.my-account-links a i,
.my-account-links a .material-icons {
    color: #D55335 !important; 
    font-size: 1.2rem !important;
    margin-right: 12px !important;
    width: 20px !important;
    text-align: center !important;
}

/* --- 2. LE CADRE PRINCIPAL (Contenu) --- */
.my-account-content {
    background: #ffffff !important;
    border-radius: 16px !important;
    /* border: 1px solid #EAEAEA !important; */
    /* padding: 40px !important; */
    box-shadow: none !important;
}

.my-account-content > h4 {
    font-family: "Quicksand", sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    color: #222 !important;
    border-bottom: none !important; 
    padding-bottom: 10px !important;
    margin-bottom: 30px !important;
    position: relative !important;
}

.my-account-content > h4::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 40px !important;
    height: 3px !important;
    background-color: #D55335 !important;
    border-radius: 5px !important;
}

/* --- 3. RESTRUCTURATION DU FORMULAIRE --- */
.my-account-content .form-group.row {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 20px !important;
}

.my-account-content .form-group.row > label.form-control-label {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    color: #444 !important;
}

.my-account-content .form-group.row > .col-md-6.js-input-column {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    flex: 0 0 100% !important;
}

.my-account-content .form-group.row > .col-md-3.form-control-comment {
    display: none !important;
}

.my-account-content .form-control-comment {
    font-size: 0.8rem !important;
    color: #888 !important;
    margin-top: 5px !important;
    display: block !important;
}

.my-account-content .form-control {
    background-color: #F8F9FA !important; 
    border: 1px solid transparent !important; 
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 500 !important;
    color: #333 !important;
    box-shadow: none !important; 
    transition: all 0.3s ease !important;
}

.my-account-content .form-control:focus {
    background-color: #ffffff !important;
    border: 1px solid #D55335 !important;
    outline: none !important;
}

.my-account-content .btn-primary {
    background-color: #D55335 !important;
    color: #ffffff !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    padding: 12px 35px !important;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: none !important; 
    transition: background-color 0.3s ease !important;
}

.my-account-content .btn-primary:hover {
    background-color: #c4492e !important;
}

.my-account-content .form-footer {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 1px solid #EAEAEA !important;
}

/* --- 4. GRILLE DES ADRESSES --- */
.my-account-content .row:has(.address) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important; 
    margin: 0 !important;
}

.my-account-content .row:has(.address) > .col-xs-12 {
    flex: 1 1 calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.page-addresses .address {
    background: #F8F9FA !important; 
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    padding: 25px !important;
    height: 100% !important; 
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.3s ease !important;
}

.page-addresses .address:hover {
    background: #ffffff !important;
    border-color: #D55335 !important; 
}

.page-addresses .address .address-body {
    flex-grow: 1 !important; 
}

.page-addresses .address .address-body h4 {
    font-family: "Quicksand", sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

.page-addresses .address .address-body address {
    font-family: "Quicksand", sans-serif !important;
    font-size: 0.95rem !important;
    color: #666 !important;
    line-height: 1.6 !important;
    font-style: normal !important; 
}

.page-addresses .address .address-footer {
    border-top: 1px solid #EAEAEA !important; 
    padding-top: 15px !important;
    margin-top: 15px !important;
    display: flex !important;
    gap: 20px !important;
}

.page-addresses .address .address-footer a {
    font-family: "Quicksand", sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #777 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important; 
    transition: color 0.2s ease !important;
}

.page-addresses .address .address-footer a:hover {
    color: #D55335 !important;
}

.page-addresses .addresses-footer {
    margin-top: 30px !important;
    display: flex !important;
    justify-content: flex-end !important; 
}

.page-addresses .addresses-footer a {
    background-color: #D55335 !important;
    color: #ffffff !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    padding: 12px 35px !important;
    border-radius: 50px !important;
    border: none !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease !important;
}

.page-addresses .addresses-footer a:hover {
    background-color: #c4492e !important;
    color: #ffffff !important;
}

/* --- 5. HISTORIQUE DES COMMANDES --- */
.my-account-content table.table {
    border-collapse: separate !important;
    border-spacing: 0 10px !important; 
    border: none !important;
    background: transparent !important;
}

.my-account-content table tbody tr {
    background: transparent !important;
    outline: none !important; 
}

/* NETTOYAGE DU GRIS BOOTSTRAP */
.my-account-content table thead,
.my-account-content table thead tr,
.my-account-content table thead th,
.my-account-content table .thead-default,
.my-account-content table .thead-default th {
    border: none !important;
    background: transparent !important;
    background-color: transparent !important; 
}

.my-account-content table thead th {
    color: #888 !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    padding: 0 15px 15px 15px !important; 
    border-bottom: 2px solid #F8F9FA !important; 
}

.my-account-content table tbody td,
.my-account-content table tbody th {
    background: #F8F9FA !important; 
    padding: 15px !important;
    vertical-align: middle !important;
    font-family: "Quicksand", sans-serif !important;
    color: #555 !important;
    transition: all 0.2s ease !important;
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    border-left: none !important;
    border-right: none !important;
}

.my-account-content table tbody tr > :first-child {
    border-radius: 12px 0 0 12px !important;
    border-left: 1px solid transparent !important; 
    font-weight: 700 !important;
    color: #222 !important;
}

.my-account-content table tbody tr > :last-child {
    border-radius: 0 12px 12px 0 !important;
    border-right: 1px solid transparent !important; 
}

.my-account-content table tbody td.price {
    font-weight: 700 !important;
    color: #D55335 !important;
}

.my-account-content .label-pill {
    border-radius: 50px !important;
    padding: 6px 12px !important;
    font-family: "Quicksand", sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
}

.my-account-content .las.la-file-pdf {
    font-size: 1.8rem !important;
    color: #ffffff !important;
    transition: transform 0.2s ease !important;
}
.my-account-content .las.la-file-pdf:hover {
    transform: scale(1.1) !important;
}

.my-account-content table .order-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.my-account-content table .order-actions a {
    background: #ffffff !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #555 !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
}

.my-account-content table .order-actions a.reorder-link {
    background: #FFF5F2 !important;
    border-color: #D55335 !important;
    color: #D55335 !important;
}

.my-account-content table .order-actions a:hover {
    background: #D55335 !important;
    color: #ffffff !important;
}

/* --- 6. TRUSTPILOT TWEAK --- */
#description div.trustpilot-widget>iframe:nth-child(2) {
    top: -220px !important;
}


/* ==========================================================================
   7. TOUTES LES RÈGLES MOBILES (Enfermées et protégées)
   ========================================================================== */
@media (max-width: 767px) {
    /* Menu Swipe */
    .my-account-links::before {
        display: none !important;
	}
	
	#canvas-mini-cart .product-name a {
    
    font-size: .8rem !important;
    margin-bottom: 1px !important;
	}
	#canvas-mini-cart .product-line-info-top {
    font-size: .8rem !important;
   
	}
	.lnkcp-gift-title {
    font-size: .8rem !important;
	}
	.canvas-widget-top .title-canvas-widget {
    
    font-size: 1rem !important;
	}
	#canvas-mini-cart .title-canvas-widget .totals-nb {
    font-size: 0.8rem !important;
	}
    #canvas-mini-cart .title-canvas-widget .text {
    font-size: 0.8rem !important;
	}
	#canvas-mini-cart .title-canvas-widget .nbr {
    font-size: 0.8rem !important;
	}
	#canvas-mini-cart .price-qty .price {
    font-size: 14px !important;
	}
	#canvas-mini-cart .col {
    font-size: .7rem !important;
}

    .my-account-links {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important; 
        -webkit-overflow-scrolling: touch !important;
        gap: 12px !important;
        padding: 15px 0 15px 15px !important;
        margin: 0 -20px 25px -20px !important;
        border: none !important;
        background: transparent !important;
        position: relative !important;
    }

    .my-account-links::-webkit-scrollbar {
        display: none !important;
    }

    .my-account-links a,
    .my-account-links a[class*="col-"] {
        flex: 0 0 auto !important; 
        width: auto !important;
        max-width: none !important;
        float: none !important; 
        background: #ffffff !important;
        border: 1px solid #EAEAEA !important;
        border-radius: 50px !important;
        padding: 10px 20px !important;
        white-space: nowrap !important;
        font-family: "Quicksand", sans-serif !important;
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        display: flex !important;
        align-items: center !important;
        color: #555 !important;
    }

    .my-account-links a i,
    .my-account-links a .material-icons {
        margin-right: 8px !important;
        font-size: 1.15rem !important;
        color: #D55335 !important;
    }

    .my-account-links a.active {
        background-color: #FFF5F2 !important;
        color: #D55335 !important;
        border-color: #D55335 !important;
    }

    .my-account-links::after {
        content: '➔' !important; 
        position: sticky !important;
        right: 0 !important;
        top: 0 !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 15px 0 35px !important;
        font-size: 1.2rem !important;
        color: #D55335 !important;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%) !important;
        pointer-events: none !important; 
        z-index: 10 !important;
        animation: swipe-hint 2s infinite ease-in-out !important; 
    }

    /* Adresses */
    .my-account-content .row:has(.address) > .col-xs-12 {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
    .page-addresses .addresses-footer {
        justify-content: center !important; 
    }

    /* Commandes */
    .my-account-content .orders .order {
        background: #F8F9FA !important;
        border-radius: 12px !important;
        padding: 20px !important;
        margin-bottom: 15px !important;
    }

    .my-account-content .orders .order .row {
        display: flex !important;
        flex-direction: column !important;
    }

    .my-account-content .orders .order .col-xs-10 {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }
    
    .my-account-content .orders .order h3 {
        font-family: "Quicksand", sans-serif !important;
        font-weight: 700 !important;
        color: #222 !important;
        margin: 0 !important;
    }
    
    .my-account-content .orders .order .price {
        color: #D55335 !important;
        font-weight: 700 !important;
    }

    .my-account-content .orders .order .col-xs-2 {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-top: 15px !important;
        padding-top: 15px !important;
        border-top: 1px solid #EAEAEA !important;
    }

    .my-account-content .orders .order .col-xs-2 > div {
        flex: 1 !important; 
    }

    .my-account-content .orders .order .col-xs-2 a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        background: #ffffff !important;
        border: 1px solid #EAEAEA !important;
        border-radius: 8px !important;
        padding: 12px !important;
        font-family: "Quicksand", sans-serif !important;
        font-size: 0.85rem !important;
        font-weight: 600 !important;
        color: #555 !important;
        text-decoration: none !important;
    }

    .my-account-content .orders .order .col-xs-2 a:has(.la-search)::after {
        content: "Détails" !important;
    }

    .my-account-content .orders .order .col-xs-2 a:has(.la-sync)::after {
        content: "Commander" !important;
    }

    .my-account-content .orders .order .col-xs-2 a:has(.la-sync) {
        color: #D55335 !important;
        border-color: #D55335 !important;
        background: #FFF5F2 !important;
    }
}

@keyframes swipe-hint {
    0% { transform: translateX(0); opacity: 0.6; }
    50% { transform: translateX(4px); opacity: 1; }
    100% { transform: translateX(0); opacity: 0.6; }
}

/* Truspilot */

#description div.trustpilot-widget>iframe:nth-child(2) {
    top: -220px !important;
}	

/* mini panier */
#canvas-mini-cart .card-block-bottom {
    
    padding: 15px !important;
    
}



/* Création de compte */

/* 1. CONTENEUR DES PAGES (Largeur majestueuse à 1400px) */
.page-authentication #content, 
.page-password #content, 
.page-registration #content {
    max-width: 1400px !important;
   
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 40px !important;
    border: 1px solid #f9f9f9 !important;
}

/* 2. LA RÉVOLUTION DU LAYOUT : On casse l'ancienne grille "gauche/droite" */
.register-form .form-group.row {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 25px !important;
}

.register-form .form-control-label {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    display: block !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    color: #333 !important;
    padding: 0 0 10px 0 !important; 
}

.register-form .js-input-column {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    flex: none !important;
}

/* 3. PRÉNOM ET NOM SUR LA MÊME LIGNE */
@media (min-width: 768px) {
    .register-form .form-group:has(#field-firstname) {
        width: calc(50% - 10px) !important;
        display: inline-block !important;
        margin-right: 15px !important;
        vertical-align: top !important;
    }
    .register-form .form-group:has(#field-lastname) {
        width: calc(50% - 10px) !important;
        display: inline-block !important;
        vertical-align: top !important;
    }
}

/* 4. LES CHAMPS DE TEXTE (Inputs nets et clairs) */
.register-form .form-control {
    background-color: #fbfbfb !important;
    border: 2px solid #eaeaea !important;
    border-radius: 12px !important;
    padding: 14px 18px !important; 
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.05rem !important;
    color: #222 !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    width: 100% !important;
    height: auto !important;
}

.register-form .form-control:focus {
    background-color: #ffffff !important;
    border-color: #D55335 !important;
    box-shadow: 0 0 0 4px rgba(213, 83, 53, 0.15) !important;
    outline: none !important;
}

/* 5. TEXTES D'AIDE ET MOT DE PASSE */
.register-form .form-control-comment {
    font-size: 0.9rem !important;
    color: #777 !important;
    margin-top: 8px !important;
    display: block !important;
    line-height: 1.4 !important;
}

.register-form .password-requirements {
    background: #f9f9f9 !important;
    padding: 12px 15px !important;
    border-radius: 8px !important;
    width: 100% !important;
    margin-top: 10px !important;
}

.register-form .input-group button[data-action="show-password"] {
    background: transparent !important;
    border: none !important;
    color: #888 !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    padding: 0 15px !important;
    cursor: pointer !important;
}
.register-form .input-group button[data-action="show-password"]:hover {
    color: #D55335 !important;
}

/* ==========================================================================
   6. RADIOS (M/Mme) ET CHECKBOXES (Correction du V centré)
   ========================================================================== */
.register-form .wrapper-custom-checkbox {
    display: inline-flex !important;
    align-items: flex-start !important;
    margin-top: 8px !important;
    margin-right: 25px !important;
    cursor: pointer !important;
    position: relative !important;
}

.register-form .wrapper-custom-checkbox .text {
    font-size: 1.05rem !important; 
    color: #444 !important;
    line-height: 1.5 !important;
    margin-left: 12px !important;
    margin-top: 2px !important;
}

.register-form .wrapper-custom-checkbox em {
    font-size: 0.9rem !important;
    color: #888 !important;
    font-style: normal !important;
    display: block !important;
    margin-top: 4px !important;
}

.register-form .custom-checkbox, 
.register-form .custom-radio {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important; 
    height: 26px !important;
    border: 2px solid #ccc !important;
    border-radius: 8px !important; 
    background: #fff !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

.register-form .custom-radio {
    border-radius: 50% !important;
}

/* L'input natif invisible mais bien cliquable par dessus tout */
.register-form .custom-checkbox input,
.register-form .custom-radio input {
    position: absolute !important;
    opacity: 0 !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    margin: 0 !important;
    z-index: 5 !important; 
    left: 0 !important;
    top: 0 !important;
}

/* LA CORRECTION : On force le span parasite à remplir la case à 100% */
.register-form .custom-checkbox > span {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* C'EST ÇA QUI CENTRE LE "V" */
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2 !important;
}

.register-form .wrapper-custom-checkbox:hover .custom-checkbox,
.register-form .wrapper-custom-checkbox:hover .custom-radio {
    border-color: #D55335 !important;
}

.register-form input:checked + span.custom-checkbox,
.register-form .custom-checkbox:has(input:checked),
.register-form .custom-radio:has(input:checked) {
    background-color: #D55335 !important;
    border-color: #D55335 !important;
}

/* Le fameux V de validation */
.register-form .custom-checkbox i {
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1 !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    opacity: 0 !important; 
    transform: scale(0.5) !important;
    transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important; 
}

.register-form .custom-checkbox:has(input:checked) i,
.register-form input:checked + span.custom-checkbox i {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* Point central radio animé (M/Mme) */
.register-form .custom-radio span {
    display: none !important; 
}

.register-form .custom-radio:has(input:checked) span,
.register-form .custom-radio input:checked + span {
    background-color: #fff !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
}

/* 7. LE GROS BOUTON VALIDER */
.register-form .btn-primary[data-link-action="save-customer"] {
    background-color: #D55335 !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: "Gotham Rounded", sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    padding: 16px 40px !important;
    text-transform: none !important
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    margin-top: 20px !important;
    width: 100% !important; 
}

@media (min-width: 768px) {
    .register-form .btn-primary[data-link-action="save-customer"] {
        width: auto !important; 
        float: right !important; 
    }
}

.register-form .btn-primary[data-link-action="save-customer"]:hover {
    background-color: #c4492e !important;
}

/* 8. FIX AUTOFILL CHROME */
.register-form .form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fbfbfb inset !important;
    -webkit-text-fill-color: #222 !important;
    border: 2px solid #eaeaea !important;
}
.register-form .form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #ffffff inset, 0 0 0 4px rgba(213, 83, 53, 0.15) !important;
    border-color: #D55335 !important;
}

/* Drapeau */ 

@media (max-width: 767px) {
    /* --- 1. SÉCURITÉ DU TEXTE DE GAUCHE --- */
    .top-left-quick-menu {
        overflow: hidden !important;
        flex: 1 !important;
    }
    .top-left-quick-menu .msb-ticker li {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: 0.85rem !important;
    }

    /* --- 2. GESTION DES ICÔNES DE DROITE --- */
    .elementor-column:has(.elementor-widget-axps-languages) .elementor-widget-wrap {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .elementor-element.elementor-widget-axps-languages {
        display: inline-flex !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
    }

    /* --- 3. MICRO-AJUSTEMENT PIXEL-PERFECT (Destruction de la boîte fantôme) --- */
    .elementor-widget-axps-languages .elementor-widget-container,
    .elementor-widget-axps-languages .axps-dropdown-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important;
    }

    .elementor-widget-axps-languages .axps-dropdown-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 18px !important;
        width: 18px !important;
        padding: 0 !important;
        margin: 0 2px 0 0 !important;
        line-height: 0 !important;
        background: transparent !important;
        border: none !important;
        -webkit-tap-highlight-color: transparent !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* On cache le texte et la flèche */
    .elementor-widget-axps-languages .axps-dropdown-toggle-text,
    .elementor-widget-axps-languages .icon-toggle {
        display: none !important;
    }

    /* Le drapeau rond */
    .elementor-widget-axps-languages .axps-dropdown-toggle img {
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        /* border: 1px solid #ffffff !important; */
        transform: translateY(-1px) !important;
    }

    /* --- 4. LE MENU DÉROULANT --- */
    .elementor-widget-axps-languages .axps-dropdown-menu,
    .open > .elementor-widget-axps-languages .axps-dropdown-menu {
        left: 50% !important;
        right: auto !important;
        margin-left: -75px !important;
        top: 100% !important;
        margin-top: 10px !important; 
    }
    
    .elementor-widget-axps-languages .axps-dropdown-menu::before {
        content: '' !important;
        position: absolute !important;
        top: -7px !important;
        left: 50% !important;
        margin-left: -7px !important;
        width: 14px !important;
        height: 14px !important;
        background-color: rgba(255, 255, 255, 0.98) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.8) !important;
        border-left: 1px solid rgba(255, 255, 255, 0.8) !important;
        border-top-left-radius: 3px !important;
        transform: rotate(45deg) !important;
        z-index: 10 !important;
        backdrop-filter: none !important; 
        -webkit-backdrop-filter: none !important;
    }

    /* --- 5. NETTOYAGE DU MENU STICKY ET LATÉRAL --- */
    #header-sticky .elementor-widget-axps-languages,
    .ets_mm_megamenu_content .elementor-widget-axps-languages,
    #header-sticky .elementor-element-9c905c7,
    .ets_mm_megamenu_content .elementor-element-9c905c7 {
        display: none !important;
    }

    /* --- 6. SUPPRESSION DU CARRÉ FANTÔME (Effet Hover) --- */
    .elementor-widget-axps-languages .axps-dropdown-toggle:hover,
    .elementor-widget-axps-languages .axps-dropdown-toggle:active,
    .elementor-widget-axps-languages .axps-dropdown-wrapper.open .axps-dropdown-toggle {
        background: transparent !important;
        background-color: transparent !important;
    }
}

/* 1. Le bouton principal */
.axps-dropdown-toggle {
    font-family: "Quicksand", sans-serif !important;
    font-size: 0.9rem !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    background: transparent !important; /* Transparent au repos */
}


.axps-dropdown-toggle {
    font-family: "Quicksand", sans-serif !important;
    font-size: 0.9rem !important;
    color: #ffffff !important;
    /* padding: 6px 12px !important; */
    transition: all 0.3s ease !important;
    background: transparent !important; /* Transparent au repos */
}

/* --- NOUVEAUTÉ 1 : Animation fluide de la petite flèche (chevron) --- */
.axps-dropdown-toggle .icon-toggle {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.open > .axps-dropdown-toggle .icon-toggle {
    transform: rotate(180deg) !important; /* Tourne quand le menu est ouvert */
}

/* 2. Les drapeaux ronds (Nets) */
.axps-dropdown-wrapper img {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    /* box-shadow: 0 1px 3px rgba(0,0,0,0.12) !important; */
    /* border: 1px solid rgb(255 255 255) !important; */
    margin-right: 10px !important;
    image-rendering: -webkit-optimize-contrast !important;
    /* --- NOUVEAUTÉ 2 : Préparation pour l'effet Pop --- */
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* 3. Le menu déroulant (Bulle) */
.axps-dropdown-menu {
    /* --- NOUVEAUTÉ 3 : Effet Verre Dépoli (Glassmorphism) --- */
    background-color: rgba(255, 255, 255, 0.85) !important; /* Blanc légèrement transparent */
    backdrop-filter: blur(12px) !important; /* L'effet flou d'Apple */
    -webkit-backdrop-filter: blur(12px) !important; /* Pour Safari */
    border: 1px solid rgba(255, 255, 255, 0.5) !important; /* Bordure brillante façon verre */
    border-radius: 16px !important; 
  /*  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important; */
    padding: 10px !important;
    min-width: 150px !important; 
    transform: translateY(15px) translateZ(0) !important;
}

.open > .axps-dropdown-menu {
    transform: translateY(8px) translateZ(0) !important;
}

/* 4. Les lignes des langues */
.axps-dropdown-menu > a {
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    color: #444 !important;
    padding: 10px 14px !important;
    border-radius: 10px !important; 
    margin-bottom: 4px !important;
    transition: all 0.2s ease !important;
}

.axps-dropdown-menu > a:last-child {
    margin-bottom: 0 !important;
}

/* 5. Effet au survol des langues */
.axps-dropdown-menu > a:hover, 
.axps-dropdown-menu > a.selected {
    background: rgba(213, 83, 53, 0.08) !important; /* Fond saumon très léger pour garder l'effet verre */
    color: #D55335 !important; 
    padding-left: 18px !important; /* Glissement du texte */
}

/* --- L'EFFET POP AU SURVOL (Le drapeau grossit légèrement) --- */
.axps-dropdown-menu > a:hover img {
    transform: scale(1.25) !important;
}

/* ==========================================================================
   MENU LATÉRAL (COMPTE, CONTACT, LANGUES, DEVISES) - DA GUIRLED 2026
   ========================================================================== */

/* 1. Les Lignes Principales (Contactez-nous, Français, EUR) */
#canvas-my-account .sb-item {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px !important;
    font-family: "Quicksand", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #444 !important;
    text-decoration: none !important;
    background: transparent !important;
    border-radius: 12px !important;
    margin-bottom: 5px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    position: relative !important;
    
    /* LA MORT DÉFINITIVE DES LIGNES GRISES : */
    border: none !important;
    border-bottom: none !important; 
    box-shadow: none !important;
}

/* Le parent dropdown aussi, au cas où le thème y cacherait des lignes */
#canvas-my-account .dropdown {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Effet au survol des lignes principales */
#canvas-my-account .sb-item:hover,
#canvas-my-account .dropdown.open .sb-item {
    background-color: #FFF5F2 !important; /* Fond saumon */
    color: #D55335 !important; /* Texte Terracotta */
}

/* 2. Les Icônes (Enveloppe, Billet...) */
#canvas-my-account .sb-item i {
    font-size: 1.3rem !important;
    margin-right: 12px !important;
    color: inherit !important;
    transition: color 0.2s ease !important;
}

/* 3. Les Drapeaux (Ronds et hyper nets en 16px) */
#canvas-my-account .sb-item img, 
#canvas-my-account .dropdown-menu img {
    width: 16px !important; 
    height: 16px !important;
    border-radius: 50% !important; 
    object-fit: cover !important;
    margin-right: 12px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12) !important; 
    border: 1px solid rgba(0, 0, 0, 0.05) !important; 
    image-rendering: -webkit-optimize-contrast !important;
}

/* 4. Écrasement du vieux triangle gris et création du nouveau chevron */
#canvas-my-account .dropdown .sb-item::after {
    content: '' !important;
    width: 7px !important;
    height: 7px !important;
    
    /* On FORCE l'annulation du vieux triangle du thème */
    border-top: none !important;
    border-left: none !important;
    position: static !important; 
    right: auto !important;
    bottom: auto !important;

    /* On crée notre propre chevron moderne */
    border-bottom: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    transform: rotate(45deg) !important;
    margin-left: auto !important; /* Pousse le chevron tout à droite proprement */
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: block !important;
}

/* Animation du chevron quand on ouvre le menu */
#canvas-my-account .dropdown.open .sb-item::after {
    transform: rotate(-135deg) translateY(-2px) !important;
}

/* 5. Le Menu Déroulant (L'accordéon en dessous) */
#canvas-my-account .dropdown-menu {
    position: static !important; 
    float: none !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    padding: 0 0 10px 30px !important; /* Indentation vers la droite */
    margin: 0 !important;
}

/* 6. Les Sous-liens (Autres langues et devises) */
#canvas-my-account .dropdown-menu li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

#canvas-my-account .dropdown-menu li a {
    display: flex !important;
    align-items: center !important;
    padding: 10px 15px !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    color: #666 !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    border: none !important;
}

/* 7. Sous-liens au survol et actif */
#canvas-my-account .dropdown-menu li a:hover,
#canvas-my-account .dropdown-menu li.current a {
    background-color: #FFF5F2 !important;
    color: #D55335 !important;
    padding-left: 20px !important; /* Petit effet de glissement élégant */
}

/* Filtre + fil d'ariane */

/* 1. ALIGNEMENT GLOBAL : Flexbox centré et compact */
#amazzing_filter.horizontal-layout #af_form {
    display: flex !important;
    flex-wrap: wrap !important; /* LIGNE MAGIQUE : Autorise le passage à la ligne ! */
    justify-content: flex-start !important; /* Aligne les filtres à gauche */
    gap: 5px !important;
    padding: 0 !important; /* ON FORCE À ZERO POUR ÉVITER LE DÉCALAGE */
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* On annule totalement les anciens comportements de colonnes et les marges */
#amazzing_filter.horizontal-layout .h-el {
    display: block !important;
    float: none !important;
    width: auto !important; 
    padding: 0 !important;
    margin: 0 !important; /* ON FORCE À ZERO : C'est le "gap" qui gère l'espace maintenant */
    position: relative !important;
}

/* FORCE L'ALIGNEMENT PARFAIT À GAUCHE DU PREMIER FILTRE */
#amazzing_filter.horizontal-layout .hidden_inputs {
    display: none !important; /* Cache proprement les inputs cachés qui peuvent créer de l'espace */
}

#amazzing_filter.horizontal-layout #af_form > .h-el:first-of-type {
    margin-left: 0 !important; /* Sécurité absolue : 0 marge à gauche sur le 1er élément */
}


/* 2. LES BOUTONS FILTRES (Pilules Flat Design) */
.horizontal-layout .af_subtitle {
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 50px !important;
    padding: 10px 35px 10px 20px !important;
    text-transform: none !important;
    font-family: "Gotham Rounded", sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: #555 !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.horizontal-layout .af_filter:not(.closed) .af_subtitle,
.horizontal-layout .af_subtitle:hover {
    border-color: #D55335 !important;
    color: #D55335 !important;
    background: #fffaf9 !important;
}

/* 3. LA FLÈCHE (Chevron) */
.horizontal-layout .af_subtitle.toggle-content:before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    width: 8px !important;
    height: 8px !important;
    border: solid #AAB2BD !important;
    border-width: 0 2px 2px 0 !important;
    transform: translateY(-60%) rotate(45deg) !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
}

.horizontal-layout .af_filter:not(.closed) .af_subtitle.toggle-content:before,
.horizontal-layout .af_subtitle:hover:before {
    border-color: #D55335 !important;
}

.horizontal-layout .af_filter:not(.closed) .af_subtitle.toggle-content:before {
    transform: translateY(-20%) rotate(-135deg) !important;
}

/* 4. LE MENU DÉROULANT */
.horizontal-layout .af_filter_content {
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    padding: 10px 15px !important;
    position: absolute !important;
    top: calc(100% + 5px) !important; /* Petit espace sous la pilule */
    left: 50% !important;
    transform: translateX(-50%) !important; /* Centrage sous le parent */
    min-width: 280px !important;
    width: max-content !important;
    max-width: 90vw !important;
    margin: 0 !important;
    z-index: 9999 !important;
}

/* Gestion du scroll dans le menu */
.horizontal-layout .af_filter_content > ul {
    max-height: 400px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 5px !important;
}
.horizontal-layout .af_filter_content > ul::-webkit-scrollbar { width: 6px; }
.horizontal-layout .af_filter_content > ul::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
.horizontal-layout .af_filter_content > ul::-webkit-scrollbar-thumb { background: #D0D5DB; border-radius: 10px; }
.horizontal-layout .af_filter_content > ul::-webkit-scrollbar-thumb:hover { background: #AAB2BD; }

/* 5. STRUCTURE DES LISTES */
.af_filter li {
    border-bottom: 1px dashed #e8e8e8 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.af_filter li:last-child {
    border-bottom: none !important;
}

/* 6. LIGNES CLIQUABLES */
.af_filter label.af-checkbox-label,
.af_filter label.af-radio-label {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 5px !important;
    margin: 0 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    background-color: transparent !important;
}

.af_filter .name {
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    color: #333 !important;
    flex-grow: 1 !important;
    text-align: left !important;
    padding-left: 0 !important;
}

.af_filter label:hover .name {
    color: #D55335 !important;
}

/* 7. COMPTEURS */
.af_filter .count {
    font-family: "Quicksand", sans-serif !important;
    font-weight: 700 !important;
    color: #D55335 !important;
    background: #FFF5F2 !important; 
    padding: 3px 8px !important;
    border-radius: 12px !important; 
    font-size: 0.75rem !important;
    margin-left: 10px !important;
    flex-shrink: 0 !important;
}

.af_filter .count:before, 
.af_filter .count:after {
    display: none !important;
}

/* 8. CASES À COCHER */
.af-checkbox-label input[type="checkbox"],
.af-radio-label input[type="radio"] {
    accent-color: #D55335 !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 10px 0 0 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* 9. SOUS-MENUS */
.af-parent-category > ul.child-categories {
    padding-left: 20px !important;
    margin: 0 !important;
}

.foldered .af-toggle-child:after {
    color: #333 !important;
    font-weight: 900 !important;
    font-size: 1.2rem !important;
    position: relative !important;
    top: 2px !important;
    margin-left: 8px !important;
    text-decoration: none !important;
}

.foldered .open > label .af-toggle-child:after {
    content: '−' !important;
}

/* ==========================================================================
   FILTRES ACTIFS ET BOUTON "EFFACER" (Pleine largeur)
   ========================================================================== */

.selectedFilters.inline {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important; /* On aligne les pilules actives à gauche */
    align-items: center !important;
    gap: 10px !important;
    margin: 10px 0 20px 0 !important; /* On enlève le auto pour coller à gauche */
    background: transparent !important;
    width: 100% !important; /* Prend toute la largeur disponible */
    max-width: 100% !important;
}

.selectedFilters.inline:after, 
.selectedFilters.inline:before {
    display: none !important;
}

.selected-filters-label {
    font-family: "Gotham Rounded", sans-serif !important;
    font-weight: 600 !important;
    color: #555 !important;
    font-size: 0.95rem !important;
    margin-right: 5px !important;
}

.selectedFilters.inline .cf {
    background-color: #FFF5F2 !important;
    color: #D55335 !important;
    border: 1px solid #D55335 !important;
    border-radius: 50px !important;
    padding: 6px 16px !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.selectedFilters.inline .cf:hover {
    background-color: #D55335 !important;
    color: #ffffff !important;
}

.selectedFilters.inline .cf a {
    color: inherit !important;
    opacity: 0.6 !important;
    margin-left: 10px !important;
    font-size: 1.2rem !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.selectedFilters.inline .cf:hover a {
    opacity: 1 !important;
}

/* Le bouton "Effacer" est poussé magiquement tout à droite */
.selectedFilters.inline .clearAll {
    order: 99 !important;
    margin: 0 0 0 auto !important; /* C'est le "auto" ici qui le pousse à droite ! */
    padding-left: 15px !important;
    background: transparent !important;
    float: none !important;
}

.selectedFilters.inline .clearAll a {
    color: #888 !important; 
    font-family: "Quicksand", sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: color 0.2s ease !important;
}

.selectedFilters.inline .clearAll a:hover {
    color: #D55335 !important;
}

.selectedFilters .clearAll .txt {
    font-size: inherit !important;
    margin: 0 !important;
    text-transform: none !important; 
}

/* ==========================================================================
   EN-TÊTE DE PAGE (TITRE & FIL D'ARIANE) - ALIGNÉ À GAUCHE
   ========================================================================== */

/* 1. Le fond de l'en-tête (On supprime les pointillés et on aligne à gauche) */
.page-title.title-text-color-dark {
    background-color: #ffffff !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: none !important; /* Suppression totale des bordures/pointillés */
    text-align: left !important; /* On aligne le contenu à gauche */
}

@media (max-width: 767px) {
	
	.page-title {
    margin-bottom: 0px;
}}

/* 2. Le Grand Titre H1 */
.page-title .h1 {
    font-family: "Gotham Rounded", sans-serif !important;
    font-weight: 800 !important;
    color: #222222 !important;
    font-size: 2.4rem !important;
    letter-spacing: -0.5px !important;
    margin-top: 25px !important; */
    text-align: left !important;
}

@media (min-width: 1025px) {
    .page-title-layout-2.page-title .h1 {
        font-size: 2.4rem !important;
    }
}

/* 3. Le Fil d'Ariane */
.page-title .axps-breadcrumb {
    background-color: transparent !important; /* On enlève la pilule grise pour plus de sobriété */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Aligné à gauche */
    padding: 0 !important; 
    font-family: "Quicksand", sans-serif !important;
    font-size: 0.9rem !important;
    margin-top: 0 !important;
    color: #666 !important;
}

.page-title .axps-breadcrumb a {
    color: #666 !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

.page-title .axps-breadcrumb a:hover {
    color: #D55335 !important;
    opacity: 1 !important;
}

.page-title .axps-breadcrumb a i.fa-home {
    font-size: 1.1rem !important;
    margin-right: 6px !important;
    transform: translateY(-1px) !important;
}

/* 4. Le séparateur chevron "›" */
.page-title .axps-breadcrumb a::after {
    content: "\203A" !important; 
    margin: 0 12px !important;
    color: #bbbbbb !important;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    display: inline-block !important;
}

.page-title .axps-breadcrumb > span {
    color: #D55335 !important;
    font-weight: 700 !important;
}
/* Recherche */

@media (max-width: 767px) {
.axps-search-lite.is-open .search-drop{
transform: translateX(40px) translateY(10px)
}}

/* 1. Le Conteneur principal (La pop-up de résultats) */
.ui-menu.ui-jolisearch {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 20px !important; /* Les fameux gros arrondis */
    box-shadow: 0 15px 50px rgba(0,0,0,0.12) !important; /* Belle ombre douce et profonde */
    padding: 20px !important;
    font-family: "Quicksand", sans-serif !important;
	top: 145px !important;
}

/* 2. En-tête : Titre "Produits" */
.ui-menu.ui-jolisearch .jolisearch-body h4 {
    font-family: "Gotham Rounded", sans-serif !important;
    font-weight: 700 !important;
    color: #222 !important;
    border-bottom: 2px dashed #f0f0f0 !important; /* Ligne pointillée douce */
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
    font-size: 1.3rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important; /* Espace entre le titre et le badge */
}

/* 3. Badge "Nombre de produits" (Style Pilule Orange) */
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .items-count {
    background-color: #D55335 !important;
    color: #ffffff !important;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 50px !important;
    font-size: 0.85rem !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* 4. Les Cartes Produits (On remplace le fond gris par un effet moderne) */
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product {
    background-color: #ffffff !important;
    border: 2px solid transparent !important;
    border-radius: 16px !important;
    padding: 10px !important;
    /* transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; */ /* Animation fluide */
}

/* Effet au survol de la carte (Lévitation + bordure très claire) */
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product:hover {
    background-color: #ffffff !important;
    border-color: #FFF5F2 !important;
    /* box-shadow: 0 10px 25px rgba(213, 83, 53, 0.08) !important; */
    transform: translateY(-4px) !important;
}

/* 5. L'image du produit */
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product img {
    border-radius: 12px !important;
    margin-bottom: 15px !important;
    transition: transform 0.3s ease !important;
}

/* Léger zoom de l'image au survol de la carte */
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product:hover img {
    transform: scale(1.03) !important;
}

/* 6. Textes : Nom du produit */
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product .jolisearch-product .product-name {
    font-family: "Quicksand", sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    color: #444 !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
}

/* Le mot clé correspondant à la recherche en gras (ex: Tagada) */
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product .jolisearch-product .product-name strong {
    font-family: "Gotham Rounded", sans-serif !important;
    color: #D55335 !important;
    font-weight: 700 !important;
}

/* 7. Le Prix (Dans une petite pilule élégante) */
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product .jolisearch-product .product-price {
    font-family: "Gotham Rounded", sans-serif !important;
    color: #D55335 !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    margin-top: auto !important;
    background: #FFF5F2  !important;
    padding: 6px 12px !important;
    border-radius: 10px !important;
    display: inline-block !important;
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transition: all 0.3s ease !important;
}

/* Le prix prend les couleurs de la marque au survol */
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product:hover .jolisearch-product .product-price {
    background: #FFF5F2 !important;
    color: #D55335 !important;
}

/* 8. Le Bouton "Montrer tous les résultats" (Finis les vieux liens texte !) */
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .more-results {
    margin-top: 20px !important;
    padding: 10px !important;
    border: none !important;
}

.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .more-results a {
    display: inline-block !important;
    background-color: #D55335 !important;
    color: #ffffff !important;
    font-family: "Gotham Rounded", sans-serif !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-transform: none !important;
    padding: 14px 35px !important;
    border-radius: 50px !important; /* Forme de gros bouton pilule */
    border: none !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
   
}

.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .more-results a:hover {
    background-color: #b94a32 !important;
    transform: translateY(-2px) !important;
    border: none !important;
}

/* 1. La fenêtre déroulante de la barre de recherche */
.axps-search-lite .search-drop {
    background: #ffffff !important;
    border: none !important;
    border-radius: 20px !important; /* Gros arrondis */
    box-shadow: 0 10px 40px rgba(0,0,0,0.12) !important; /* Ombre profonde */
    padding: 15px !important; /* On donne de l'air */
    min-width: 350px !important; /* Un peu plus large pour le confort */
}

/* 2. Le champ de saisie (L'input) */
.axps-search-lite .query {
    width: 100% !important;
    height: 50px !important; /* Hauteur confortable */
    background: #f7f7f7 !important; /* Fond gris très clair au repos */
    border: 2px solid transparent !important;
    border-radius: 50px !important; /* Forme de grosse pilule */
    padding: 0 60px 0 20px !important; /* Espace à droite pour la loupe */
    font-family: "Quicksand", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #333 !important;
    box-shadow: none !important; /* Enlève les ombres internes par défaut des navigateurs */
    transition: all 0.3s ease !important; /* Animation fluide */
}

/* Changement de style quand on clique dans le champ (Focus) */
.axps-search-lite .query:focus {
    background: #ffffff !important;
    border-color: #D55335 !important; /* Bordure Terracotta */
   /* box-shadow: 0 4px 15px rgba(213, 83, 53, 0.15) !important;  Lueur Terracotta */
    outline: none !important;
}

/* Le texte "Enter your keyword..." (Placeholder) */
.axps-search-lite .query::placeholder {
    color: #aaa !important;
    font-weight: 500 !important;
}

/* 3. Le Bouton Loupe (Submit) */
.axps-search-lite .search-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important; /* S'aligne parfaitement avec l'input */
    top: 0 !important;
    right: 5px !important; /* Léger décalage du bord droit */
    color: #D55335 !important; /* Loupe aux couleurs de la marque */
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease !important;
}

/* Effet au survol de la loupe */
.axps-search-lite .search-submit:hover {
    transform: scale(1.15) !important; /* Petit effet de rebond au survol */
    color: #b94a32 !important; /* S'assombrit légèrement */
}

/* Connexion Canvas Widget */

.canvas-widget-top .title-canvas-widget {
    font-weight: 800;
}

/* Antispam mail */

.anti-spam {
    display: inline-block;
    user-select: none;
    -webkit-user-select: none;
    cursor: default;
}

.anti-spam::after {
    content: "support@guirled.com";
    color: #ffffff; /* Ajuste si tu as besoin d'une autre couleur */
    font-weight: bold;
}

.anti-spam2 {
    display: inline-block;
    user-select: none;
    -webkit-user-select: none;
    cursor: default;
}

.anti-spam2::after {
    content: "support@guirled.com";
    color: black; /* Ajuste si tu as besoin d'une autre couleur */
   
}

/* ========================================================= */
/* POSITIONNEMENT DU BADGE */
/* ========================================================= */

a.menu-icon {
    position: relative !important;
    overflow: visible;
}

/* Sticker légèrement au-dessus à droite */
a.menu-icon .best-seller-wrapper {
    position: absolute !important;
    top: -14px;   /* Plus haut */
    right: -14px; /* Plus à droite */
    z-index: 5;
    line-height: 0;
    pointer-events: none; /* Ne bloque pas le clic */
    transition: transform 0.25s ease;
}

/* Léger effet premium */
a.menu-icon:hover .best-seller-wrapper {
    transform: scale(1.06);
}

/* Petite ombre subtile pour relief */
a.menu-icon .best-seller-wrapper img {
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15));
}


/* ========================================================= */
/* TON CSS ORIGINAL (inchangé) */
/* ========================================================= */

/* Best */

.menu-icon:hover .badge-hover, 
.menu-icon:hover .badge-default {
    filter: none !important; 
    -webkit-filter: none !important;
}

.badge-hover {
    display: none;
}

.menu-icon:hover .badge-default {
    display: none !important;
}

.menu-icon:hover .badge-hover {
    display: block !important;
}

.menu-icon:hover img.flex-shrink-0 {
    filter: brightness(0) invert(1) !important;
}



/* Sticky panier */

#sticky-panier .col-12.py-1 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#sticky-panier .gap-2 {
    gap: 0.5rem !important; 
}

#sticky-panier .product-price {
    font-size: 2rem;
}

#sticky-panier .product-title {
    font-size: 1rem; 
    line-height: 1.2;
}

#sticky-panier .product-image img {
    padding-right:10px;
}

/* title page cadeau */

#choicegiftcard ~ .page-title-layout-2, 
.page-title-layout-2:has(+ .container #choicegiftcard),
body:has(#choicegiftcard) .page-title-layout-2 {
    display: none !important;
}

#content-hook_order_confirmation ~ .page-title-layout-2, 
.page-title-layout-2:has(+ .container #content-hook_order_confirmation),
body:has(#content-hook_order_confirmation) .page-title-layout-2 {
    display: none !important;
}

@media (max-width: 767px) {
    
    #gift-card-block {
        padding: 20px 10px !important;
        margin-bottom: 20px !important;
    }
    
    #gift-card-block h1 { font-size: 1.4rem !important; margin-bottom: 5px !important; }
    #gift-card-block h2 { font-size: 1rem !important; margin-bottom: 10px !important; }
    #gift-card-block > p { font-size: 0.8rem !important; margin-bottom: 20px !important; }
    #gift-card-block > div {
        gap: 10px !important; /* Espace réduit entre les blocs */
        justify-content: center !important;
    }

    #gift-card-block > div > div {
        min-width: 45% !important; /* Permet d'en mettre 2 par ligne */
        max-width: 48% !important;
        padding: 5px !important;
        margin-bottom: 10px !important;
    }

    #gift-card-block > div > div > div {
        width: 45px !important; /* Au lieu de 60px */
        height: 45px !important;
        font-size: 20px !important; /* Emoji plus petit */
        margin-bottom: 8px !important;
    }

    #gift-card-block h3 { 
        font-size: 0.85rem !important; 
        margin: 5px 0 !important; 
        line-height: 1.2 !important;
    }
    #gift-card-block > div > div > p { 
        font-size: 0.7rem !important; 
        line-height: 1.2 !important; 
        color: #999 !important;
    }
}

/* ============================================================
   CUSTOM CSS MODULE CARTE CADEAU - STYLE ARRONDIS 18PX
   ============================================================ */
 
/* 1. LES CADRES BLANCS (Les 3 étapes) */
#choicegiftcard section {
    border-radius: 18px !important;
    overflow: hidden !important; /* Empêche le contenu de dépasser */
    border: 1px solid #f0f0f0 !important; /* Bordure subtile propre */
    margin-bottom: 20px !important;
}
 
/* 2. ÉTAPE 1 : Email & Dates */
/* Champs texte simples et Email */
#choicegiftcard input[type="email"],
#choicegiftcard .gc-step-receptmode input[type="text"] {
    border-radius: 18px !important;
    border: 1px solid #ccc !important;
    padding: 10px 20px !important;
    height: 45px !important;
}
 
/* Sélecteurs de Date (Jour / Mois / Année) */
#choicegiftcard select {
    border-radius: 18px !important;
    border: 1px solid #ccc !important;
    padding: 5px 10px !important;
    height: 40px !important;
    background-color: #fff !important;
    cursor: pointer;
}
 
/* 3. ÉTAPE 3 : Formulaire avec Icônes (CORRECTION BUG) */
/* On cible les champs spécifiques de la dernière étape */
#choicegiftcard .gc-section-content input[type="text"],
#choicegiftcard .gc-section-content textarea {
    border-radius: 18px !important;
    border: 1px solid #ccc !important;
    /* IMPORTANT : On décale le texte vers la droite pour ne pas écrire sur l'icône */
    padding-left: 50px !important; 
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    /* IMPORTANT : On décale l'icône vers la droite pour qu'elle ne soit pas coupée par l'arrondi */
    background-position: 15px 12px !important; 
}
 
/* 4. LES BOUTONS (Continuer & Ajouter au panier) */
#choicegiftcard button,
#choicegiftcard .button,
#choicegiftcard input[type="submit"],
#choicegiftcard .gc-actions button {
    border-radius: 18px !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 12px 30px !important;
    border: none !important;
}
 
/* 5. FIX FINAL : Empêcher les coins carrés sur certains navigateurs */
#choicegiftcard * {
    -webkit-font-smoothing: antialiased;
}


/* Vidéo iframe radius */

#category .elementor-video-iframe {
 
	border-radius:18px;
}

#wrapper-tab-product .product-description iframe, .product-short-description iframe, .decriptions-short iframe {
	border-radius:18px;
}

/* Menu mobile */
@media (max-width: 767px) {
	
	

    .mm_menus_li {
        position: relative !important;
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        transition: none !important; 
        transform: none !important;
    }


    .mm_menus_li > a.ets_mm_url {
        display: inline-block !important;
        width: auto !important;
        position: relative !important;
        z-index: 10 !important;
    }


    .mm_menus_li .arrow {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important; 
        z-index: 5 !important;
        background: transparent !important;
    }

   
    .mm_menus_li .mm_columns_ul {
        position: relative !important;
        z-index: 1000 !important;
        display: none;
        padding-bottom: 30px !important; 
        transition: none !important;
        transform: none !important;
    }

    .mm_menus_li .mm_columns_ul.active {
        display: block !important;
    }

    .mm_menus_li .arrow::before,
    .mm_menus_li .arrow::after {
        left: calc(100% - 35px) !important;
        pointer-events: none !important;
    }

    .mm_menus_li.rounded-menu {
        background-color: #d55335 !important;
        border-radius: 18px !important;
    }

    .mm_menus_li.rounded-menu > a {
        color: white !important;
        padding-left: 20px !important;
    }

    .mm_menus_li.rounded-menu .arrow::before,
    .mm_menus_li.rounded-menu .arrow::after {
        border-color: white !important;
    }
	
	.mb-1 {
    margin-bottom: 0.7rem !important;
}
}
/* One Page */

	#ets_onepagecheckout .col-lg-4 {
    position: sticky;
    top: 0;
    height: 100%;
}

/* Vidéo pas de rebond*/


.js-video-slide {
    height: 100% !important;
    display: flex !important;
    align-items: center;
    background: #000; 
}

#main-product-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover; 
    display: block;
}

.img-light-box {
    pointer-events: none; /* Désactive tous les clics sur ce bloc */
    cursor: default;     /* Remet le curseur normal au lieu de la loupe/main */
}

/* Désactive le clic sur les liens d'images dans tout l'article */

#prestablogfront .elementor-image a.fancybox {
    pointer-events: none !important;
    cursor: default !important;
}
#prestablogfront .elementor-image img {
    pointer-events: none !important;
    cursor: default !important;
}

.gr-btn-additional {
	display:none;
}

/* Sticky Page produit image */

@media (min-width: 768px) { 
    .single-product-images {
        position: -webkit-sticky;
        position: sticky;
        top: calc(var(--header-height, 80px) + 20px); 
        z-index: 10;
        align-self: flex-start;
        height: fit-content;
    }
}

/*Remi */
.ws_points {
    margin-bottom: 0px; 
}


.empty-products .empty-title {
	font-size: 1rem;
}

.card-footer {
    padding: 1rem 1rem;
}

/* =========================================
   OPC - Encadré création de compte (GUEST)
   ========================================= */

/* Encadré global (texte + password) */
.opc-account-box .field-password-policy.opc-account-creation{
  background: #f5f6f7;
  border-radius: 15px;
  padding: 14px 16px;
  margin: 10px 0 12px;
}

/* Le bloc "row" du password à l'intérieur : on évite les marges négatives bootstrap qui peuvent déborder du radius */
.opc-account-box .opc-account-password-row{
  margin-left: 0;
  margin-right: 0;
}

/* On neutralise le padding de colonnes uniquement à l’intérieur du bloc (sinon ça peut “casser” le radius visuel) */
.opc-account-box .opc-account-password-row > [class*="col-"]{
  padding-left: 0;
  padding-right: 0;
}

/* Espacement propre entre texte et champ */
.opc-account-box .opc-account-password-row{
  padding-top: 10px;
}

/* Label password : aligné + propre */
.opc-account-box label.form-control-label{
  margin-bottom: 6px;
}

/* Input un peu plus doux */
.opc-account-box #customer_guest_password{
  border-radius: 10px;
}

/* Fix “saut” quand ETS affiche la strength policy après coup */
.opc-account-box .password-strength-feedback{
  position: relative !important;
  height: auto !important;
}

.opc-account-box .password-strength-feedback[style*="display: none"]{
  margin: 0 !important;
  padding: 0 !important;
}

/* Mobile: plus compact */
@media (max-width: 767px){
  .opc-account-box .field-password-policy.opc-account-creation{
    padding: 12px 14px;
  }
  .opc-account-box .opc-account-password-row{
    padding-top: 8px;
  }
}

/************************************************************************************************************/
/* =========================================================
   GUIRLED – Checkout Livraison + Paiement (FINAL)
   Objectif :
   - Livraison ET Paiement : même padding blanc extérieur (15px)
   - Wrapper gris identique
   - Boutons blancs
   - Prix capsule stable
   ========================================================= */

:root{
  --g-soft:#F3F4F5;
  --g-line:rgba(46,46,45,.12);
}

/* =================================================
   1. Padding BLANC extérieur (diff Livraison/Paiement)
   ================================================= */

/* Livraison (déjà OK mais on force pour cohérence) */
#form_ets_onepagecheckout .block-onepagecheckout.block-shipping{
  padding:15px !important;
}

/* Paiement (MANQUAIT) */
#form_ets_onepagecheckout .block-onepagecheckout.block-payment{
  padding:15px !important;
}

/* =================================================
   2. Wrapper gris intérieur (zone 2)
   ================================================= */

#form_ets_onepagecheckout .delivery-options-list,
#form_ets_onepagecheckout .payment-options{
  background:var(--g-soft);
  border-radius:15px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* On neutralise le block-content interne */
#form_ets_onepagecheckout .block-onepagecheckout .block-content{
  padding:0 !important;
}

/* =================================================
   3. Boutons blancs (zone 3)
   ================================================= */

#form_ets_onepagecheckout label.delivery-option-2.row,
#form_ets_onepagecheckout .payment-option{
  background:#fff !important;
  border:1px solid var(--g-line);
  border-radius:10px;
  padding:14px 16px !important;
  margin:0 !important;
}

/* Espacements identiques */

#form_ets_onepagecheckout label.delivery-option-2.row + label.delivery-option-2.row,
#form_ets_onepagecheckout .payment-option + .payment-option{
  margin-top:12px !important;
}

/* =================================================
   4. Nettoyage colonnes Bootstrap parasites
   ================================================= */

#form_ets_onepagecheckout .left_content,
#form_ets_onepagecheckout .center_content,
#form_ets_onepagecheckout .right_content{
  padding:0 !important;
  margin:0 !important;
}

/* =================================================
   5. Colonne prix + capsule
   ================================================= */

#form_ets_onepagecheckout .center_content{
  flex:0 0 110px !important;
  max-width:110px !important;
  display:flex;
  justify-content:center;
  align-items:center;
}

#form_ets_onepagecheckout .carrier-price{
  background:#D55335;
  color:#fff;
  font-size:13px;
  font-weight:600;
  padding:4px 12px;
  border-radius:999px;
  white-space:nowrap;
  min-width:90px;
  text-align:center;
}

#form_ets_onepagecheckout .right_content{
  padding-left:8px !important;
}

/* =================================================
   6. Sélection active
   ================================================= */

#form_ets_onepagecheckout label.delivery-option-2.row.selected,
#form_ets_onepagecheckout .payment-option.selected{
  border-color:#6CAEB7;
  box-shadow:0 0 0 2px rgba(108,174,183,.15);
}

/* =================================================
   7. Mobile
   ================================================= */

@media(max-width:767px){

  #form_ets_onepagecheckout .delivery-options-list,
  #form_ets_onepagecheckout .payment-options{
    padding:12px;
    gap:10px;
  }

  #form_ets_onepagecheckout label.delivery-option-2.row,
  #form_ets_onepagecheckout .payment-option{
    padding:12px 14px !important;
  }

  #form_ets_onepagecheckout label.delivery-option-2.row + label.delivery-option-2.row,
  #form_ets_onepagecheckout .payment-option + .payment-option{
    margin-top:10px !important;
  }

  #form_ets_onepagecheckout .center_content{
    flex:0 0 100px !important;
    max-width:100px !important;
  }

  #form_ets_onepagecheckout .carrier-price{
    font-size:12px;
    min-width:80px;
	 margin:6px 0;
  }
}
.carrier-name img{
  margin-right:8px;
  border-radius:6px;
  
}


/************************************************************************************************************/

@media (max-width: 767px) {
    
	    .page-title .h1 {
        font-size: 1.2rem !important;
    }
	#category .page-title-layout-2 {
    margin-top: 0px!important;
}
}



.my-account-links a {
   
    margin-bottom: 10px !important;
    border-radius: 18px;
	max-width: 90% !important;
}
.my-account-content {
    border-radius: 18px;
}
.card {
   
    border-radius: 18px;
}


/*Remi */

/* Images fiches produits */

.ax-img-loader {
	border-radius: 13px;
}

.wrapper-imgs {
	border-radius: 15px;
}

/*En savoir plus page produit*/

.btn-faq-hiver {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: #EEEEEE;
	border-radius: 15px;
	padding: 10px 18px;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.btn-faq-hiver:hover {
	background-color: #DDDDDD;
	transform: translateY(-1px);
}

.btn-faq-hiver .elementor-button-text {
	color: #161615;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}

/*HEADER**/

@media (max-width: 767px) {
    #header-sticky .ets_mm_megamenu .mm_menus_ul .close_menu .pull-right,
    #header-sticky .ets_mm_megamenu .mm_menus_ul .close_menu .pull-left {
        float: none !important;
		line-height: 0;
    }
	#header-sticky .ets_mm_megamenu .mm_menus_ul .close_menu{
		.elementor-element-fb63437,
		.elementor-element-7decb58{
		display: none
	}
		.la {
		transform: scale(1.3)	
		}
	}
}

.msb-ticker {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.msb-ticker li {
	display: none;
	white-space: nowrap;
}

.msb-ticker li.is-visible {
	display: block;
	animation: msb-fade 0.4s ease-in-out;
}

@keyframes msb-fade {
	from {
		opacity: 0;
		transform: translateY(5px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 767px) {
	.ets_mm_megamenu .mm_menus_ul .close_menu {
		font-family: "Gotham Rounded";
		padding: 0 15px;
		background-color: #D55335;
		font-size: .8rem;
		text-transform: inherit;
	}
	#header-sticky .ets_mm_megamenu .mm_menus_ul .close_menu {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		min-height: 92px;
	}
	.mm_menus_ul.active {
		height: 102vh
	}
	.close_menu .pull-left {
		display: none;
	}
	.mm_menus_li>a {
		color: #d55335 !important;
		background-color: transparent !important;
	}
	.rounded-menu>a, .btn-guirled .elementor-button-link {
		background: none !important;
		height: auto !important;
		max-height: initial !important;
		padding: 0;
		border-radius: 0;
		align-self: center;
		transition: none;
		border: none;
	}
	.ets_mm_megamenu .rounded-menu>a {
		padding: 14px 15px;
		span {
			padding: 0;
		}
	}
	.mm_blocks_ul img {
		max-width: 35px;
		max-height: 35px;
	}
	.ets_mm_block_content .pl-1 {
		padding: .2rem !important;
		border-radius:16px  !important;
	}
	/* remi */
	
	.mm_menu_content_title {
    font-size: clamp(14px, 1vw, 16px) !important;
}
	/* remi */
	.mm_menus_li {
		border-top: 1px solid #dddddd66;
	}
	.mm_menus_ul .arrow::after {
		content: none !important;
	}
	.mm_menus_ul .arrow::before {
		content: "";
		position: absolute;
		left: 50%;
		top: calc(50% + 4px);
		width: 10px;
		height: 10px;
		border-top: 1px solid #d55332 !important;
		border-right: 1px solid #d55332 !important;
		transform-origin: center;
		transition: transform .2s ease;
	}
	.mm_menus_li.rounded-menu .arrow::before {
		border-top: 1px solid #ffffff !important;
		border-right: 1px solid #ffffff !important;
	}
	/* fermé → chevron right ">" */
	.mm_menus_ul .arrow.closed::before {
		transform: translate(-50%, -50%) rotate(45deg);
	}
	/* ouvert → chevron down "v" */
	.mm_menus_ul .arrow.opened::before {
		transform: translate(-50%, -50%) rotate(135deg);
	}
	.rounded-menu {
		display: initial !important;
		/
	}
	.menu-icon a, .menu-icon span {
	font-size: 0.8rem !important; /* 1.2 */
	
}
}

.topbar {
	transition: transform .3s ease;
	transform: translateY(0);
}

.top-right-quick-menu .elementor-element.elementor-element-8241069 .btn-canvas i {
	position: relative;
}

.top-right-quick-menu .button-layout-icon_text .btn-canvas .btn-canvas-text, .top-right-quick-menu .button-layout-icon_text .cart-nbr, .top-left-quick-menu .elementor-text-editor {
	font-family: 'Quicksand';
	font-size: .9rem;
}

.rounded-menu {
	min-height: 60px;
	display: flex;
	align-items: center;
}

#header-sticky.has-sticky {
	background: #d55335;
}
@media(min-width: 1024px){
#header-sticky.has-sticky .rounded-menu a {
	background: #FFFFFF;
	border: 1px solid #E0A06C;
}
}
#header-sticky.has-sticky .rounded-menu>a span {
	color: #ffffff !important;
}

.showstickylogo {
	display: none;
}

#header-sticky.has-sticky .showstickylogo {
	display: block;
}

header.is-sticked.is-scroll-up #header-sticky, header.is-sticked.is-scroll-down #header-sticky {
	transform: translateY(-10px);
}

.menu-icon {
	padding-top: 8px;
	padding-bottom: 8px;
	/* remi */
	background-color:#ffffff !important;

}



.menu-icon a, .menu-icon span {
	font-size: 1rem; /* 1.2 */
	color: black;
	font-family: "Gotham Rounded" !important;
	font-weight: 500;
}

.mm_blocks_ul a, .mm_blocks_ul img {
	transition: none !important;
}

.btn-guirled-text .elementor-button-link {
	background: transparent !important;
	background-color: transparent !important;
	font-family: "Quciksand";
	font-weight: bold;
}

.btn-guirled-text .elementor-button-link i {
	font-size: .6rem;
	opacity: .8;
}

/*.btn-guirled-text:hover .elementor-button-link{
	color: #d55335;
	transition: color .1s ease;
}*/

.btn-guirled .elementor-button-link {
	font-family: "Gotham Rounded";
}

.rounded-menu>a, .btn-guirled .elementor-button-link {
	background: #d55335 !important;
	height: 35px;
	max-height: 35px;
	border-radius: 18px;
	align-self: center;
	transition: all .2s linear;
	border: 1px solid transparent;
}

@media (max-width: 991px) {
	.btn-guirled .elementor-button-link {
		height: auto;
	}
}
@media(min-width: 1024px){
.rounded-menu:hover>a, .btn-guirled:hover .elementor-button-link {
	background: #FFFFFF !important;
	transition: all .2s linear;
	border: 1px solid #E0A06C;
	color: #d55335 !important;
}

.rounded-menu:hover>a span {
	color: #d55335 !important;
	transition: all .1s linear;
}
}
.rounded-menu>a span {
	color: #FFFFFF;
	transition: all .1s linear;
}

.rounded-menu .mm_menu_content_title {
	padding: 6px 20px;
	max-height: 35px;
	min-height: initial !important;
}

.rounded-menu:hover .mm_blocks_ul a span {
	color: black !important;
	height: ;
}

.rounded-menu .personnalise-items {
	height: unset !important;
	max-height: unset !important;
}

.widget-tab-title {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: cente !importantr;
	gap: 10px;
	font-family: "Gotham Rounded";
	font-weight: bold;
}

.widget-tab-title .icon {
	display: flex;
	margin: auto;
}

.widget-tab-title:not(.active):hover svg {
	fill: #ffffff;
	color: #ffffff;
}

.hometabsproduct {
	.widget-tab-title {
		&.active, &:hover {
			svg, svg path, svg rect {
				color: white;
				fill: white
			}
			svg line {
				fill: #d55335;
				stroke: #d55335;
			}
		}
		svg, svg path, svg rect {
			color: #d55335;
			fill: #d55335;
		}
		svg line {
			fill: white;
			stroke: white;
		}
	}
}

.product-label-circle .label-flags li {
	min-height: 20px;
	border-radius: 318px;
	font-size: .8rem;
}

.trustpilot-widget body.main .wrapper-company-stars {
	justify-content: start !important;
}

#product .axps-breadcrumb {
	/*justify-content: end;*/
	a, span {
		font-size: .7rem;
	}
}

#product {
	.product_meta {
		.product-tags a {
			border: 1px solid #ccc;
			border-radius: 24px;
			padding: 4px 8px;
			margin-bottom: 8px;
			margin-right: 8px;
			font-size: .8rem;
		}
	}
}

/* Availability masquée dans son emplacement d'origine, affichée dans le bloc ED */
#product .product-quantity #product-availability > .label {
	display: none;
}

#product #ed-product-availability {
	display: inline;
}

#product #ed-product-availability::before {
	margin-right: 5px;
}

.summary-container .trustpilot-widget {
	margin-top: 15px;
}

#product .summary-container .trustpilot-widget {
	position: relative !important;
}

#product .summary-container .trustpilot-widget::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	cursor: pointer;
	background: rgba(0, 0, 0, 0);
}

@media (min-width: 768px) {
	.layout_layout1:not(.ybc_vertical_menu):not(.click_open_submenu) .mm_menus_li.rounded-menu>a:before {
		background-color: transparent !important;
	}
	.mm_columns_ul[data-mm-id="menu-4"] {
		padding-bottom: 25px;
	}
	.mm_columns_ul[data-mm-id="menu-4"]>.mm_columns_li:first-child {
		max-height: 260px;
	}
	.mm_columns_ul[data-mm-id="menu-4"]>.mm_columns_li:last-child {
		flex: 0 0 100%;
		display: flex;
		justify-content: center;
		ul {
			width: initial;
		}
	}
	.mm_columns_ul[data-mm-id="menu-4"]>.mm_columns_li:last-child .ets_mm_block {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 1rem;
	}
	.mm_columns_ul[data-mm-id="menu-4"]>.mm_columns_li:last-child .ets_mm_block>.h4 {
		border: 0;
		padding: 0;
		margin: 0 1.5rem 0 0;
		display: inline-block;
	}
	.mm_columns_ul[data-mm-id="menu-4"]>.mm_columns_li:last-child .ets_mm_block_content {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 1rem;
	}
	.mm_columns_ul[data-mm-id="menu-4"]>.mm_columns_li:last-child .ets_mm_block_content a {
		width: auto !important;
		margin-bottom: 0 !important;
	}
	.mm_columns_ul>.mm_columns_li {
		a.rounded-big {
			border-radius: 16px !important;
		}
	}
	.mm_columns_ul[data-mm-id="menu-4"]>.mm_columns_li:not(:first-child) {
		a.rounded {
			border-radius: 24px !important;
			&.menu-icon {
				padding-top: 6px !important;
				;
				padding-bottom: 6px !important;
				height: 44px;
				img {
					max-height: 30px;
				}
				span {
					position: relative;
					top: .06rem;
				}
			}
			&.mb-1 {
				margin-bottom: 1rem !important;
				;
			}
		}
	}
	
	/* Rémi */
	
	
	
	/* Rémi */
	
	
	.mm_columns_ul[data-mm-id="menu-4"]>.mm_columns_li:nth-child(-n+3) {
		position: relative;
	}
	.mm_columns_ul[data-mm-id="menu-4"]>.mm_columns_li:nth-child(-n+3)::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		/* centre vertical */
		height: 70%;
		/* à ajuster selon ton design */
		transform: translateY(-50%);
		border-right: 1px solid #ccc;
	}
	.mm_columns_ul>.mm_columns_li {
		padding: 10px 25px 0 !important;
		a:hover {
			background: #d55335 !important;
			span, svg, img {
				color: white !important;
				filter: brightness(0) invert(1);
			}
		}
	}
}

.reassurance .elementor-icon-box-wrapper {
	display: flex;
	justify-content: center;
	flex: 1 1 0;
}

@media (max-width: 991px) {
	.reassurance .elementor-icon-box-wrapper {
		flex-direction: column;
	}
	.minheight {
		min-height: 500px
	}
}

.reassurance .elementor-icon-box-icon {
	justify-content: center;
	flex: 1 1 0 !important;
}

.reassurance .elementor-icon-box-content {
	justify-content: center;
	flex: 1 1 0 !important;
}

/* PRODUCT */

.product-type-5 .product_name h3 a , .product-type-6 .product_name h3 a {
	color: #161615 !important;
	font-weight: 400 !important;
    font-size: 1rem !important;
}
@media (max-width: 767px) {
  .product-type-5 .product_name h3 a,
  .product-type-6 .product_name h3 a {

    font-size: 1rem !important;

    display: -webkit-box;
    -webkit-box-orient: vertical; /* indispensable */
    -webkit-line-clamp: 4; /* nombre de lignes */
    overflow: hidden; /* indispensable */
    white-space: normal; /* évite le nowrap du thème */
  }
}


.product-type-5 .js-product, .product-type-6 .js-product {
	padding-bottom: 10px;
}

.product-type-5 .product_name, .product-type-6 .product_name {
	padding: 10px 10px 0 10px;
	min-height: 69px;
	text-align: center;
}

.product-type-6 .ax-product-cats, .product-type-6 .info-product {
	text-align: center;
}

#product #loyalty b {
	color: #d55335;
}

#product .summary-container .product-quantity {
	#quantity_wanted {
		height: 35px;
		border-radius: 18px !important;
		width: 95px !important;
		font-size: .8rem;
		padding: 0 35px;
	}
	.btn.bootstrap-touchspin-up {
		width: 35px !important;
		border-left: 0;
		border-radius: 0 24px 24px 0 !important;
		&:hover {
			border-radius: 0 24px 24px 0 !important;
		}
	}
	.btn.bootstrap-touchspin-down {
		width: 35px !important;
		border-right: 0;
		border-radius: 24px 0 0 24px !important;
		&:hover {
			border-radius: 24px 0 0 24px !important;
		}
	}
}

.js-product-container {
  .wc-tabs-wrapper {
    padding-inline: 80px;

    ul.nav-tabs {
      display: flex;
      align-items: flex-end;
      gap: 0;                  
      margin: 0 0 32px 0;
      padding: 0;
      border: 0;

      li.nav-item {
        position: relative;
        margin-right: -14px;   

        &:last-child {
          margin-left: auto;   
          margin-right: 0;
        }

        a.nav-link {
          position: relative;
          z-index: 1;

          font-family: "Gotham Rounded";
          font-weight: 500;
          font-size: 1.15rem;

          background: #ffffff;
          color: #0D0D0D;

          padding: 10px 26px 9px;
          border-radius: 20px 20px 0 0;

          border: 1px solid rgba(0,0,0,.15);
          border-bottom: 0;

          transition: all .15s ease;

          // supprime tout trait / pseudo bootstrap
          &:after {
            content: none !important;
          }

          &:hover {
            z-index: 2;
          }

          &.active {
            z-index: 5;                
            background: #B6B6B6;
            padding: 12px 30px 10px;   
            margin-bottom: -1px;        
          }
        }
      }
    }
  }
}

@media(max-width: 767px) {
	.js-product-container {
		.wc-tabs-wrapper {
			padding-left: 10px;
			padding-right: 10px;
			margin-bottom: 40px;
		}
	}
	    .wc-tabs-wrapper .accordion-title {
       font-family: "Gotham Rounded";
          font-weight: 500;
          font-size: 1rem;
    }
}

.summary-container {
	.elementor-accordion-item {
		border: 0;
		background: #EEEEEE;
		border-radius: 24px;
		margin-bottom: 10px;
		.elementor-tab-title {
			border-bottom: 0 !important;
			padding: 14px 20px;
			display: flex;
			flex-direction: row-reverse;
			justify-content: space-between;
			.elementor-accordion-title, .elementor-accordion-icon {
				color: #161615
			}
		}
		.elementor-tab-content {
			border-top: none;
			position: relative;
			&:before {
				content: "";
				display: block;
				width: 92%;
				height: 1px;
				border-top: 1px solid #d4d4d4;
				border-bottom: 1px solid white;
				position: absolute;
				top: 0;
			}
		}
	}
	.block-reassurance {
		background: #868686;
		border-radius: 16px;
		padding: 18px 22px;
		ul {
			margin-top: 0;
			margin-bottom: 0;
		}
		.block-reassurance-item {
			padding: 0;
			span {
				font-size: .9rem;
			}
			img {
				max-width: 30px;
				filter: brightness(0) invert(1);
			}
		}
	}
}

p#loyalty {
	svg { flex-shrink: 0; }
	.loyalty_text { flex: 1; min-width: 0; }
	font-size: 1rem;
	display: flex;
	align-items: center;
	gap: 8px;
	img {
		cursor: pointer
	}
}

@media (max-width: 767px) {
	p#loyalty {
		display: block;
	}
}

/*patch bloc home */

@media(min-width: 991px) {
	.elementor-1 .elementor-element.elementor-element-70dda13 .wrapper-items .swiper-wrapper>.swiper-slide:nth-last-child(-n+3) .item-inner {
		margin-bottom: 0;
	}
}

.card.ybc_instagram {
	border: none;
	padding: 0;
}

.ybc_instagram_header.ins_has_name {
	padding-left: 25px;
}

.ybc_instagram_header_content h4, .ybc_instagram_header_content a {
	color: #d55335;
	font-family: "Gotham Rounded" !important
}

.ybc_ins_cover {
	border-radius: 16px;
}

.ybc_ins_item {
	margin-bottom: 10px !important
}

/* accordion */

.elementor-accordion-item .fas {
	font-size: .9rem;
}

.elementor-accordion-item .elementor-tab-title {
	border-bottom: 1px solid #bdbdbd59 !important;
}

/*CATEG */

.msb-desc-toggle {
	display: none;
	margin-top: 8px;
	text-decoration: underline;
	cursor: pointer;
	font-size: .8rem;
	color: white;
	&:hover {
		color: white;
	}
}

.msb-desc-toggle.is-hidden {
	display: none !important;
}

#af_form {
	display: flex;
}

.msb-category-grid__item--extra.msb-category-grid__rowspan-2 .item-inner {
	min-height: calc(var(--msb-row-height) * 2);
}

.msb-category-grid__item--extra.msb-category-grid__rowspan-3 .item-inner {
	min-height: calc(var(--msb-row-height) * 3);
}

#box-product-grid .archive-wrapper-items>.item, .axps-grid-items .wrapper-items .swiper-wrapper>.item {
	padding-left: initial !important;
	padding-right: initial !important;
	margin-bottom: initial !important;
	max-width: initial !important;
}

.axps-grid-items .wrapper-items .swiper-wrapper>.item {
	max-width: 258px;
}

/* Conteneur grid */

.axps-grid-items .archive-wrapper-items, .axps-grid-items .wrapper-items, .axps-grid-items .wrapper-items .swiper-wrapper {
	display: grid;
	grid-auto-flow: dense;
	grid-auto-rows: 1fr;
	/*gap: 24px*/
}

#category .axps-grid-items .wrapper-items {
	grid-auto-rows: 420px;
}

@media (min-width: 768px) and (max-width: 1024px) {
	#category .axps-grid-items .wrapper-items {
		grid-auto-rows: 480px;
	}
}

@media (max-width: 767px) {
	#category .axps-grid-items .msb-category-grid__rowspan-2 {
		grid-row: span 1 !important;
		height: auto !important;
		img {
			height: auto !important;
			width: 100%;
			object-fit: cover;
		}
	}
	#category .axps-grid-items .wrapper-items {
		grid-auto-rows: auto;
	}
	#category .axps-grid-items .wrapper-items {
		.msb-category-grid__template-inner {
			padding: 15px;
		}
		.elementor-icon-box-wrapper {
			display: flex;
			.elementor-icon-box-title {
				font-size: 1rem;
			}
			.elementor-icon-box-description {
				font-size: .7rem;
			}
		}
	}
}

#index .elementor-element-70dda13 .axps-grid-items .wrapper-items .swiper-wrapper {
	grid-template-columns: repeat(3, 1fr);
	/*gap: 1px;*/
}

/* Items de base (produits + extra) */

.axps-grid-items .msb-category-grid__item {
	min-height: 100%;
}

.msb-category-grid__item .elementor-col-50 {
	width: 50%;
}

/* Spans colonnes */

.axps-grid-items .msb-category-grid__span-1 {
	grid-column: span 1;
}

.axps-grid-items .msb-category-grid__span-2 {
	grid-column: span 2;
}

.axps-grid-items .msb-category-grid__span-3 {
	grid-column: span 3;
}

.axps-grid-items .msb-category-grid__span-4 {
	grid-column: span 4;
}

/* Spans lignes (pour ta bannière 2 lignes etc.) */

.axps-grid-items .msb-category-grid__rowspan-1 {
	grid-row: span 1;
}

.axps-grid-items .msb-category-grid__rowspan-2 {
	grid-row: span 2;
}

.axps-grid-items .msb-category-grid__rowspan-3 {
	grid-row: span 3;
}

.axps-grid-items .msb-category-grid__rowspan-4 {
	grid-row: span 4;
}

.axps-grid-items .msb-category-grid__item--extra .item-inner {
	position: relative;
}

/* Overlay en absoluto sur l'image */

.axps-grid-items .msb-category-grid__item--extra .msb-category-grid__image img {
	display: block;
	width: 100%;
}

.axps-grid-items .msb-category-grid__item--extra .msb-category-grid__name, .axps-grid-items .msb-category-grid__item--extra .msb-category-grid__text {
	position: absolute;
	margin: 0;
}

.axps-grid-items .msb-category-grid__item--extra .item-inner {
	position: relative;
}

.axps-grid-items .msb-category-grid__item--extra .msb-category-grid__button {
	position: absolute;
	display: inline-block;
}

.axps-grid-items .msb-category-grid__item--extra .msb-banner-btn {
	text-decoration: none;
	display: inline-block;
}

.popover-header, .popover-title {
	font-size: 1rem;
}

/* Contenu du popover (BS3 / BS4 alpha) */

.popover-body, .popover-content {
	font-size: .9rem;
}

/*CART*/

[data-container-express-checkout] {
	margin: 10px 0 4px !important;
	display: flex;
	justify-content: center;

	;
}

#cart .icon-shoppingcart {
	width: 7%;
	svg {
		width: 30px;
		height: 30px;
	}
}

@media (max-width: 767px) {
	#cart .icon-shoppingcart {
		width: 18%;
		padding-right: 35px;
	}
}

#cart #loyalty {
	margin-top: 13px;
}

#cart .card-footer>div:first-child::after {
	content: "";
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: 0;
	height: 1px;
	background: #e6e6e6;
	/* width: 95%; */
	display: inherit;
}

/*FOOTER*/

.footercontainer .elementor-container {
	background: #D55335;
	border-radius: 14px;
	padding: 80px 60px 100px 60px;
	font-family: "Gotham Rounded";
	color: white;
	font-size: 1.3rem;
}

.footercontainer .title-text {
	font-family: "Gotham Rounded" !important;
	color: white;
}

.footercontainer .quickbold, .footercontainer .quickmedium>a {
	font-family: "Quicksand";
	font-weight: 600;
}

.footercontainer .quickmedium, .footercontainer .quickmedium>a {
	font-family: "Quicksand";
	font-weight: 500;
}

.footercontainer .quicknormal, .footercontainer .quicknormal>a {
	font-family: "Quicksand";
	font-weight: 300;
}
@media(min-width: 768px){
.slider-border-radius .elementor-slides-wrapper {
	border-radius: 0 24px 0 0;
}
}
@media(max-width: 767px){
.slider-border-radius .elementor-slides-wrapper {
	border-radius: 0 0px 24px 24px;
}
}
/*Utilities*/

.axps-swiper-arrow {
	width: 31px !important;
	height: 31px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.module-crosssell {
	.swiper-slide {
		padding-left: calc(16px / 2);
		padding-right: calc(16px / 2);
	}
	.swiper-container {
		overflow: visible;
	}
	.swiper-arrows {
		margin-top: -50px;
	}
}

.swiper-arrows {
	.gallery-swiper-arrow, .axps-swiper-arrow {
		background-color: #d55335 !important;
		border-radius: 50% !important;
		height: 40px;
		width: 40px;
		transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
		&::before, i {
			color: #fff;
			font-size: 100%;
		}
		&:hover, &:focus-visible {
			background-color: #b64429;
			outline: none;
			transform: translateY(-1px);
		}
		&.swiper-button-disabled, &[aria-disabled='true'] {
			opacity: 0.5 !important;
			cursor: default;
			pointer-events: none;
			transform: none;
		}
		&.gallery-swiper-arrow-prev {}
		&.gallery-swiper-arrow-next {}
	}
}

#box-product-grid div.trustpilot-widget>iframe:nth-child(2) {
	top: -220px !important;
}

/* Display */

.d-flex {
	display: flex !important;
}

.d-inline-flex {
	display: inline-flex !important;
}

.d-none {
	display: none;
}

.overflow-hidden {
	overflow: hidden;
}
@media(max-width: 767px) {
	.d-none-mobile {
		display: none;
	}
}
@media(min-width: 768px) {
	.d-mobile {
		display: none;
	}
}

/* Direction */

.flex-row {
	flex-direction: row !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

/* Wrap */

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

/* Justify */

.justify-content-start {
	justify-content: flex-start !important;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-end {
	justify-content: flex-end !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.justify-content-around {
	justify-content: space-around !important;
}

.justify-content-evenly {
	justify-content: space-evenly !important;
}

/* Align items */

.align-items-start {
	align-items: flex-start !important;
}

.align-items-center {
	align-items: center !important;
}

.align-items-end {
	align-items: flex-end !important;
}

/* Align self */

.align-self-start {
	align-self: flex-start !important;
}

.align-self-center {
	align-self: center !important;
}

.align-self-end {
	align-self: flex-end !important;
}

/* Grow / shrink */

.flex-grow-0 {
	flex-grow: 0 !important;
}

.flex-grow-1 {
	flex-grow: 1 !important;
}

.flex-shrink-0 {
	flex-shrink: 0 !important;
}

.flex-shrink-1 {
	flex-shrink: 1 !important;
}

/* Gap (simple) */

.gap-1 {
	gap: .25rem !important;
}

.gap-2 {
	gap: .5rem !important;
}

.gap-3 {
	gap: 1rem !important;
}

/* Border on all sides */

.border {
	border: 1px solid #dee2e6 !important;
}

/* Remove border */

.border-0 {
	border: 0 !important;
}

/* Sides */

.border-top {
	border-top: 1px solid #dee2e6 !important;
}

.border-end {
	border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
	border-bottom: 1px solid #dee2e6 !important;
}

.border-start {
	border-left: 1px solid #dee2e6 !important;
}

/* Remove per side */

.border-top-0 {
	border-top: 0 !important;
}

.border-end-0 {
	border-right: 0 !important;
}

.border-bottom-0 {
	border-bottom: 0 !important;
}

.border-start-0 {
	border-left: 0 !important;
}

.border-primary {
	border-color: #d55335 !important;
}

.border-secondary {
	border-color: rgba(134, 134, 134, 0.3);
}

/* Radius */

.rounded {
	border-radius: .25rem !important;
}

.rounded-0 {
	border-radius: 0 !important;
}

.rounded-1 {
	border-radius: .2rem !important;
}

.rounded-2 {
	border-radius: .25rem !important;
}

.rounded-3 {
	border-radius: .3rem !important;
}

.rounded-4 {
	border-radius: 1rem !important;
}

.rounded-circle {
	border-radius: 50% !important;
}

.rounded-5 {
	border-radius: 24px;
}

.rounded-pill {
	border-radius: 50rem !important;
}

/* Radius per corner */

.rounded-top {
	border-top-left-radius: .25rem !important;
	border-top-right-radius: .25rem !important;
}

.rounded-end {
	border-top-right-radius: .25rem !important;
	border-bottom-right-radius: .25rem !important;
}

.rounded-bottom {
	border-bottom-left-radius: .25rem !important;
	border-bottom-right-radius: .25rem !important;
}

.rounded-start {
	border-top-left-radius: .25rem !important;
	border-bottom-left-radius: .25rem !important;
}

/*Position*/

.position-sticky {
	position: sticky;
	top: 100px;
}

.position-relative {
	position: relative !important
}
.mr-auto{
    margin-right: auto;	
}
/*paddings*/

@media(max-width: 767px) {
	#sticky-panier {
		background-color: transparent;
		.py-1 {
			padding-top: 8px !important;
			padding-bottom: 8px !important;
		}
		button {
			width: 100%;
			min-height: 48px;   
			
		}
	}
	.px-1 {
            padding-right: .7rem !important;
		    padding-left: .7rem !important;
        }
	.ml-1, .mx-1 {
      margin-left: .7rem !important;
    }
	/*order*/
	.order-mobile-1 {
		order: 1
	}
	.order-mobile-0 {
		order: 0
	}
	.gift_wrapper_container label,
	.cart-combo-switcher label,
	.cart-combo-switcher select{
		font-size: clamp(.8rem, .9rem, 1rem) !important;
	}
	.cart-combo-switcher{ 
		margin: 6px 0 !important;
		select{
		padding: 2px 4px !important;
        height: 25px;
	}
	}
.gift_wrapping-cart-form{ 
	margin: 6px 0 !important;
	input[type="checkbox"] {
    margin-left: 0rem;
    width: 14px !important;
    height: 14px !important;
}	
	}

}

/*Amargin*/

.m-auto {
	margin: auto;
}

/*fonts*/

.fw-bold {
	font-weight: 600
}

.text-dark {
	color: var(--color-title);
}

.cursor-pointer {
	cursor: pointer
}

.top-cat-filter {
	.elementor-column:not(.present-filter) {
		.icon-indoor {
			-webkit-mask: url('/img/cms/icons/icon-luminaire-secteur.svg') no-repeat center / contain;
			mask: url('/img/cms/icons/icon-luminaire-secteur.svg') no-repeat center / contain;
			background-color: #D55335;
			width: 16px;
			height: 16px;
			display: inline-block;
			background-repeat: no-repeat;
			background-size: contain;
			position: relative;
			top: 1px;
		}
		.icon-outdoor {
			-webkit-mask: url('/img/cms/icons/icon-luminaires-solaire.svg') no-repeat center / contain;
			mask: url('/img/cms/icons/icon-luminaires-solaire.svg') no-repeat center / contain;
			background-color: #D55335;
			width: 16px;
			height: 16px;
			display: inline-block;
			background-repeat: no-repeat;
			background-size: contain;
			position: relative;
			top: 1px;
		}
		.selected {
			.elementor-widget-container {
				background: #d55335;
				.elementor-icon-box-title {
					color: white !important;
				}
				.icon-outdoor, .icon-indoor {
					background: #E0A06C
				}
			}
		}
		.elementor-widget-container {
			&:hover, &.selected {
				background: #d55335;
				.elementor-icon-box-title {
					color: white !important;
				}
				.icon-outdoor, .icon-indoor {
					background: #E0A06C
				}
			}
		}
	}
}
/*bug css correzctioon*/ 
#content > div.elementor.elementor-177 > div > div > section.elementor-element.elementor-element-1d10c93.elementor-section-content-top.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section > div > div{
	overflow: hidden
}

/* Cacher les doublons PayPal (original et sticky) */
:not(.checkout-sticky-button-container) > #paypal-buttons > [paypal-button-container] > .paypal-buttons ~ .paypal-buttons,
.checkout-sticky-button-container > #paypal-buttons > [paypal-button-container] > .paypal-buttons ~ .paypal-buttons {
    display: none !important;
}
[paypal-mark-container] ~ [paypal-mark-container] {
    display: none !important;
}
#paypal-buttons{
	margin: auto;
}
/* Animation*/

.animated-background:hover .to-animate-reconditioned {
	overflow: visible;
	height: 110%;
	display: flex;
	justify-content: center;
	background-position: center center;
	align-items: center;
}

.animated-background:hover .to-animate-reconditioned:after {
	content: "";
	position: absolute;
	background: url('/img/cms/backgrounds/to-animate-1.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	transition: all .1s ease;
}
/* ===== Cart Cross-sell ===== */
.cart-crosssell {
	padding: 12px 15px 4px;
	border-top: 1px solid #eee;
}
.cart-crosssell__title {
	font-family: var(--font-family-title);
	font-size: 13px;
	font-weight: 600;
	margin: 0 0 8px;
	color: #333;
}
.cart-crosssell__track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	gap: 10px;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 6px;
	scrollbar-width: thin;
	scrollbar-color: #ccc transparent;
}
.cart-crosssell__track::-webkit-scrollbar {
	height: 3px;
}
.cart-crosssell__track::-webkit-scrollbar-track {
	background: transparent;
}
.cart-crosssell__track::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 3px;
}
.cart-crosssell__card {
	flex: 0 0 83%;
	scroll-snap-align: start;
	display: flex;
	align-items: center;
	gap: 10px;
	background: #f9f9f9;
	border-radius: 8px;
	padding: 8px;
	position: relative;
	transform: scale(0.9);
	transform-origin: center center;
	transition: box-shadow .2s;
}
.cart-crosssell__card:hover {
	box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.cart-crosssell__link {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
	text-decoration: none;
	color: inherit;
}
.cart-crosssell__link:hover {
	text-decoration: none;
	color: inherit;
}
.cart-crosssell__img {
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}
.cart-crosssell__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cart-crosssell__info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.cart-crosssell__name {
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.2;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.cart-crosssell__price {
	font-size: 0.75rem;
	font-weight: 600;
	color: #d55335;
	white-space: nowrap;
}
.cart-crosssell__add {
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: none;
	background: #d55335;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	cursor: pointer;
	transition: background .2s;
	padding: 0;
}
.cart-crosssell__add:hover {
	background: #b8432a;
}