/**
 * Be Digital Mayotte - CSS Figma Design
 * Basé sur Header v8 d'Electro
 *
 * À coller dans : Apparence - Personnaliser - CSS additionnel
 */

/* ===========================================
   IMPORT GOOGLE FONTS
   =========================================== */
   @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

   /* ===========================================
      VARIABLES
      =========================================== */
   :root {
       --bd-violet: #64235e;
       --bd-orange: #eb5b43;
       --bd-black: #1e1e1e;
       --bd-white: #ffffff;
       --bd-gray-200: #e9eaeb;
       --bd-gray-500: #717680;
       --bd-gray-700: #414651;
       --bd-font-primary: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
       --bd-font-secondary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   }

.site-content{
	margin-bottom:0!important;
}

   /* === TYPOGRAPHIE GLOBALE === */

   h1, h2, h3, h4, h5, h6 {
       font-family: var(--bd-font-primary) !important;
   }

   p, span, div {
       font-family: var(--bd-font-secondary) !important;
   }

   /* Titres de sections */
   .section-title,
   .bd-similar-title,
   .bd-featured-products .section-title,
   h2.section-title {
       font-family: var(--bd-font-primary) !important;
   }

   /* Noms de produits */
   .product-title,
   .woocommerce-loop-product__title,
   h3.product-title,
   .custom-product-inner .product-info .product-title {
       font-family: var(--bd-font-primary) !important;
   }

   /* ===========================================
      0. SECTION HERO (Sidebar + Slider)
      =========================================== */

   .bd-homepage-hero {
       padding: 30px 0;
       background: transparent;
       overflow: visible !important;
       position: relative;
   }

   .bd-hero-container {
       max-width: 1440px;
       margin: 0 auto;
       padding: 0 32px;
       overflow: visible !important;
   }

   /* Overflow visible uniquement pour le mega menu de la sidebar */
   .bd-hero-sidebar {
       overflow: visible !important;
   }

   /* Sidebar spécifique - doit déborder */
   .bd-categories-sidebar,
   .bd-categories-sidebar .dropdown,
   .bd-categories-sidebar .dropdown.show-dropdown,
   .departments-menu-v2 {
       overflow: visible !important;
   }

   /* Sidebar à gauche — masquée par défaut, visible à 1200px+ via grid */
   .bd-hero-sidebar {
       display: none;
   }

   /* Responsive tablette < 1200px : sidebar masquée, slider pleine largeur */
   @media (max-width: 1199px) {
       .bd-hero-container {
           padding: 0 20px;
       }
   }

   /* Responsive mobile */
   @media (max-width: 991px) {
       .bd-hero-container {
           padding: 0 16px;
       }
   }

   @media (max-width: 767px) {
       .bd-homepage-hero {
           padding: 16px 0;
       }
   }

   /* ===========================================
      1. HEADER V8 - TRANSFORMATION FIGMA
      =========================================== */

   /* Masquer la top bar */
   .header-v8 .top-bar,
   .electro-top-bar {
       display: none !important;
   }

   /* Header principal - Fond violet, z-index élevé pour les dropdowns (recherche, panier) */
   .header-v8 {
       background: var(--bd-violet) !important;
       position: relative !important;
       z-index: 9999 !important;
   }

   .header-v8 .stick-this {
       background: var(--bd-violet) !important;
       border-bottom: 1px solid rgba(0,0,0,0.2) !important;
   }

   .header-v8 .masthead {
       min-height: 80px !important;
   }

   /* Logo */
   .header-v8 .header-logo-area {
       flex-shrink: 0 !important;
   }

   .header-v8 .site-branding img {
       max-height: 60px !important;
       width: auto !important;
   }

   /* Masquer le hamburger menu sur desktop */
   .header-v8 .off-canvas-toggle {
       display: none !important;
   }

   /* Barre de recherche */
   .header-v8 .navbar-search {
       flex: 1 !important;
       max-width: 547px !important;
       margin: 0 40px !important;
   }

   .header-v8 .navbar-search .input-group {
       display: flex !important;
       border: none !important;
       border-radius: 8px !important;
       box-shadow: none !important;
       overflow: visible !important;
   }

   /* Input recherche - fond blanc, coins gauches arrondis */
   .header-v8 .navbar-search .input-search-field {
       flex: 1 !important;
       background: var(--bd-white) !important;
       border-radius: 8px 0 0 8px !important;
   }

   /* Bouton recherche — coins droits arrondis */
   .header-v8 .navbar-search .input-group-btn {
       border-radius: 0 8px 8px 0 !important;
   }

   .header-v8 .navbar-search .search-field {
       background: var(--bd-white) !important;
       border: none !important;
       border-radius: 8px 0 0 8px !important;
       padding: 10px 14px !important;
       font-family: var(--bd-font-secondary) !important;
       font-size: 16px !important;
       color: var(--bd-black) !important;
       height: 44px !important;
   }

   .header-v8 .navbar-search .search-field::placeholder {
       color: var(--bd-gray-500) !important;
   }

   /* Masquer le dropdown catégories */
   .header-v8 .navbar-search .search-categories {
       display: none !important;
   }

   /* Bouton recherche - Orange avec texte "Rechercher" */
   .header-v8 .navbar-search .input-group-btn .btn {
       background: var(--bd-orange) !important;
       border: none !important;
       border-radius: 0 8px 8px 0 !important;

       height: 44px !important;
       min-width: 140px !important;
       font-family: var(--bd-font-secondary) !important;
       font-weight: 600 !important;
       font-size: 16px !important;
       color: var(--bd-black) !important;
   }

   /* Masquer l'icône loupe */
   .header-v8 .navbar-search .input-group-btn .btn i {
       display: none !important;
   }

   /* Ajouter texte "Rechercher" */
   .header-v8 .navbar-search .input-group-btn .btn::after {
       content: "Rechercher" !important;
       color: var(--bd-black) !important;
   }

   .header-v8 .navbar-search .input-group-btn .btn:hover {
       background: #d94f3a !important;
   }

   /* Masquer le nav secondaire */
   .header-v8 .secondary-nav-menu {
       display: none !important;
   }

   .header-v8 .header-icon a .ec-favorites,
   .header-v8 .header-icon i {
       color: var(--bd-white) !important;
       font-size: 22px !important;
   }

   .header-v8 .header-icon a:hover i {
       color: var(--bd-orange) !important;
   }

   /* Masquer les badges compteur (comme sur Figma) */
   .header-v8 .header-icon-counter,
   .header-v8 .cart-items-count,
   .header-v8 .navbar-compare-count,
   .header-v8 .navbar-wishlist-count,
   .header-v8 .count {
       display: none !important;
   }


/* ========== LOGIN / USER ACCOUNT ========== */
   .header-v8 .header-icon__user-account {
       display: flex !important;
       align-items: center !important;
   }

   .header-v8 .header-icon__user-account > a {
       color: var(--bd-white) !important;
       text-decoration: none !important;
       display: flex !important;
       align-items: center !important;
   }


/* ========== PANIER ========== */
   .header-v8 .header-icon__cart {
       display: flex !important;
       align-items: center !important;
   }

   .header-v8 .header-icon__cart > a {
       color: var(--bd-white) !important;
       text-decoration: none !important;
       display: flex !important;
       align-items: center !important;
   }

   /* Masquer le prix du panier */
   .header-v8 .header-icon__cart .cart-items-total-price,
   .header-v8 .header-icon__cart .total-price {
       display: none !important;
   }

   /* Masquer la flèche dropdown */
   .header-v8 .header-icon__cart > a.dropdown-toggle::after {
       display: none !important;
   }

   /* Textes header injectes via JS (nom utilisateur + Panier) */
   .header-v8 .bd-header-text {
       color: #fff;
       font-family: Inter, sans-serif;
       font-size: 16px;
       margin-left: 8px;
       white-space: nowrap;
   }
   .header-v8 .header-icon__user-account .bd-header-text {
       font-weight: 600;
   }
   .header-v8 .header-icon__cart .bd-header-text {
       font-weight: 400;
       margin-left: 4px;
   }

   /* Header sticky */
   .header-v8 .stuck .stick-this {
       background: var(--bd-violet) !important;
   }

   /* ========== SEARCH BAR — Responsive + Borders ========== */

   /* Responsive search bar — tablettes */
   @media (max-width: 1199px) and (min-width: 768px) {
       .header-v8 .navbar-search {
           flex: 1 !important;
           max-width: none !important;
           margin: 0 16px !important;
       }

       .header-v8 .navbar-search .input-group-btn .btn {
           min-width: 44px !important;
           padding: 0 12px !important;
       }

       /* Cacher le texte "Rechercher", garder juste l'icône */
       .header-v8 .navbar-search .input-group-btn .btn::after {
           content: "" !important;
       }

       .header-v8 .navbar-search .input-group-btn .btn i {
           display: inline-block !important;
       }
   }

   /* ========== ICONES HEADER — Blanc sur toutes les tailles ========== */

   /* Force les icônes en blanc sur mobile/tablette aussi */
   .header-v8 .header-icon a,
   .header-v8 .header-icon a i,
   .header-v8 .header-icon a svg,
   .header-v8 .header-icon a .ec-favorites,
   .header-v8 .header-icons a,
   .header-v8 .header-icons a i,
   .header-v8 .header-icons a svg,
   .header-v8 .off-canvas-toggle,
   .header-v8 .off-canvas-toggle i,
   .header-v8 .header-icon__cart > a,
   .header-v8 .header-icon__user-account > a,
   .site-header .header-icon a i,
   .site-header .header-icon a {
       color: var(--bd-white) !important;
       fill: var(--bd-white) !important;
   }

   /* SVG inline dans le header aussi en blanc */
   .header-v8 .header-icon svg path,
   .header-v8 .header-icons svg path {
       stroke: var(--bd-white) !important;
   }

   /* MOBILE — Forcer icônes en blanc sur fond violet */
   /* MOBILE — Forcer icônes en blanc sur fond violet (≤1199px = breakpoint Electro d-xl-none) */
   @media (max-width: 1199px) {
       /* Desktop header icons (visible entre 992-1199px sur certaines configs) */
       .header-v8 .header-icon a,
       .header-v8 .header-icon a i,
       .header-v8 .header-icon a svg,
       .header-v8 .header-icon a .ec-favorites,
       .header-v8 .header-icons a,
       .header-v8 .header-icons a i,
       .header-v8 .header-icons a svg,
       .header-v8 .off-canvas-toggle,
       .header-v8 .off-canvas-toggle i,
       .header-v8 .header-icon__cart > a,
       .header-v8 .header-icon__cart > a i,
       .header-v8 .header-icon__user-account > a,
       .header-v8 .header-icon__user-account > a i,
       .header-v8 .header-icon .ec,
       .header-v8 .header-icon [class^="ec-"],
       .header-v8 .header-icon [class*=" ec-"],
       .header-v8 .navbar-toggler,
       .header-v8 .navbar-toggler i,
       .header-v8 .navbar-toggler-icon {
           color: var(--bd-white) !important;
           fill: var(--bd-white) !important;
       }

       .header-v8 .header-icon svg path,
       .header-v8 .header-icons svg path {
           stroke: var(--bd-white) !important;
       }

       /* Hamburger menu icon en blanc */
       .header-v8 .navbar-toggler-icon {
           background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
       }

       /* Header handheld mobile Electro (structure .handheld-header-links) */
       .handheld-header-links a,
       .handheld-header-links a i,
       .handheld-header-links a svg,
       .handheld-header-links a span,
       .handheld-header-links .count {
           color: var(--bd-white) !important;
           fill: var(--bd-white) !important;
       }

       /* Hamburger menu mobile */
       .off-canvas-navigation-wrapper .navbar-toggler,
       .off-canvas-navigation-wrapper .navbar-toggler i {
           color: var(--bd-white) !important;
       }
   }

   /* ===========================================
      2. SIDEBAR CATEGORIES (Mega Menu)
      =========================================== */

   /* Container sidebar */
   .departments-menu,
   .bd-categories-sidebar,
   .widget_product_categories {
       border-radius: 8px !important;
       overflow: visible !important;
       background: var(--bd-white) !important;
       border: 1px solid var(--bd-gray-200) !important;
       position: relative !important;
   }

   /* Header orange avec icône et chevron */
   .departments-menu .departments-menu-title,
   .departments-menu-v2-title,
   .bd-categories-sidebar .sidebar-header {
       background: var(--bd-orange) !important;
       padding: 16px 20px !important;
       color: var(--bd-black) !important;
       font-family: var(--bd-font-primary) !important;
       font-weight: 600 !important;
       font-size: 18px !important;
       margin: 0 !important;
       border-radius: 8px 8px 0 0 !important;
       display: flex !important;
       align-items: center !important;
       justify-content: space-between !important;
       cursor: pointer !important;
   }

   .bd-categories-sidebar .sidebar-header h3 {
       margin: 0 !important;
       font-size: 18px !important;
       font-weight: 600 !important;
       display: flex !important;
       align-items: center !important;
       gap: 10px !important;
   }

   /* Icône hamburger - DÉSACTIVÉ car on utilise le span .menu-icon */
   /* .bd-categories-sidebar .sidebar-header h3::before - supprimé pour éviter doublon */

   /* Chevron dropdown - DÉSACTIVÉ car on utilise le span .dropdown-icon */
   /* .bd-categories-sidebar .sidebar-header::after - supprimé pour éviter doublon */

   /* Liste catégories */
   .departments-menu ul.menu,
   .bd-categories-sidebar ul.product-categories,
   .widget_product_categories ul {
       list-style: none !important;
       padding: 0 !important;
       margin: 0 !important;
       background: var(--bd-white) !important;
   }

   .departments-menu ul.menu > li,
   .bd-categories-sidebar ul.product-categories > li,
   .widget_product_categories ul li {
       border-bottom: 1px solid var(--bd-gray-200) !important;
       position: relative !important;
   }

   .departments-menu ul.menu > li:last-child,
   .bd-categories-sidebar ul.product-categories > li:last-child,
   .widget_product_categories ul li:last-child {
       border-bottom: none !important;
   }

   .departments-menu ul.menu > li > a,
   .bd-categories-sidebar ul.product-categories > li > a,
   .widget_product_categories ul li a {
       display: block !important;
       padding: 12px 16px !important;
       color: var(--bd-gray-700) !important;
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       text-decoration: none !important;
       transition: all 0.2s ease !important;
   }

   .departments-menu ul.menu > li > a:hover,
   .bd-categories-sidebar ul.product-categories > li > a:hover,
   .widget_product_categories ul li a:hover {
       background: #f9f9f9 !important;
       color: var(--bd-violet) !important;
   }

   /* Sous-catégories (mega menu) */
   .bd-categories-sidebar ul.product-categories > li.cat-parent > a {
       padding-right: 30px !important;
   }

   .bd-categories-sidebar .toggle-icon {
       position: absolute !important;
       right: 16px !important;
       top: 50% !important;
       transform: translateY(-50%) !important;
       font-size: 14px !important;
       color: var(--bd-gray-500) !important;
       cursor: pointer !important;
       transition: transform 0.3s ease !important;
   }

   .bd-categories-sidebar .toggle-icon.active {
       transform: translateY(-50%) rotate(90deg) !important;
   }

   /* Sous-catégories cachées par défaut */
   .bd-categories-sidebar ul.children {
       display: none !important;
       background: #f9f9f9 !important;
       padding-left: 0 !important;
   }

   .bd-categories-sidebar ul.children.open {
       display: block !important;
   }

   .bd-categories-sidebar ul.children li {
       border-bottom: 1px solid var(--bd-gray-200) !important;
   }

   .bd-categories-sidebar ul.children li:last-child {
       border-bottom: none !important;
   }

   .bd-categories-sidebar ul.children li a {
       padding-left: 32px !important;
       font-size: 12.5px !important;
       color: var(--bd-gray-500) !important;
   }

   .bd-categories-sidebar ul.children li a:hover {
       color: var(--bd-violet) !important;
       background: #f0f0f0 !important;
   }


/* ========== MEGA MENU ELECTRO NATIF ========== */

   /* Container du mega menu - overflow visible pour que le mega menu déborde */
   .bd-categories-sidebar.departments-menu-v2,
   .bd-categories-sidebar {
       overflow: visible !important;
       position: relative !important;
   }

   .bd-categories-sidebar .dropdown.show-dropdown {
       position: relative !important;
   }

   /* Header avec icônes - cliquable pour toggle */
   .bd-categories-sidebar .sidebar-header.departments-menu-v2-title {
       background: var(--bd-orange) !important;
       padding: 16px 20px !important;
       display: flex !important;
       align-items: center !important;
       gap: 12px !important;
       border-radius: 8px !important;
       color: var(--bd-white) !important;
       cursor: pointer !important;
       user-select: none !important;
   }

/* Mini-cart dropdown — boutons visibles */
.woocommerce-mini-cart__buttons .button.wc-forward {
    background: var(--bd-black) !important;
    color: var(--bd-white) !important;
    border: 1.5px solid var(--bd-black) !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-weight: 500 !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 2px !important;
}

.woocommerce-mini-cart__buttons .button.wc-forward:hover {
    background: var(--bd-violet) !important;
    border-color: var(--bd-violet) !important;
    color: var(--bd-white) !important;
}

.woocommerce-mini-cart__buttons .button.checkout.wc-forward {
    background: var(--bd-orange) !important;
    border-color: var(--bd-orange) !important;
    color: var(--bd-white) !important;
}

.woocommerce-mini-cart__buttons .button.checkout.wc-forward:hover {
    background: #d94f35 !important;
    border-color: #d94f35 !important;
}

/* Mini-cart dropdown — texte lisible */
.dropdown-menu-mini-cart {
    background: var(--bd-white) !important;
    border: 1px solid var(--bd-gray-200) !important;
    border-radius: 12px !important;
    padding: 16px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

.dropdown-menu-mini-cart,
.dropdown-menu-mini-cart a,
.dropdown-menu-mini-cart .mini_cart_item,
.dropdown-menu-mini-cart .mini_cart_item a,
.dropdown-menu-mini-cart .product-title,
.dropdown-menu-mini-cart .quantity,
.dropdown-menu-mini-cart .amount,
.woocommerce-mini-cart__total,
.woocommerce-mini-cart__total strong,
.woocommerce-mini-cart__total .amount {
    color: var(--bd-black) !important;
}

.dropdown-menu-mini-cart .mini_cart_item .remove {
    color: #dc3545 !important;
}

.dropdown-menu-mini-cart a:hover {
    color: var(--bd-violet) !important;
}

/* Dropdown compte utilisateur — texte lisible */
.header-icon__user-account .dropdown-menu,
.dropdown-menu-user-account {
    background: var(--bd-white) !important;
    border: 1px solid var(--bd-gray-200) !important;
    border-top-color: var(--bd-gray-200) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

.header-icon__user-account .dropdown-menu a,
.dropdown-menu-user-account a {
    color: var(--bd-black) !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    display: block !important;
}

.header-icon__user-account .dropdown-menu a:hover,
.dropdown-menu-user-account a:hover {
    color: var(--bd-violet) !important;
    background: rgba(100, 35, 94, 0.05) !important;
}

   /* Header arrondi en bas quand fermé */
   .bd-categories-sidebar.closed .sidebar-header.departments-menu-v2-title {
       border-radius: 8px !important;
   }

   /* Header arrondi seulement en haut quand ouvert */
   .bd-categories-sidebar.open .sidebar-header.departments-menu-v2-title {
       border-radius: 8px 8px 0 0 !important;
   }

   .bd-categories-sidebar .sidebar-header .menu-icon,
   .bd-categories-sidebar .sidebar-header .title,
   .bd-categories-sidebar .sidebar-header .dropdown-icon {
       color: var(--bd-white) !important;
   }

   .bd-categories-sidebar .sidebar-header .title {
       flex: 1 !important;
       font-weight: 600 !important;
       font-size: 16px !important;
   }

   .bd-categories-sidebar .sidebar-header .dropdown-icon {
       transition: transform 0.3s ease !important;
   }

   /* Rotation de la flèche quand ouvert */
   .bd-categories-sidebar.open .sidebar-header .dropdown-icon {
       transform: rotate(180deg) !important;
   }

   /* Sur la homepage, la sidebar reste toujours ouverte et non-cliquable */
   /* Sélecteur sans .homepage-locked pour éviter le flash (FOUC) avant que le JS s'exécute */
   body.home .bd-categories-sidebar .sidebar-header .dropdown-icon,
   body.page-template-template-homepage .bd-categories-sidebar .sidebar-header .dropdown-icon {
       display: none !important;
   }

   body.home .bd-categories-sidebar .sidebar-header,
   body.page-template-template-homepage .bd-categories-sidebar .sidebar-header {
       cursor: default !important;
   }

	/*Breadcrumb*/
    .woocommerce-breadcrumb span.delimiter+a{
	background-color: transparent!important;
}

   /* Menu caché par défaut (quand fermé) */
   .bd-categories-sidebar.closed .dropdown-menu.yamm.bd-mega-menu {
       display: none !important;
   }

   /* Menu principal visible */
   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu {
       position: relative !important;
       width: 100% !important;
       margin: 0 !important;
       padding: 0 !important;
       border: none !important;
       border-radius: 0 0 8px 8px !important;
       box-shadow: none !important;
       background: var(--bd-white);

   }

   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li {
       position: relative !important;
       border-bottom: 1px solid var(--bd-gray-200) !important;
       list-style: none !important;
   }

   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li:last-child {
       border-bottom: none !important;
       border-radius: 0 0 8px 8px !important;
   }

   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li > a {
       display: flex !important;
       align-items: center !important;
       justify-content: space-between !important;
       padding: 14px 16px !important;
       color: var(--bd-gray-700) !important;
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       text-decoration: none !important;
       transition: all 0.2s ease !important;
       background: var(--bd-white) !important;
   }

   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li > a:hover {
       background: #f9f9f9 !important;
       color: var(--bd-violet) !important;
   }

   /* Chevron pour les catégories avec enfants — SVG stroke unifié */
   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li > a .caret {
       border: none !important;
       width: 16px !important;
       height: 16px !important;
       font-size: 0 !important;
       display: inline-block !important;
       vertical-align: middle !important;
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
       background-repeat: no-repeat !important;
       background-size: contain !important;
       background-position: center !important;
       transition: opacity 0.2s ease !important;
   }

   /* Supprime tous les pseudo-éléments existants pour éviter les doublons */
   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li > a .caret::before,
   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li > a .caret::after {
       content: none !important;
       display: none !important;
   }

   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li:hover > a .caret {
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
   }
   .cat-nav .departments-menu-v2-title + .dropdown-menu li.menu-item-has-children > a::after, .cat-nav .handheld > .mas-elementor-nav-menu--dropdown li.menu-item-has-children > a::after, .departments-menu-v2 .departments-menu-v2-title + .dropdown-menu li.menu-item-has-children > a::after, .departments-menu-v2 .handheld > .mas-elementor-nav-menu--dropdown li.menu-item-has-children > a::after {
       display:none!important;
       visibility:hidden!important;
       content:'';
   }

   /* MEGA MENU AU HOVER - pleine largeur horizontale */
   /* Le top est calcule dynamiquement par sidebar.js pour aligner tous les sous-menus */
   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.menu-item-has-children > .dropdown-menu,
   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.yamm-tfw > .dropdown-menu,
   .bd-categories-sidebar .yamm .dropdown-menu,
   .departments-menu-v2 .yamm .dropdown-menu {
       display: none !important;
       position: absolute !important;
       left: 100% !important;
       top: 0;
       width: min(950px, calc(100vw - 420px)) !important;
       min-width: 300px !important;
       max-height: calc(100vh - 120px) !important;
       overflow-y: auto !important;
       border: 1px solid var(--bd-gray-200) !important;
       border-radius: 8px !important;
       box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
       padding: 20px 24px !important;
       z-index: 999999 !important;
       pointer-events: auto !important;
       background: var(--bd-white) !important;
   }

   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.menu-item-has-children:hover > .dropdown-menu,
   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.yamm-tfw:hover > .dropdown-menu,
   .bd-categories-sidebar .yamm > li:hover > .dropdown-menu,
   .departments-menu-v2 .yamm > li:hover > .dropdown-menu {
       display: block !important;
       z-index: 999999 !important;
   }

   /* Contenu mega menu - colonnes */
   .bd-categories-sidebar .yamm-content {
       padding: 0 !important;
       pointer-events: auto !important;
       column-width: 160px !important;
       column-gap: 28px !important;
   }

   /* Tous les liens dans le mega menu doivent être cliquables */
   .bd-categories-sidebar .yamm-content a,
   .bd-categories-sidebar .dropdown-menu a,
   .departments-menu-v2 .yamm-content a {
       pointer-events: auto !important;
       cursor: pointer !important;
   }

   /* Desactiver le flex des .row pour laisser le multi-column gerer le layout */
   .bd-categories-sidebar .yamm-content .row {
       display: block !important;
       margin: 0 !important;
   }

   .bd-categories-sidebar .yamm-content .col-md-3,
   .bd-categories-sidebar .yamm-content [class*="col-"] {
       display: inline-block !important;
       width: 100% !important;
       max-width: 100% !important;
       flex: none !important;
       padding: 0 !important;
       margin-bottom: 10px !important;
       break-inside: avoid !important;
   }

   /* Titres des sous-catégories */
   .bd-categories-sidebar .megamenu-heading,
   .bd-categories-sidebar .yamm-content h4,
   .bd-categories-sidebar .yamm-content .nav-title {
       font-family: var(--bd-font-primary) !important;
       font-size: 14px !important;
       font-weight: 600 !important;
       color: var(--bd-black) !important;
       margin: 0 0 8px 0 !important;
       padding-bottom: 5px !important;
       border-bottom: 2px solid var(--bd-orange) !important;
       white-space: nowrap !important;
       pointer-events: auto !important;
   }

   .bd-categories-sidebar .megamenu-heading a,
   .bd-categories-sidebar .yamm-content h4 a,
   .bd-categories-sidebar .yamm-content .nav-title a {
       color: var(--bd-black) !important;
       text-decoration: none !important;
       pointer-events: auto !important;
       cursor: pointer !important;
       position: relative !important;
       z-index: 1000000 !important;
   }

   .bd-categories-sidebar .megamenu-heading a:hover,
   .bd-categories-sidebar .yamm-content h4 a:hover {
       color: var(--bd-violet) !important;
       text-decoration: underline !important;
   }

   /* Liens sous-catégories */
   .bd-categories-sidebar .yamm-content .list-unstyled,
   .bd-categories-sidebar .yamm-content ul {
       list-style: none !important;
       padding: 0 !important;
       margin: 0 !important;
       pointer-events: auto !important;
   }

   .bd-categories-sidebar .yamm-content .list-unstyled li,
   .bd-categories-sidebar .yamm-content ul li {
       margin-bottom: 8px !important;
       border: none !important;
       pointer-events: auto !important;
   }

   .bd-categories-sidebar .yamm-content .list-unstyled li a,
   .bd-categories-sidebar .yamm-content ul li a {
       color: var(--bd-gray-600) !important;
       font-size: 13px !important;
       text-decoration: none !important;
       transition: color 0.2s ease !important;
       padding: 3px 0 !important;
       display: block !important;
       pointer-events: auto !important;
       cursor: pointer !important;
       position: relative !important;
       z-index: 100001 !important;
   }

   .bd-categories-sidebar .yamm-content .list-unstyled li a:hover,
   .bd-categories-sidebar .yamm-content ul li a:hover {
       color: var(--bd-violet) !important;
       background: transparent !important;
       text-decoration: underline !important;
   }

   /* Image de categorie dans le mega menu - alignée en bas du megamenu (desktop) */
   .bd-categories-sidebar .yamm-content {
       position: static !important;
       min-height: 0 !important;
       padding-bottom: 0 !important;
   }

   /* Le UL.dropdown-menu est déjà position:absolute → contexte de positionnement
      pour la photo. On lui force min-height afin que l'image soit poussée tout en bas. */
   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.menu-item-has-children > .dropdown-menu,
   .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.yamm-tfw > .dropdown-menu {
       min-height: 600px !important;
   }

   /* Image ancrée au bord bas-droit du dropdown (UL position:absolute = repère) */
   .bd-categories-sidebar .yamm-content .category-image-wrapper {
       position: absolute !important;
       bottom: 20px !important;   /* compense le padding-bottom 20px du dropdown */
       right: 24px !important;    /* compense le padding-right 24px du dropdown */
       width: 25% !important;
       max-width: 232px !important;
       flex: 0 0 auto !important;
       padding: 0 !important;
       margin: 0 !important;
       box-sizing: border-box !important;
       text-align: center !important;
       break-inside: avoid !important;
   }

   .bd-categories-sidebar .yamm-content .category-image-link {
       display: flex !important;
       align-items: flex-end !important;
       justify-content: center !important;
       width: 100% !important;
   }

   .bd-categories-sidebar .yamm-content .category-thumbnail {
       max-width: 100% !important;
       width: auto !important;
       height: auto !important;
       max-height: 220px !important;
       object-fit: contain !important;
       border-radius: 0 !important;
       box-shadow: none !important;
       transition: none !important;
       display: block !important;
       margin: 0 auto !important;
   }

   .bd-categories-sidebar .yamm-content .category-image-link:hover .category-thumbnail {
       transform: none !important;
       box-shadow: none !important;
   }

   /* --- MEGA MENU MOBILE (<=991px) : sous-menus en accordeon --- */
   @media (max-width: 991px) {
       .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.menu-item-has-children > .dropdown-menu,
       .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.yamm-tfw > .dropdown-menu,
       .bd-categories-sidebar .yamm .dropdown-menu,
       .departments-menu-v2 .yamm .dropdown-menu {
           position: relative !important;
           left: 0 !important;
           top: 0 !important;
           width: 100% !important;
           min-width: 0 !important;
           max-width: 100% !important;
           border: none !important;
           border-radius: 0 !important;
           box-shadow: none !important;
           padding: 16px !important;
           background: #f9f9f9 !important;
           display: none !important;
       }

       /* Quand ouvert via JS */
       .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.mobile-open > .dropdown-menu {
           display: block !important;
       }

       /* Colonnes en 2 au lieu de 5 */
       .bd-categories-sidebar .yamm-content .col-md-3,
       .bd-categories-sidebar .yamm-content [class*="col-"] {
           flex: 0 0 50% !important;
           max-width: 50% !important;
       }

       /* Image categorie en pleine largeur centree */
       .bd-categories-sidebar .yamm-content .category-image-wrapper {
           flex: 0 0 100% !important;
           max-width: 100% !important;
           margin-top: 16px !important;
       }

       .bd-categories-sidebar .yamm-content .category-thumbnail {
           max-height: 150px !important;
       }

       /* Indicateur visuel : fleche rotate quand ouvert */
       .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.menu-item-has-children > a .caret {
           transition: transform 0.3s ease !important;
       }
       .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.mobile-open > a .caret {
           transform: rotate(90deg) !important;
       }

       /* Desactiver le hover sur mobile */
       .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.menu-item-has-children:hover > .dropdown-menu,
       .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.yamm-tfw:hover > .dropdown-menu {
           display: none !important;
       }
       .bd-categories-sidebar .dropdown-menu.yamm.bd-mega-menu > li.mobile-open:hover > .dropdown-menu {
           display: block !important;
       }
   }

   @media (max-width: 480px) {
       /* 1 colonne sur petit mobile */
       .bd-categories-sidebar .yamm-content .col-md-3,
       .bd-categories-sidebar .yamm-content [class*="col-"] {
           flex: 0 0 100% !important;
           max-width: 100% !important;
       }
   }

   /* Supprimer le backdrop Bootstrap qui bloque les interactions sur mobile */
   @media (max-width: 991px) {
       .dropdown-backdrop {
           display: none !important;
       }

       .off-canvas-navigation .dropdown-menu,
       .off-canvas-nav .dropdown-menu {
           background: #f5f5f5 !important;
           border: none !important;
       }

       /* Menu off-canvas : sous-menu ouvert via .mobile-open + .show */
       .off-canvas-navigation li.menu-item-has-children.mobile-open > .dropdown-menu {
           position: static !important;
           float: none !important;
           padding-left: 0 !important;
           background: #f9f9f9 !important;
           border: none !important;
           box-shadow: none !important;
       }

       /* Afficher le yamm-content (contient les vrais liens de sous-catégories) */
       .off-canvas-navigation .yamm-content {
           display: block !important;
       }

       /* Cacher les shortcodes WPBakery bruts (dans des <p>) et les images du mega menu */
       .off-canvas-navigation .yamm-content > p,
       .off-canvas-navigation .yamm-content img,
       .off-canvas-navigation .bg-yamm-content,
       .off-canvas-navigation .bg-yamm-extend {
           display: none !important;
       }

       /* Style propre pour les listes de sous-catégories dans le off-canvas */
       .off-canvas-navigation .yamm-content ul {
           list-style: none !important;
           padding-left: 8px !important;
           margin: 0 !important;
       }

       .off-canvas-navigation .yamm-content ul li a {
           display: block !important;
           padding: 8px 16px !important;
           color: var(--bd-black) !important;
           text-decoration: none !important;
           font-size: 14px !important;
       }

       .off-canvas-navigation .yamm-content ul li a:hover {
           color: var(--bd-violet) !important;
       }

       /* Chevron dans le menu off-canvas — zone de clic agrandie */
       .off-canvas-navigation li.menu-item-has-children > a .caret,
       .bd-categories-sidebar li.menu-item-has-children > a .caret {
           transition: transform 0.3s ease !important;
           display: inline-block !important;
           padding: 8px !important;
           margin: -8px !important;
           cursor: pointer !important;
       }
       .off-canvas-navigation li.menu-item-has-children.mobile-open > a .caret,
       .bd-categories-sidebar li.menu-item-has-children.mobile-open > a .caret {
           transform: rotate(180deg) !important;
       }

       /* Supprimer l'overlay noir du theme parent qui bloque les clics sur la sidebar */
       .off-canvas-bg-opacity .site-content::before {
           display: none !important;
       }
   }

   /* ===========================================
      3. PRODUCT SLIDER (Figma exact)
      =========================================== */

   .custom-product-slider {
       background: var(--bd-white);
       border: 1px solid var(--bd-gray-200);
       border-radius: 8px;

       min-height: 470px;
       overflow: hidden !important;
       position: relative;
       padding-bottom: 16px;
   }

   .slider-item {
       display: flex !important;
       align-items: center !important;
       justify-content: space-between !important;
       gap: 40px !important;
   }

   /* Contenu texte à gauche */
   .slider-content {
       flex: 0 0 auto !important;
       max-width: 350px !important;
       padding: 50px;
       display: flex !important;
       flex-direction: column !important;
       gap: 16px !important;
   }

   /* "En ce moment, retrouvez" - paragraphe */
   .slider-headline {
       font-family: var(--bd-font-secondary) !important;
       font-size: 20px !important;
       font-weight: 400 !important;
       line-height: 24px !important;
       color: var(--bd-black) !important;
       margin: 0 0 8px 0 !important;
   }

   /* Nom du produit - 32px desktop */
   .slider-title {
       font-family: var(--bd-font-primary) !important;
       font-size: 32px !important;
       font-weight: 400 !important;
       line-height: 1.2 !important;
       color: var(--bd-black) !important;
       margin: 0 0 16px 0 !important;
   }

   /* Prix avec décimales en exposant */
   .slider-price {
       font-family: var(--bd-font-primary) !important;
       font-weight: 600 !important;
       color: var(--bd-black) !important;
       display: flex !important;
       align-items: flex-start !important;
       margin: 0 0 24px 0 !important;
   }

   /* Prix partie entière - 64px */
   .slider-price .price-integer {
       font-size: 64px !important;
       line-height: 1 !important;
   }

   /* Prix partie décimale - en exposant (superscript) */
   .slider-price .price-decimal {
       font-size: 28px !important;
       vertical-align: super !important;
       position: relative !important;
       top: 8px !important;
       line-height: 1 !important;
   }

   /* Symbole € */
   .slider-price .price-currency {
       font-size: 28px !important;
       vertical-align: super !important;
       position: relative !important;
       top: 8px !important;
       margin-left: 4px !important;
       line-height: 1 !important;
   }

   /* Bouton Acheter - redirige vers la page produit */
   .slider-btn {
       display: inline-flex !important;
       align-items: center !important;
       justify-content: center !important;
       background: var(--bd-black) !important;
       color: var(--bd-white) !important;
       font-family: var(--bd-font-secondary) !important;
       font-weight: 600 !important;
       font-size: 16px !important;
       padding: 12px 24px !important;
       border-radius: 8px !important;
       text-decoration: none !important;
       min-width: 200px !important;
       transition: background 0.3s ease !important;
   }

   .slider-btn:hover {
       background: #333 !important;
       color: var(--bd-white) !important;
   }

   /* Image produit à droite */
   .slider-image {
       flex: 1 !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
   }

   .slider-image img {
       max-width: 100% !important;
       max-height: 400px !important;
       object-fit: contain !important;
   }

   /* Pagination slider - barres cliquables */
   .custom-product-slider .swiper-pagination {
       position: relative;
       margin-top: 24px;
           margin-bottom: 24px;
       display: flex;
       justify-content: center;
       gap: 8px;
       z-index: 10;
   }

   /* Bullets personnalisés (notre slider JS) */
   .custom-product-slider .swiper-pagination .bd-bullet {
       width: 40px;
       height: 6px;
       border-radius: 3px;
       background: var(--bd-gray-200);
       cursor: pointer;
       transition: all 0.3s ease;
   }

   .custom-product-slider .swiper-pagination .bd-bullet:hover {
       background: var(--bd-gray-500);
   }

   .custom-product-slider .swiper-pagination .bd-bullet.active {
       width: 60px;
       background: var(--bd-black);
   }

   /* Swiper bullets (fallback) */
   .custom-product-slider .swiper-pagination-bullet {
       width: 40px;
       height: 6px;
       border-radius: 3px;
       background: var(--bd-gray-200);
       opacity: 1;
       cursor: pointer;
       transition: all 0.3s ease;
   }

   .custom-product-slider .swiper-pagination-bullet:hover {
       background: var(--bd-gray-500);
   }

   .custom-product-slider .swiper-pagination-bullet-active {
       width: 60px;
       background: var(--bd-black);
   }

/**/

   /* ===========================================
      4. PRODUITS VEDETTES - Section complète Figma
      =========================================== */

   /* Container section */
   .bd-featured-section {
       padding: 60px 0;
       max-width: 1216px;
       margin: 0 auto;
   }

   /* Header avec titre et description */
   .bd-featured-header {
       display: flex !important;
       justify-content: space-between !important;
       align-items: flex-end !important;
       margin-bottom: 32px !important;
       flex-wrap: wrap !important;
       gap: 16px !important;
   }

   .bd-featured-header h2 {
       font-family: var(--bd-font-primary) !important;
       font-size: 32px !important;
       font-weight: 600 !important;
       color: var(--bd-black) !important;
       margin: 0 !important;
       max-width: 500px !important;
       line-height: 1.2 !important;
   }

   .bd-featured-header p {
       font-family: var(--bd-font-secondary) !important;
       font-size: 15px !important;
       color: var(--bd-gray-500) !important;
       margin: 6px 0 0 0 !important;
       max-width: 450px !important;
       line-height: 1.5 !important;
   }

   /* Filtres */
   .bd-featured-filters {
       display: flex !important;
       flex-direction: row !important;
       align-items: center !important;
       gap: 12px !important;
       margin-bottom: 32px !important;
       flex-wrap: wrap !important;
   }

   .bd-featured-filters .bd-filter-select {
       padding: 8px 32px 8px 14px !important;
       border: 1px solid var(--bd-gray-200) !important;
       border-radius: 20px !important;
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       font-weight: 500 !important;
       color: var(--bd-black) !important;
       background: var(--bd-white) !important;
       cursor: pointer !important;
       appearance: none !important;
       -webkit-appearance: none !important;
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
       background-repeat: no-repeat !important;
       background-position: right 12px center !important;
       background-size: 12px !important;
       transition: border-color 0.2s ease !important;
       width: auto !important;
       min-width: 100px !important;
       max-width: 180px !important;
       flex-shrink: 0 !important;
   }

   .bd-featured-filters .bd-filter-select:hover,
   .bd-featured-filters .bd-filter-select:focus {
       border-color: var(--bd-black) !important;
       outline: none !important;
   }

   .bd-featured-filters .bd-products-count {
       margin-left: auto !important;
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       color: var(--bd-gray-500) !important;
   }

   @media (max-width: 767px) {
       .bd-featured-filters {
           gap: 8px !important;
       }

       .bd-featured-filters .bd-filter-select {
           padding: 6px 28px 6px 12px !important;
           font-size: 13px !important;
       }

       .bd-featured-filters .bd-products-count {
           width: 100% !important;
           text-align: right !important;
       }
   }

   /* Message aucun résultat filtre */
   .bd-no-filter-results {
       grid-column: 1 / -1 !important;
   }

/*Caractéristiques*/

.single-product table.shop_attributes tbody tr:nth-of-type(2n+1){
	background: none;
}

   /* Grille produits - 4 colonnes */
   ul.products,
   .woocommerce ul.products {
       display: grid !important;
       grid-template-columns: repeat(4, 1fr) !important;
       gap: 50px !important;
       list-style: none !important;
       padding: 0 !important;
       margin: 0 !important;
   }

   /* === CAROUSEL PRODUITS (Vedettes & Similaires) === */

   /* Container du carousel */
   .bd-products-carousel,
   .bd-featured-products,
   .bd-similar-products,
   .bd-featured-products.products-carousel-wrapper,
   .bd-similar-products .products-carousel-wrapper {
       position: relative !important;
       padding: 0 60px !important;
       margin: 0 auto 40px auto !important;
       max-width: 100% !important;
       overflow: hidden !important;
       z-index: 1 !important;
   }

   /* Grille des produits dans le carousel — 4 colonnes desktop */
   .bd-products-carousel ul.products,
   .bd-featured-products ul.products,
   .bd-similar-products ul.products,
   .bd-featured-products.products-carousel-wrapper ul.products,
   .bd-similar-products .products-carousel-wrapper ul.products {
       display: grid !important;
       grid-template-columns: repeat(4, 1fr) !important;
       gap: 24px !important;
   }

   /* Boutons de navigation — style original */
   .carousel-nav-btn {
       position: absolute !important;
       top: 50% !important;
       transform: translateY(-50%) !important;
       width: 40px !important;
       height: 40px !important;
       background: var(--bd-gray-700) !important;
       border: none !important;
       border-radius: 50% !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       cursor: pointer !important;
       z-index: 100 !important;
       transition: all 0.2s ease !important;
       box-shadow: none !important;
       opacity: 0.7 !important;
       visibility: visible !important;
       pointer-events: auto !important;
   }

   .carousel-nav-btn:hover {
       opacity: 1 !important;
       background: var(--bd-gray-700) !important;
       box-shadow: none !important;
   }

   .carousel-nav-btn:hover svg {
       stroke: var(--bd-white) !important;
   }

   .carousel-nav-btn.prev,
   .carousel-nav-btn.carousel-prev {
       left: 0 !important;
       right: auto !important;
   }

   .carousel-nav-btn.next,
   .carousel-nav-btn.carousel-next {
       right: 0 !important;
       left: auto !important;
   }

   .carousel-nav-btn svg {
       width: 18px !important;
       height: 18px !important;
       min-width: 18px !important;
       min-height: 18px !important;
       flex-shrink: 0 !important;
       display: block !important;
       fill: none !important;
       stroke: var(--bd-white) !important;
       transition: stroke 0.2s ease !important;
   }

   .carousel-nav-btn:disabled {
       opacity: 0.3 !important;
       cursor: not-allowed !important;
   }

   .carousel-nav-btn:disabled:hover {
       background: var(--bd-white) !important;
       border-color: var(--bd-gray-200) !important;
   }

   .carousel-nav-btn:disabled:hover svg {
       stroke: var(--bd-gray-400) !important;
   }

   /* Correction positionnement flèches : compenser titre + filtres */
   .bd-featured-products .carousel-nav-btn,
   .bd-similar-products .carousel-nav-btn {
       top: calc(50% + 55px) !important;
   }

   /* Pagination chiffrée (1 2 3 4 5 ›) — style Figma */
   .carousel-pagination {
       display: flex !important;
       justify-content: center !important;
       align-items: center !important;
       gap: 4px !important;
       margin-top: 32px !important;
   }

   .carousel-page-num {
       width: 36px !important;
       height: 36px !important;
       border-radius: 50% !important;
       border: none !important;
       background: transparent !important;
       color: var(--bd-black) !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 14px !important;
       font-weight: 500 !important;
       cursor: pointer !important;
       transition: all 0.2s ease !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       padding: 0 !important;
   }

   .carousel-page-num:hover {
       background: var(--bd-gray-100) !important;
   }

   .carousel-page-num.active {
       background: var(--bd-violet) !important;
       color: var(--bd-white) !important;
   }

   .carousel-page-next {
       width: 36px !important;
       height: 36px !important;
       border-radius: 50% !important;
       border: none !important;
       background: var(--bd-gray-700) !important;
       color: var(--bd-white) !important;
       cursor: pointer !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       padding: 0 !important;
       transition: all 0.2s ease !important;
       opacity: 0.7 !important;
   }

   .carousel-page-next svg {
       width: 14px !important;
       height: 14px !important;
       stroke: var(--bd-white) !important;
       fill: none !important;
   }

   .carousel-page-next:hover {
       opacity: 1 !important;
   }

   .carousel-page-next:disabled {
       opacity: 0.2 !important;
       cursor: not-allowed !important;
   }

   /* === RESPONSIVE CAROUSEL (synchro avec JS getVisibleCount) === */

   /* Tablette large — 3 colonnes */
   @media (max-width: 1199px) {
       .bd-products-carousel ul.products,
       .bd-featured-products ul.products,
       .bd-featured-products.products-carousel-wrapper ul.products,
       .bd-similar-products .products-carousel-wrapper ul.products {
           grid-template-columns: repeat(3, 1fr) !important;
           gap: 20px !important;
       }

       .bd-products-carousel,
       .bd-featured-products,
       .bd-similar-products,
       .bd-featured-products.products-carousel-wrapper,
       .bd-similar-products .products-carousel-wrapper {
           padding: 0 50px !important;
       }

       .carousel-nav-btn {
           width: 52px !important;
           height: 52px !important;
       }

       .carousel-nav-btn svg {
           width: 26px !important;
           height: 26px !important;
           min-width: 26px !important;
           min-height: 26px !important;
       }
   }

   /* Tablette — 2 colonnes */
   @media (max-width: 991px) {
       .bd-products-carousel ul.products,
       .bd-featured-products ul.products,
       .bd-featured-products.products-carousel-wrapper ul.products,
       .bd-similar-products .products-carousel-wrapper ul.products {
           grid-template-columns: repeat(2, 1fr) !important;
           gap: 16px !important;
       }

       .bd-products-carousel,
       .bd-featured-products,
       .bd-similar-products,
       .bd-featured-products.products-carousel-wrapper,
       .bd-similar-products .products-carousel-wrapper {
           padding: 0 44px !important;
       }

       .carousel-nav-btn {
           width: 48px !important;
           height: 48px !important;
       }

       .carousel-nav-btn svg {
           width: 24px !important;
           height: 24px !important;
           min-width: 24px !important;
           min-height: 24px !important;
       }
   }

   /* Mobile — produits en grille 2 colonnes (le JS carousel gère la pagination) */
   @media (max-width: 767px) {
       .bd-featured-products ul.products,
       .carousel-initialized ul.products {
           display: grid !important;
           grid-template-columns: repeat(2, 1fr) !important;
           gap: 12px !important;
       }

       /* Autres carousels restent en grille 2 colonnes */
       .bd-products-carousel ul.products,
       .bd-similar-products .products-carousel-wrapper ul.products {
           grid-template-columns: repeat(2, 1fr) !important;
           gap: 12px !important;
       }

       .bd-products-carousel,
       .bd-featured-products,
       .bd-similar-products,
       .bd-featured-products.products-carousel-wrapper,
       .bd-similar-products .products-carousel-wrapper {
           padding: 0 16px !important;
       }

       .carousel-nav-btn {
           width: 44px !important;
           height: 44px !important;
       }

       .carousel-nav-btn svg {
           width: 22px !important;
           height: 22px !important;
           min-width: 22px !important;
           min-height: 22px !important;
       }
   }

   /* Petit mobile — 1 colonne (JS carousel montre 1 produit par page sur ≤480px) */
   @media (max-width: 480px) {
       .bd-featured-products ul.products,
       .carousel-initialized ul.products {
           grid-template-columns: 1fr !important;
       }

       .bd-products-carousel,
       .bd-featured-products,
       .bd-similar-products,
       .bd-featured-products.products-carousel-wrapper,
       .bd-similar-products .products-carousel-wrapper {
           padding: 0 16px !important;
       }

       .carousel-nav-btn {
           width: 42px !important;
           height: 42px !important;
       }

       .carousel-nav-btn svg {
           width: 20px !important;
           height: 20px !important;
           min-width: 20px !important;
           min-height: 20px !important;
       }
   }

   /* ========================================
      PRODUCT CARD - Layout professionnel
      ======================================== */

   /* Reset WooCommerce default card styles */
   ul.products li.product,
   .woocommerce ul.products li.product {
       background: transparent !important;
       border: none !important;
       padding: 0 !important;
       position: relative !important;
       margin: 0 !important;
       float: none !important;
       width: auto !important;
   }

   .products > .product::after,
   .owl-item > .product::after {
       border: none !important;
   }

   /* Card container */
   .custom-product-card {
       background: transparent !important;
       border: none !important;
       padding: 0 !important;
       position: relative !important;
       list-style: none !important;
   }

   .custom-product-inner {
       display: flex !important;
       flex-direction: column !important;
       height: 100% !important;
   }

   /* ---- IMAGE ZONE ---- */
   .custom-product-inner .product-image {
       position: relative !important;
       background: #f8f8f8 !important;
       border-radius: 12px !important;
       overflow: hidden !important;
       margin-bottom: 14px !important;
       aspect-ratio: 1 / 1 !important;
   }

   .custom-product-inner .product-image a {
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       width: 100% !important;
       height: 100% !important;
   }

   .custom-product-inner .product-image img {
       width: auto !important;
       height: auto !important;
       max-width: 80% !important;
       max-height: 80% !important;
       object-fit: contain !important;
       padding: 0 !important;
       transition: transform 0.3s ease !important;
   }

   .custom-product-inner .product-image:hover img {
       transform: scale(1.05) !important;
   }

   /* Wishlist wrapper — positionné en haut à droite de l'image, toujours visible */
   .custom-product-inner .product-image .yith-wcwl-add-to-wishlist,
   .custom-product-inner .product-image .yith-add-to-wishlist-button-block {
       position: absolute !important;
       top: 12px !important;
       right: 12px !important;
       left: auto !important;
       bottom: auto !important;
       z-index: 10 !important;
       width: 36px !important;
       height: 36px !important;
       margin: 0 !important;
       padding: 0 !important;
       opacity: 1 !important;
   }

   /* Bouton cœur — cercle blanc avec bordure subtile (non-favori) */
   .custom-product-inner .product-image .yith-wcwl-add-to-wishlist .yith-wcwl-add-to-wishlist-button,
   .custom-product-inner .product-image .yith-wcwl-add-to-wishlist .delete_item,
   .custom-product-inner .product-image .add_to_wishlist,
   .custom-product-inner .product-image .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button,
   .custom-product-inner .product-image .yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button--custom-button {
       background: var(--bd-white) !important;
       border: 1.5px solid var(--bd-gray-200) !important;
       border-radius: 50% !important;
       width: 36px !important;
       height: 36px !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
       padding: 0 !important;
       cursor: pointer !important;
       transition: all 0.2s ease !important;
   }

   .custom-product-inner .product-image .yith-wcwl-add-to-wishlist-button:hover,
   .custom-product-inner .product-image .yith-wcwl-add-to-wishlist-button--custom-button:hover {
       background: rgba(100,35,94,0.08) !important;
       border-color: var(--bd-violet) !important;
       box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
   }

   /* Bouton cœur FAVORI — cercle VIOLET + cœur BLANC */
   .custom-product-inner .product-image .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added {
       background: var(--bd-violet) !important;
       border-color: var(--bd-violet) !important;
       box-shadow: 0 2px 8px rgba(100,35,94,0.3) !important;
   }

   .yith-wcwl-icon {
       margin: 0 !important;
       font-size: 16px !important;
   }

   /* Icône SVG cœur — couleur et taille */
   .custom-product-inner .product-image .yith-wcwl-icon-svg__wrapper {
       width: 18px !important;
       height: 18px !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
   }

   .custom-product-inner .product-image .yith-wcwl-icon-svg__wrapper svg {
       width: 20px !important;
       height: 20px !important;
       color: var(--bd-violet) !important;
       fill: none !important;
       stroke: var(--bd-violet) !important;
       stroke-width: 2 !important;
       margin: 0 !important;
   }

   /* Cœur rempli quand ajouté aux favoris — blanc sur violet */
   .custom-product-inner .product-image .yith-wcwl-add-to-wishlist-button--added .yith-wcwl-icon-svg__wrapper svg,
   .custom-product-inner .product-image .yith-wcwl-wishlistexistsbrowse .yith-wcwl-icon-svg__wrapper svg {
       color: var(--bd-white) !important;
       fill: var(--bd-white) !important;
       stroke: var(--bd-white) !important;
   }

   .yith-wcwl-add-to-wishlist-button__label {
       visibility: hidden !important;
       display: none !important;
       width: 0 !important;
       height: 0 !important;
       overflow: hidden !important;
   }

   /* ---- INFO ZONE ---- */
   .custom-product-inner .product-info {
       display: flex !important;
       flex-direction: column !important;
       flex: 1 !important;
   }

   /* Marque — hauteur fixe pour alignement entre cartes */
   .custom-product-inner .product-info .brand {
       font-family: var(--bd-font-secondary) !important;
       font-size: 13px !important;
       font-weight: 400 !important;
       color: var(--bd-gray-500) !important;
       text-transform: capitalize !important;
       min-height: 24px !important;
       margin-bottom: 4px !important;
       display: block !important;
       line-height: 1.3 !important;
   }

   /* Wrapper titre + prix en colonne (Figma) */
   .custom-product-inner .product-info .product-title-price {
       display: flex !important;
       flex-direction: column !important;
       align-items: flex-start !important;
       gap: 2px !important;
       margin-bottom: 6px !important;
   }

   /* Titre produit — 2 lignes max */
   .custom-product-inner .product-info .product-title {
       font-family: var(--bd-font-primary) !important;
       font-weight: 600 !important;
       font-size: 15px !important;
       line-height: 1.4 !important;
       color: var(--bd-black) !important;
       text-decoration: none !important;
       display: -webkit-box !important;
       -webkit-line-clamp: 2 !important;
       -webkit-box-orient: vertical !important;
       overflow: hidden !important;
       min-height: 42px !important;
       margin-bottom: 0 !important;
       transition: color 0.2s ease !important;
       word-break: break-word !important;
   }

   .custom-product-inner .product-info .product-title:hover {
       color: var(--bd-violet) !important;
   }

   /* Prix — à droite du titre, même ligne */
   .custom-product-inner .product-info .product-price {
       font-family: var(--bd-font-primary) !important;
       font-size: 18px !important;
       font-weight: 700 !important;
       color: var(--bd-black) !important;
       min-height: auto !important;
       margin-bottom: 0 !important;
       line-height: 1.3 !important;
       flex-shrink: 0 !important;
       white-space: nowrap !important;
   }

   .custom-product-inner .product-info .product-price del {
       font-size: 13px !important;
       color: var(--bd-gray-400) !important;
       font-weight: 400 !important;
       margin-right: 6px !important;
   }

   .custom-product-inner .product-info .product-price ins {
       text-decoration: none !important;
   }

   .custom-product-inner .product-info .product-price .woocommerce-Price-amount {
       font-size: inherit !important;
       font-weight: inherit !important;
   }

   /* Description courte — coupée à 135 chars côté PHP, pas de troncage CSS */
   .custom-product-inner .product-info .product-desc {
       font-family: var(--bd-font-secondary) !important;
       font-size: 13px !important;
       line-height: 1.5 !important;
       color: var(--bd-gray-500) !important;
       margin: 0 0 16px 0 !important;
       min-height: 58px !important;
   }

   /* Bouton ajouter au panier — outline style (Figma) */
   .custom-product-inner .product-info .add-to-cart {
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       background: transparent !important;
       color: var(--bd-black) !important;
       border: 1.5px solid var(--bd-gray-200) !important;
       border-radius: 10px !important;
       padding: 12px 24px !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 14px !important;
       font-weight: 500 !important;
       text-decoration: none !important;
       transition: all 0.2s ease !important;
       cursor: pointer !important;
       margin-top: auto !important;
       width: 100% !important;
   }

   .custom-product-inner .product-info .add-to-cart:hover {
       background: var(--bd-black) !important;
       border-color: var(--bd-black) !important;
       color: var(--bd-white) !important;
   }

   /* ---- WooCommerce default product styles (fallback) ---- */
   ul.products li.product .woocommerce-loop-product__title {
       font-family: var(--bd-font-primary) !important;
       font-weight: 600 !important;
       font-size: 15px !important;
       color: var(--bd-black) !important;
       margin: 0 0 6px !important;
       line-height: 1.4 !important;
   }

   ul.products li.product .price {
       font-family: var(--bd-font-primary) !important;
       font-size: 18px !important;
       font-weight: 700 !important;
       color: var(--bd-black) !important;
       margin-bottom: 8px !important;
       display: block !important;
   }

   ul.products li.product .price del {
       font-size: 13px !important;
       color: var(--bd-gray-400) !important;
       font-weight: 400 !important;
   }

   ul.products li.product .price ins,
   ul.products li.product .price > .amount {
       font-size: 18px !important;
       font-weight: 700 !important;
       color: var(--bd-black) !important;
       text-decoration: none !important;
   }

   ul.products li.product .button,
   .woocommerce ul.products li.product .button,
   ul.products li.product .add_to_cart_button {
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       background: transparent !important;
       color: var(--bd-black) !important;
       border: 1.5px solid var(--bd-gray-200) !important;
       border-radius: 10px !important;
       padding: 12px 24px !important;
       font-family: var(--bd-font-primary) !important;
       font-weight: 500 !important;
       font-size: 14px !important;
       width: 100% !important;
       margin-top: auto !important;
       transition: all 0.2s ease !important;
       text-decoration: none !important;
       cursor: pointer !important;
   }

   ul.products li.product .button:hover,
   ul.products li.product .add_to_cart_button:hover {
       background: var(--bd-black) !important;
       border-color: var(--bd-black) !important;
       color: var(--bd-white) !important;
   }

   /* Image produit WC default */
   ul.products li.product .product-thumbnail,
   ul.products li.product > a img,
   .woocommerce ul.products li.product a img {
       background: transparent !important;
       width: auto !important;
       height: auto !important;
       max-width: 80% !important;
       max-height: 80% !important;
       object-fit: contain !important;
       padding: 0 !important;
       border-radius: 12px !important;
   }

   /* Rating etoiles */
   ul.products li.product .star-rating,
   .woocommerce ul.products li.product .star-rating {
       display: flex !important;
       margin: 8px 0 6px !important;
       font-size: 13px !important;
   }

   ul.products li.product .star-rating span::before {
       color: #FFB800 !important;
   }

   /* Wishlist global — wrapper positionné en overlay sur toutes les cartes produit */
   ul.products li.product .yith-add-to-wishlist-button-block,
   ul.products li.product .yith-wcwl-add-to-wishlist {
       position: absolute !important;
       top: 12px !important;
       right: 12px !important;
       left: auto !important;
       bottom: auto !important;
       z-index: 10 !important;
       width: 36px !important;
       height: 36px !important;
       margin: 0 !important;
       padding: 0 !important;
       opacity: 1 !important;
   }

   /* Wishlist global — bouton cercle blanc */
   .yith-wcwl-add-to-wishlist-button,
   ul.products li.product .add_to_wishlist,
   .yith-wcwl-add-to-wishlist-button--added,
   .yith-wcwl-add-to-wishlist-button--custom-button {
       z-index: 10 !important;
       background: var(--bd-white) !important;
       border: none !important;
       border-radius: 50% !important;
       width: 36px !important;
       height: 36px !important;
       padding: 0 !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;
       cursor: pointer !important;
   }

   /* Responsive product card — mobile */
   @media (max-width: 767px) {
       .custom-product-inner .product-info .product-title {
           font-size: 14px !important;
           min-height: 40px !important;
       }

       .custom-product-inner .product-info .product-price {
           font-size: 16px !important;
       }

       .custom-product-inner .product-info .product-desc {
           font-size: 12px !important;
       }

       .custom-product-inner .product-info .add-to-cart {
           padding: 12px 20px !important;
           font-size: 13px !important;
       }
   }

   /* Responsive product card — petit mobile */
   @media (max-width: 480px) {
       .custom-product-inner .product-info .brand {
           font-size: 12px !important;
       }

       .custom-product-inner .product-info .product-title {
           font-size: 14px !important;
           min-height: 40px !important;
           display: -webkit-box !important;
           -webkit-line-clamp: 2 !important;
           -webkit-box-orient: vertical !important;
           overflow: hidden !important;
       }

       .custom-product-inner .product-info .product-price {
           font-size: 16px !important;
       }

       .custom-product-inner .product-info .product-desc {
           min-height: 39px !important;
       }

       .custom-product-inner .product-info .add-to-cart {
           padding: 12px 16px !important;
           font-size: 13px !important;
           border-radius: 10px !important;
       }
   }

   /* ===========================================
      5. CATEGORIES VEDETTES - 3 cartes
      =========================================== */

   .category-cards {
       display: grid !important;
       grid-template-columns: repeat(3, 1fr) !important;
       gap: 23px !important;
   }

   .category-card {
       height: 256px !important;
       border-radius: 8px !important;
       overflow: hidden !important;
       position: relative !important;
   }

   .category-card .card-title {
       font-family: var(--bd-font-primary) !important;
       font-weight: 600 !important;
       font-size: 24px !important;
       padding: 40px !important;
       position: absolute !important;
       top: 0 !important;
       left: 0 !important;
   }

   .category-card .card-image {
       position: absolute !important;
       bottom: 0 !important;
       right: 0 !important;
       max-width: 60% !important;
   }

   /* ===========================================
      6. FOOTER - Full width violet
      =========================================== */

   .site-footer,
   footer.site-footer {
       background: var(--bd-violet) !important;
       color: var(--bd-white) !important;
       width: 100vw !important;
       margin-left: calc(-50vw + 50%) !important;
       padding: 60px 20px 20px !important;
   }

   /* Container principal du footer */
   .site-footer .footer-top,
   footer.site-footer .footer-top,
   .footer-top {
       max-width: 2440px !important;
       margin: 0 auto !important;
       padding: 0 !important;
       display: grid !important;
       grid-template-columns: 1fr 1fr 1fr !important;
       gap: 80px !important;
       margin-bottom: 40px !important;
   }

   /* Logo et réseaux sociaux */
   .footer-logo-social,
   .footer-branding {
       display: flex !important;
       flex-direction: column !important;
       gap: 24px !important;
   }

   .footer-logo img,
   .footer-logo .custom-logo,
   .footer-logo-image {
       max-width: 200px !important;
       height: auto !important;
   }

   .footer-tagline {
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       line-height: 1.6 !important;
       color: rgba(255,255,255,0.8) !important;
   }

   .footer-social {
       display: flex !important;
       gap: 16px !important;
   }

   .footer-social a {
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       width: 40px !important;
       height: 40px !important;
       background: rgba(255,255,255,0.1) !important;
       border-radius: 50% !important;
       transition: all 0.3s ease !important;
   }

   .footer-social a:hover {
       background: rgba(255,255,255,0.2) !important;
       transform: translateY(-2px) !important;
   }

   .footer-social svg {
       width: 20px !important;
       height: 20px !important;
   }

   /* Colonnes catégories et support */
   .footer-categories,
   .footer-support {
       display: flex !important;
       flex-direction: column !important;
   }

   .footer-categories h4,
   .footer-support h4,
   .site-footer h3,
   .site-footer h4,
   .site-footer .widget-title {
       color: var(--bd-white) !important;
       font-family: var(--bd-font-primary) !important;
       font-weight: 600 !important;
       font-size: 18px !important;
       margin: 0 0 24px 0 !important;
   }

   /* Liste des catégories en 2 colonnes */
   .footer-categories ul {
       list-style: none !important;
       padding: 0 !important;
       margin: 0 !important;
       display: grid !important;
       grid-template-columns: 1fr 1fr !important;
       gap: 12px 24px !important;
   }

   /* Support en 1 colonne */
   .footer-support ul,
   .site-footer ul {
       list-style: none !important;
       padding: 0 !important;
       margin: 0 !important;
       display: flex !important;
       flex-direction: column !important;

   }

   .footer-categories ul li,
   .footer-support ul li,
   .site-footer ul li {
       margin-bottom: 0 !important;
   }

   .footer-categories a,
   .footer-support a,
   .site-footer a {
       color: rgba(255,255,255,0.8) !important;
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       text-decoration: none !important;
       transition: all 0.3s ease !important;

   }

   .footer-categories a:hover,
   .footer-support a:hover,
   .site-footer a:hover {
       color: var(--bd-white) !important;
       transform: translateX(4px) !important;
   }

/* Categories en 2 colonnes - deja gere par grid ci-dessus */

   /* Footer bottom */
   .footer-bottom {
       border-top: 1px solid rgba(255,255,255,0.1) !important;
       padding: 24px 112px !important;
       text-align: center !important;
   }

   .footer-bottom p {
       margin: 0 !important;
       font-family: var(--bd-font-secondary) !important;
       font-size: 13px !important;
       color: rgba(255,255,255,0.6) !important;
   }

   .footer-bottom a {
       color: rgba(255,255,255,0.8) !important;
       text-decoration: none !important;
   }

   .footer-bottom a:hover {
       color: var(--bd-white) !important;
       transform: none !important;
   }

   /* === RESPONSIVE FOOTER === */

   /* Tablette */
   @media (max-width: 991px) {
       .site-footer .footer-top,
       footer.site-footer .footer-top,
       .footer-top {
           grid-template-columns: 1fr 1fr !important;
           gap: 40px !important;
           padding: 0 !important;
       }

       .site-footer,
       footer.site-footer {
           padding: 40px 40px 20px !important;
       }

       .footer-logo-social {
           grid-column: 1 / -1 !important;
       }

       .footer-bottom {
           padding: 24px 0 !important;
       }

       /* Catégories restent en 2 colonnes sur tablette */
       .footer-categories ul {
           grid-template-columns: 1fr 1fr !important;
       }
   }

   /* Mobile */
   @media (max-width: 767px) {
       .site-footer,
       footer.site-footer {
           padding: 40px 20px 20px !important;
       }

       .site-footer .footer-top,
       footer.site-footer .footer-top,
       .footer-top {
           grid-template-columns: 1fr !important;
           gap: 32px !important;
           padding: 0 !important;
           margin-bottom: 32px !important;
       }

       .footer-logo img {
           max-width: 160px !important;
       }

       /* Catégories en 1 seule colonne sur mobile */
       .footer-categories ul {
           grid-template-columns: 1fr !important;
           gap: 12px !important;
       }

       .footer-bottom {
           padding: 20px 0 !important;
       }
   }

   /* ===========================================
      7. RESPONSIVE
      =========================================== */

   @media (max-width: 1199px) {
       /* Grille produits hors carousel */
       ul.products:not(.bd-featured-products ul.products) {
           grid-template-columns: repeat(3, 1fr) !important;
       }

       .category-cards {
           grid-template-columns: repeat(2, 1fr) !important;
       }

       .header-v8 .navbar-search {
           max-width: 400px !important;
           margin: 0 20px !important;
       }
   }

   @media (max-width: 991px) {
       /* Grille produits hors carousel */
       ul.products:not(.bd-featured-products ul.products) {
           grid-template-columns: repeat(2, 1fr) !important;
       }

       .bd-featured-header {
           flex-direction: column !important;
       }

       .bd-featured-header h2 {
           font-size: 28px !important;
           max-width: 100% !important;
       }

       /* Slider responsive tablette */
       .slider-item {
           flex-direction: column !important;
           text-align: center !important;
       }

       .slider-content {
           max-width: 100% !important;
           align-items: center !important;
       }

       .slider-title {
           font-size: 28px !important;
       }

       .slider-price .price-integer {
           font-size: 48px !important;
       }

       .slider-price .price-decimal,
       .slider-price .price-currency {
           font-size: 22px !important;
       }

       .slider-image {
           order: -1 !important;
           margin-bottom: 20px !important;
       }

       .header-v8 .navbar-search {
           max-width: 300px !important;
       }

       .header-v8 .off-canvas-toggle {
           display: block !important;
           color: var(--bd-white) !important;
       }

   }

   @media (max-width: 767px) {
       /* Grille produits hors carousel */
       ul.products:not(.bd-featured-products ul.products) {
           grid-template-columns: 1fr !important;
       }

       .category-cards {
           grid-template-columns: 1fr !important;
       }

       /* Slider responsive mobile */
       .custom-product-slider {
           padding: 20px !important;
           min-height: auto !important;
       }

       .slider-title {
           font-size: 24px !important;
       }

       .slider-headline {
           font-size: 16px !important;
       }

       .slider-price .price-integer {
           font-size: 40px !important;
       }

       .slider-price .price-decimal,
       .slider-price .price-currency {
           font-size: 18px !important;
           top: 4px !important;
       }

       .slider-btn {
           min-width: 100% !important;
       }

       .slider-image img {
           max-height: 250px !important;
       }

       .header-v8 .navbar-search {
           flex: 1 !important;
           max-width: none !important;
           margin: 0 8px !important;
       }

       .header-v8 .navbar-search .search-field {
           font-size: 14px !important;
           height: 38px !important;
       }

       .header-v8 .navbar-search .input-group-btn .btn {
           min-width: 38px !important;
           height: 38px !important;
           padding: 0 10px !important;
       }

       .header-v8 .navbar-search .input-group-btn .btn::after {
           content: "" !important;
       }

       .header-v8 .navbar-search .input-group-btn .btn i {
           display: inline-block !important;
       }

       .site-footer .container {
           padding: 0 20px !important;
       }
   }

   /* ===========================================
      8. HOMEPAGE LAYOUT (Post-WPBakery)
      =========================================== */

   /* Homepage hero — pas de z-index élevé pour éviter les conflits */
   .bd-homepage-hero {
       position: relative;
   }

   /* Section title spacing */
   .bd-homepage-hero + .bd-featured-products {
       margin-top: 40px !important;
   }

   /* =============================================
      HOMEPAGE TEMPLATE — Override theme parent
      ============================================= */

   /* Le theme parent Electro force width: calc(100% - 300px) sur .content-area
      quand il detecte une sidebar. On override pour la homepage custom. */
   body.page-template-template-homepage-bd .content-area,
   body.page-template-template-homepage-bd #primary {
       width: 100% !important;
       max-width: 100% !important;
       flex: 1 1 100% !important;
       float: none !important;
   }

   /* Masquer la sidebar Electro sur la homepage custom (on a notre propre sidebar) */
   body.page-template-template-homepage-bd #secondary,
   body.page-template-template-homepage-bd .sidebar-shop,
   body.page-template-template-homepage-bd .shop-sidebar {
       display: none !important;
   }

   /* Container pleine largeur */
   body.page-template-template-homepage-bd .site-content-inner {
       display: block !important;
   }

   /* =============================================
      SWIPER HERO — Boutons navigation prev/next
      ============================================= */
   .custom-product-slider .swiper-button-prev,
   .custom-product-slider .swiper-button-next {
       width: 40px !important;
       height: 40px !important;
       background-color: var(--bd-gray-700) !important;
       border: none !important;
       border-radius: 50% !important;
       box-shadow: none !important;
       opacity: 0.7 !important;
       transition: all 0.2s ease !important;
       background-repeat: no-repeat !important;
       background-position: center !important;
       background-size: 18px 18px !important;
   }

   .custom-product-slider .swiper-button-prev {
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
   }

   .custom-product-slider .swiper-button-next {
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
   }

   .custom-product-slider .swiper-button-prev:hover,
   .custom-product-slider .swiper-button-next:hover {
       opacity: 1 !important;
   }

   /* Cacher le chevron texte par défaut de Swiper */
   .custom-product-slider .swiper-button-prev::after,
   .custom-product-slider .swiper-button-next::after {
       display: none !important;
       content: "" !important;
   }

   /* =============================================
      CAROUSEL PRODUITS — Fix overflow pour boutons
      ============================================= */
   .bd-featured-products {
       overflow: visible !important;
   }

   /* =============================================
      BOUTONS AJOUTER AU PANIER — Override violet du theme parent
      Spécificité maximale avec body.bd-custom-theme
      ============================================= */
   body.bd-custom-theme .woocommerce ul.products li.product a.button:hover,
   body.bd-custom-theme .woocommerce ul.products li.product .add_to_cart_button:hover,
   body.bd-custom-theme ul.products li.product a.button:hover,
   body.bd-custom-theme ul.products li.product .add_to_cart_button:hover,
   body.bd-custom-theme .custom-product-inner .product-info .add-to-cart:hover,
   body.bd-custom-theme .bd-featured-products ul.products li.product .button:hover,
   body.bd-custom-theme .bd-featured-products ul.products li.product .add_to_cart_button:hover,
   body.bd-custom-theme .owl-item .product .button:hover,
   body.bd-custom-theme .owl-item .product .add_to_cart_button:hover,
   body.bd-custom-theme .owl-item .product a.button:hover,
   body.bd-custom-theme .products-carousel .product .button:hover,
   body.bd-custom-theme .products-carousel .product .add_to_cart_button:hover,
   body.bd-custom-theme .bd-similar-products ul.products li.product .button:hover,
   body.bd-custom-theme .bd-similar-products ul.products li.product .add_to_cart_button:hover,
   body.bd-custom-theme .section-products-carousel ul.products li.product .button:hover,
   body.bd-custom-theme .section-products-carousel ul.products li.product .add_to_cart_button:hover,
   body.bd-custom-theme .section-products-carousel-tabs ul.products li.product .button:hover,
   body.bd-custom-theme .section-products-carousel-tabs ul.products li.product .add_to_cart_button:hover,
   body.bd-custom-theme a.button.product_type_simple:hover,
   body.bd-custom-theme a.button.add_to_cart_button:hover,
   body.bd-custom-theme .columns-4 ul.products li.product a.button:hover,
   body.bd-custom-theme .columns-4 ul.products li.product .add_to_cart_button:hover,
   body.bd-custom-theme .products .product .button:hover,
   body.bd-custom-theme .products .product .add_to_cart_button:hover {
       background: var(--bd-black) !important;
       border-color: var(--bd-black) !important;
       color: var(--bd-white) !important;
   }

   /* Override encore plus spécifique pour les carrousels Electro */
   body.bd-custom-theme .section-products-carousel .owl-item .product a.button:hover,
   body.bd-custom-theme .section-products-carousel .owl-item .product .add_to_cart_button:hover,
   body.bd-custom-theme .section-products-carousel-tabs .owl-item .product a.button:hover,
   body.bd-custom-theme .section-products-carousel-tabs .owl-item .product .add_to_cart_button:hover,
   body.bd-custom-theme .products-carousel-wrapper .owl-item .product a.button:hover,
   body.bd-custom-theme .products-carousel-wrapper .owl-item .product .add_to_cart_button:hover {
       background: var(--bd-black) !important;
       border-color: var(--bd-black) !important;
       color: var(--bd-white) !important;
   }

   /* Supprimer complètement le ::before Redux (icône violet/noir au hover) — pas dans le Figma */
   body.bd-custom-theme li.product .button::before,
   body.bd-custom-theme li.product .added_to_cart::before,
   body.bd-custom-theme .owl-item .product .button::before,
   body.bd-custom-theme .owl-item .product .added_to_cart::before,
   body.bd-custom-theme .products .product .button::before,
   body.bd-custom-theme .products .product .added_to_cart::before,
   body.bd-custom-theme .products.show-btn > li.product .button::before,
   body.bd-custom-theme .products.show-btn > li.product .added_to_cart::before {
       display: none !important;
   }

   /* Désactiver le hover "popup" Electro sur les cartes produit */
   body.bd-custom-theme .products > .product:hover .product-inner,
   body.bd-custom-theme .owl-item > .product:hover .product-inner {
       position: relative !important;
       box-shadow: none !important;
   }

   body.bd-custom-theme .products > .product .hover-area,
   body.bd-custom-theme .owl-item > .product .hover-area {
       display: none !important;
   }

   /* Images produit en contain — tous contextes */
   body.bd-custom-theme .products .product img.attachment-woocommerce_thumbnail,
   body.bd-custom-theme .products .product img.wp-post-image,
   body.bd-custom-theme .owl-item .product img.attachment-woocommerce_thumbnail,
   body.bd-custom-theme .owl-item .product img.wp-post-image,
   body.bd-custom-theme .product-thumbnail img {
       object-fit: contain !important;
       width: auto !important;
       height: auto !important;
       max-width: 80% !important;
       max-height: 80% !important;
       padding: 0 !important;
   }

   /* Suppression visuelle du fond blanc des images produit */
   body.bd-custom-theme .products .product img.attachment-woocommerce_thumbnail,
   body.bd-custom-theme .products .product img.wp-post-image,
   body.bd-custom-theme .owl-item .product img.attachment-woocommerce_thumbnail,
   body.bd-custom-theme .owl-item .product img.wp-post-image,
   body.bd-custom-theme .custom-product-inner .product-image img,
   body.bd-custom-theme .product-thumbnail img {
       mix-blend-mode: multiply !important;
   }

   /* Homepage : Sidebar et Slider layout desktop — à partir de 1200px */
   @media (min-width: 1200px) {
       /* Container en flex — stretch pour aligner sidebar et slider en hauteur */
       .bd-homepage-hero .bd-hero-container {
           display: flex !important;
           align-items: stretch !important;
           overflow: visible !important;
           gap: 24px !important;
       }

       /* Sidebar — visible, largeur fixe, hauteur naturelle, au-dessus du slider */
       .bd-hero-sidebar {
           display: block !important;
           overflow: visible !important;
           flex: 0 0 280px !important;
           width: 280px !important;
           position: relative !important;
           z-index: 100 !important;
       }

       /* Sidebar wrapper — fond blanc, overflow visible pour le mega menu */
       .bd-hero-sidebar .bd-categories-sidebar,
       .bd-hero-sidebar .bd-categories-sidebar.departments-menu-v2,
       .bd-hero-sidebar .departments-menu-v2 {
           background: var(--bd-white) !important;
           border-radius: 12px !important;
           border: 1px solid var(--bd-gray-200) !important;
           overflow: visible !important;
       }

       /* Header orange : compact */
       .bd-hero-sidebar .sidebar-header,
       .bd-hero-sidebar .sidebar-header.departments-menu-v2-title {
           border-radius: 0 !important;
       }

       /* Menu catégories : hauteur auto naturelle */
       .bd-hero-sidebar .dropdown-menu.yamm.bd-mega-menu {
           margin: 0 !important;
           padding: 0 !important;
           background: var(--bd-white) !important;
       }

       /* Slider — prend le reste de la largeur, flex column pour pousser les bannières en bas */
       .bd-hero-slider {
           flex: 1 !important;
           min-width: 0 !important;
           overflow: visible !important;
           position: relative !important;
           z-index: 1 !important;
           display: flex !important;
           flex-direction: column !important;
       }

       /* Swiper doit prendre toute la largeur du parent flex sans s'étirer en hauteur */
       .bd-hero-slider .custom-product-slider {
           width: 100% !important;
       }
   }

   /* En dessous de 1200px : slider pleine largeur, pas de sidebar */
   @media (max-width: 1199px) {
       .bd-homepage-hero .bd-hero-container {
           flex-direction: column !important;
           gap: 20px !important;
       }

       .bd-hero-slider {
           width: 100% !important;
       }
   }

   /* ===========================================
      8b. BANNIERES PROMO (sous le slider hero)
      =========================================== */

   .bd-promo-banners {
       display: grid !important;
       grid-template-columns: repeat(3, 1fr) !important;
       gap: 16px !important;
       margin-top: auto !important;
   }

   .bd-promo-banner {
       display: flex !important;
       align-items: center !important;
       justify-content: space-between !important;
       padding: 20px 24px !important;
       border-radius: 12px !important;
       color: #fff !important;
       text-decoration: none !important;
       transition: opacity 0.2s ease, transform 0.2s ease !important;
       min-height: 80px !important;
   }

   .bd-promo-banner:hover {
       opacity: 0.9 !important;
       transform: translateY(-2px) !important;
       color: #fff !important;
       text-decoration: none !important;
   }

   .bd-promo-text {
       font-family: var(--bd-font-primary) !important;
       font-size: 15px !important;
       font-weight: 400 !important;
       line-height: 1.4 !important;
       color: #fff !important;
   }

   .bd-promo-text strong {
       font-weight: 700 !important;
       display: block !important;
       font-size: 18px !important;
   }

   .bd-promo-arrow {
       flex-shrink: 0 !important;
       margin-left: 12px !important;
       color: #fff !important;
       opacity: 0.8 !important;
   }

   @media (max-width: 767px) {
       .bd-promo-banners {
           grid-template-columns: 1fr !important;
           gap: 10px !important;
       }

       .bd-promo-banner {
           padding: 16px 20px !important;
           min-height: 60px !important;
       }
   }

   @media (min-width: 768px) and (max-width: 991px) {
       .bd-promo-text {
           font-size: 13px !important;
       }

       .bd-promo-text strong {
           font-size: 15px !important;
       }
   }

   /* ===========================================
      8c. SECTION NOS MARQUES
      =========================================== */

   .bd-brand-slider {
       padding: 48px 0 60px !important;
       max-width: 1216px !important;
       margin: 0 auto !important;
       text-align: center !important;
   }

   .bd-brand-slider .section-title {
       font-family: var(--bd-font-primary) !important;
       font-size: 28px !important;
       font-weight: 700 !important;
       color: var(--bd-black) !important;
       margin: 0 0 40px 0 !important;
       text-align: center !important;
   }

   .brand-slider-container {
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       gap: 48px !important;
       flex-wrap: wrap !important;
   }

   .brand-slider-container .brand-item {
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       text-decoration: none !important;
   }

   .brand-slider-container .brand-item img {
       height: 32px !important;
       width: auto !important;
       max-width: 120px !important;
       object-fit: contain !important;
       filter: grayscale(100%) !important;
       opacity: 0.6 !important;
       transition: all 0.3s ease !important;
   }

   .brand-slider-container .brand-item:hover img {
       filter: grayscale(0%) !important;
       opacity: 1 !important;
   }

   /* Footer duplicate brands section */
   .shop-brands {
       display: none !important;
   }

   @media (max-width: 767px) {
       .bd-brand-slider {
           padding: 32px 16px 40px !important;
       }

       .bd-brand-slider .section-title {
           font-size: 22px !important;
           margin-bottom: 24px !important;
       }

       .brand-slider-container {
           gap: 24px !important;
       }

       .brand-slider-container .brand-item img {
           height: 24px !important;
           max-width: 80px !important;
       }
   }

   /* ===========================================
      BREADCRUMB PAGE CATALOGUE
      =========================================== */

   .bd-breadcrumb {
       font-family: var(--bd-font-secondary) !important;
       font-size: 13px !important;
       color: var(--bd-gray-500) !important;
       margin-bottom: 8px !important;
       line-height: 1.4 !important;
   }

   .bd-breadcrumb a {
       color: var(--bd-gray-500) !important;
       text-decoration: none !important;
       transition: color 0.2s ease !important;
   }

   .bd-breadcrumb a:hover {
       color: var(--bd-violet) !important;
   }

   .bd-breadcrumb .sep {
       margin: 0 6px !important;
       color: var(--bd-gray-400) !important;
   }

   /* ===========================================
      BARRE FILTRE/TRI AU-DESSUS DE LA GRILLE
      =========================================== */

   .shop-filter-bar {
       display: flex !important;
       justify-content: space-between !important;
       align-items: center !important;
       margin-bottom: 24px !important;
       gap: 16px !important;
       flex-wrap: wrap !important;
   }

   .filter-bar-left {
       display: flex !important;
       gap: 12px !important;
       align-items: center !important;
   }

   .filter-bar-right {
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       color: var(--bd-gray-500) !important;
   }

   /* Masquer le label p.woocommerce-result-count s'il est dans .filter-bar-right */
   .filter-bar-right .woocommerce-result-count {
       margin: 0 !important;
       padding: 0 !important;
   }

   /* Style des selects WooCommerce natifs comme boutons pill */
   .shop-filter-bar .woocommerce-ordering {
       margin: 0 !important;
   }

   .shop-filter-bar .woocommerce-ordering select,
   .shop-filter-bar select {
       -webkit-appearance: none !important;
       -moz-appearance: none !important;
       appearance: none !important;
       background: var(--bd-white) !important;
       border: 1.5px solid var(--bd-gray-200) !important;
       border-radius: 8px !important;
       padding: 10px 36px 10px 16px !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 14px !important;
       font-weight: 500 !important;
       color: var(--bd-black) !important;
       cursor: pointer !important;
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23414651' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
       background-repeat: no-repeat !important;
       background-position: right 12px center !important;
       transition: border-color 0.2s ease !important;
   }

   .shop-filter-bar .woocommerce-ordering select:hover,
   .shop-filter-bar select:hover {
       border-color: var(--bd-gray-400) !important;
   }

   .shop-filter-bar .woocommerce-ordering select:focus,
   .shop-filter-bar select:focus {
       outline: none !important;
       border-color: var(--bd-violet) !important;
   }

   /* Supprimer l'ancien .shop-product-count (remplacé par .filter-bar-right) */
   .shop-product-count {
       display: none !important;
   }

   /* ===========================================
      PAGE CATALOGUE & FILTRES (Figma Design)
      =========================================== */

   /* Container principal de la page shop */
   .custom-electro-shop {
       display: flex !important;
       gap: 32px !important;
       max-width: 1440px !important;
       margin: 40px auto !important;
       padding: 0 32px !important;
   }

   /* Sidebar filtres à gauche */
   .shop-sidebar {
       flex: 0 0 280px !important;
       width: 280px !important;
       display: block !important;
       visibility: visible !important;
   }

   /* Main content (produits) à droite */
   .shop-main-content {
       flex: 1 !important;
   }

   /* Titre de la page */
   .shop-title {
       font-family: var(--bd-font-primary) !important;
       font-size: 32px !important;
       font-weight: 600 !important;
       color: var(--bd-black) !important;
       margin: 0 0 8px !important;
   }

   /* Compteur de résultats */
   .shop-product-count {
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       color: var(--bd-gray-500) !important;
       margin-bottom: 24px !important;
   }

   /* === SIDEBAR FILTRES === */

   /* === WIDGET CATÉGORIES (Style orange) === */

   #electro_product_categories_widget-1,
   .shop-sidebar .widget_product_categories,
   .shop-sidebar .electro_product_categories_widget-1 {
       background: var(--bd-white) !important;
       border: 1px solid var(--bd-gray-200) !important;
       border-radius: 8px !important;
       overflow: hidden !important;
       padding: 0 !important;
       margin-bottom: 32px !important;

   }

   .widget_product_categories .product-categories{
       border:none;
   }

   /* Header orange avec icône hamburger */
   #electro_product_categories_widget-1 .widget-title,
   .shop-sidebar .widget_product_categories .widget-title,
   .shop-sidebar .electro_product_categories_widget-1 .widget-title {
       background: var(--bd-orange) !important;
       color: var(--bd-white) !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 16px !important;
       font-weight: 600 !important;
       padding: 16px 20px !important;
       margin: 0 !important;
       border-radius: 8px 8px 0 0 !important;
       display: flex !important;
       align-items: center !important;
       gap: 12px !important;
       position: relative !important;
   }

   /* Icône hamburger */
   #electro_product_categories_widget-1 .widget-title::before,
   .shop-sidebar .widget_product_categories .widget-title::before,
   .shop-sidebar .electro_product_categories_widget-1 .widget-title::before {
       content: "☰" !important;
       font-size: 20px !important;
       font-weight: normal !important;
       color: var(--bd-white) !important;
       display: inline-block !important;
   }

   /* Liste des catégories */
   #electro_product_categories_widget-1 ul,
   .shop-sidebar .widget_product_categories ul,
   .shop-sidebar .electro_product_categories_widget-1 ul {
       list-style: none !important;
       padding: 0 !important;
       margin: 0 !important;
       background: var(--bd-white);
   }

   #electro_product_categories_widget-1 ul li,
   .shop-sidebar .widget_product_categories ul li,
   .shop-sidebar .electro_product_categories_widget-1 ul li {
       border-bottom: 1px solid var(--bd-gray-200) !important;
       margin-bottom: 0 !important;
   }

   #electro_product_categories_widget-1 ul li:last-child,
   .shop-sidebar .widget_product_categories ul li:last-child,
   .shop-sidebar .electro_product_categories_widget-1 ul li:last-child {
       border-bottom: none !important;
   }

   /* Liens des catégories */
   #electro_product_categories_widget-1 ul li a,
   .shop-sidebar .widget_product_categories ul li a,
   .shop-sidebar .electro_product_categories_widget-1 ul li a {
       display: flex !important;
       align-items: center !important;
       justify-content: space-between !important;
       padding: 12px 16px !important;
       color: var(--bd-gray-700);
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       text-decoration: none !important;
       transition: all 0.2s ease !important;
       background: transparent !important;
   }

   #electro_product_categories_widget-1 ul li a:hover,
   .shop-sidebar .widget_product_categories ul li a:hover,
   .shop-sidebar .electro_product_categories_widget-1 ul li a:hover {
       background: #f9f9f9 !important;
       color: var(--bd-violet) !important;
   }

   /* Compteur de produits */
   #electro_product_categories_widget-1 .count,
   .shop-sidebar .widget_product_categories .count,
   .shop-sidebar .electro_product_categories_widget-1 .count,
   .show-all-cat-dropdown .count,
   li.cat-item .count {
       font-size: 12px !important;
       color: var(--bd-gray-500) !important;
       background: #f0f0f0 !important;
       padding: 2px 8px !important;
       border-radius: 12px !important;
       margin-left: auto !important;
       display: inline-block !important;
       min-width: 20px !important;
       text-align: center !important;
   }

   /* Catégorie active */
   #electro_product_categories_widget-1 li.current-cat > a,
   .shop-sidebar .widget_product_categories li.current-cat > a,
   .shop-sidebar .electro_product_categories_widget-1 li.current-cat > a {
       color: var(--bd-violet) !important;
       font-weight: 600 !important;
       background: #f9f9f9 !important;
   }

   /* Sous-catégories */
   #electro_product_categories_widget-1 ul.children,
   .shop-sidebar .widget_product_categories ul.children,
   .shop-sidebar .electro_product_categories_widget-1 ul.children {
       background: #f9f9f9 !important;
   }

   #electro_product_categories_widget-1 ul.children li a,
   .shop-sidebar .widget_product_categories ul.children li a,
   .shop-sidebar .electro_product_categories_widget-1 ul.children li a {
       padding-left: 32px !important;
       font-size: 13px !important;
       color: var(--bd-gray-600) !important;
   }

   /* === AUTRES WIDGETS DE FILTRES === */

   /* Titre de section de filtre (pour les autres widgets) */
   .shop-sidebar .widget-title,
   .shop-sidebar h3,
   .shop-sidebar h4 {
       font-family: var(--bd-font-primary) !important;
       font-size: 18px !important;
       font-weight: 600 !important;
       color: var(--bd-black) !important;
       margin: 0 0 16px !important;
       padding: 0 !important;
       background: transparent !important;
   }

   /* Widget de filtre standard */
   .shop-sidebar .widget {
       background: transparent !important;
       border: none !important;
       padding: 0 0 32px !important;
       margin-bottom: 32px !important;
       border-bottom: 1px solid var(--bd-gray-200) !important;
   }

   .shop-sidebar .widget:last-child {
       border-bottom: none !important;
       margin-bottom: 0 !important;
   }

   /* Liste de filtres */
   .shop-sidebar ul {
       list-style: none !important;
       padding: 0 !important;
       margin: 0 !important;
   }

   .shop-sidebar ul li {
       margin-bottom: 12px !important;
   }

   .shop-sidebar ul li:last-child {
       margin-bottom: 0 !important;
   }

   /* Labels et checkboxes */
   .shop-sidebar label {
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       color: var(--bd-gray-700) !important;
       cursor: pointer !important;
       display: flex !important;
       align-items: center !important;
       gap: 12px !important;
   }

   .shop-sidebar input[type="checkbox"],
   .shop-sidebar input[type="radio"] {
       width: 20px !important;
       height: 20px !important;
       border: 2px solid var(--bd-gray-300) !important;
       border-radius: 4px !important;
       cursor: pointer !important;
   }

   .shop-sidebar input[type="checkbox"]:checked,
   .shop-sidebar input[type="radio"]:checked {
       background: var(--bd-violet) !important;
       border-color: var(--bd-violet) !important;
   }

   .show-all-cat-dropdown{
       background: #EB5B43;
   }
   .show-all-cat-dropdown .fa-angle-up::before, .show-all-cat-dropdown .fa-angle-right::before{
       color:black;
   }

   /* Filtres de prix (range) */
   .shop-sidebar .price_slider {
       margin: 16px 0 !important;
   }

   .shop-sidebar .price_slider_amount {
       display: flex !important;
       justify-content: space-between !important;
       align-items: center !important;
       margin-top: 16px !important;
   }

   .shop-sidebar .price_slider_amount input {
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       padding: 8px 12px !important;
       border: 1px solid var(--bd-gray-200) !important;
       border-radius: 8px !important;
       width: 100px !important;
   }

   .shop-sidebar .button {
       background: var(--bd-black) !important;
       color: var(--bd-white) !important;
       border: none !important;
       border-radius: 8px !important;
       padding: 10px 20px !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 14px !important;
       font-weight: 600 !important;
       cursor: pointer !important;
       transition: all 0.3s ease !important;
   }

   .shop-sidebar .button:hover {
       background: var(--bd-violet) !important;
   }

   /* === GRILLE PRODUITS SUR PAGE CATALOGUE === */

   .shop-main-content .products-grid {
       margin-bottom: 40px !important;
   }

   /* Sur la page catalogue, 3 colonnes au lieu de 4 */
   .custom-electro-shop ul.products {
       grid-template-columns: repeat(3, 1fr) !important;
   }

   /* Pagination catalogue (Figma) */
   .shop-pagination {
       margin-top: 40px !important;
   }

   .shop-pagination .woocommerce-pagination {
       text-align: center !important;
   }

   .shop-pagination .woocommerce-pagination ul {
       display: inline-flex !important;
       justify-content: center !important;
       gap: 8px !important;
       list-style: none !important;
       padding: 0 !important;
       margin: 0 !important;
       border: none !important;
   }

   .shop-pagination .woocommerce-pagination ul li {
       margin: 0 !important;
       border: none !important;
   }

   .shop-pagination .page-numbers {
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       width: 40px !important;
       height: 40px !important;
       border-radius: 50% !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 14px !important;
       font-weight: 500 !important;
       color: var(--bd-gray-700) !important;
       text-decoration: none !important;
       transition: all 0.2s ease !important;
       border: 1.5px solid var(--bd-gray-200) !important;
       background: var(--bd-white) !important;
   }

   .shop-pagination .page-numbers.current {
       background: var(--bd-orange) !important;
       color: var(--bd-white) !important;
       border-color: var(--bd-orange) !important;
   }

   .shop-pagination .page-numbers:hover:not(.current) {
       border-color: var(--bd-violet) !important;
       color: var(--bd-violet) !important;
   }

   .shop-pagination .page-numbers.next,
   .shop-pagination .page-numbers.prev {
       font-size: 16px !important;
   }

   /* === RESPONSIVE PAGE CATALOGUE === */

   /* Très grands écrans (> 1600px) */
   @media (min-width: 1600px) {
       .custom-electro-shop {
           max-width: 1600px !important;
           gap: 40px !important;
       }

       .shop-sidebar {
           flex: 0 0 300px !important;
           width: 300px !important;
       }

       .menu-lateral-home .bd-categories-sidebar {
           width: auto !important;
       }
   }

   /* Grands écrans (1440px - 1599px) - Design principal */
   @media (min-width: 1440px) and (max-width: 1599px) {
       .custom-electro-shop {
           max-width: 1440px !important;
       }

       .shop-sidebar {
           flex: 0 0 280px !important;
           width: 280px !important;
       }
   }

   /* Écrans moyens-grands (1200px - 1439px) */
   @media (min-width: 1200px) and (max-width: 1439px) {
       .custom-electro-shop {
           max-width: 1200px !important;
           gap: 24px !important;
           padding: 0 24px !important;
       }

       .shop-sidebar {
           flex: 0 0 260px !important;
           width: 260px !important;
       }
   }

   /* Écrans moyens (992px - 1199px) */
   @media (max-width: 1199px) {
       .custom-electro-shop {
           padding: 0 20px !important;
           gap: 20px !important;
       }

       .shop-sidebar {
           flex: 0 0 240px !important;
           width: 240px !important;
       }

       .custom-electro-shop ul.products {
           grid-template-columns: repeat(2, 1fr) !important;
       }
   }

   /* Tablettes (max 991px) */
   @media (max-width: 991px) {
       .custom-electro-shop {
           flex-direction: column !important;
       }

       .shop-sidebar {
           width: 100% !important;
           margin-bottom: 32px !important;
       }

       .custom-electro-shop ul.products {
           grid-template-columns: repeat(2, 1fr) !important;
       }
   }

   /* Tablettes (max 991px) — filter bar responsive */
   @media (max-width: 991px) {
       .shop-filter-bar {
           flex-direction: column !important;
           align-items: flex-start !important;
       }

       .bd-breadcrumb {
           font-size: 12px !important;
       }
   }

   /* Mobile (max 767px) */
   @media (max-width: 767px) {
       .custom-electro-shop ul.products {
           grid-template-columns: 1fr !important;
       }

       .filter-bar-left {
           width: 100% !important;
       }

       .shop-filter-bar .woocommerce-ordering select,
       .shop-filter-bar select {
           width: 100% !important;
       }

       /* Titre + prix en colonne sur petit mobile */
       .custom-product-inner .product-info .product-title-price {
           flex-direction: column !important;
           align-items: flex-start !important;
           gap: 2px !important;
       }
   }

   /* Brand slider sur page catalogue */
   .shop-brand-slider {
       margin-top: 60px !important;
   }

   .shop-brand-slider .bd-brand-slider {
       max-width: 100% !important;
   }

   /* ===========================================
      PAGE PRODUIT (Figma Design)
      =========================================== */

   /* === LAYOUT PRINCIPAL (60/40) === */

   .bd-custom-product-page {
       max-width: 1440px !important;
       margin: 40px auto !important;
       padding: 0 32px !important;
   }

   .bd-product-layout {
       display: flex !important;
       gap: 60px !important;
       margin-bottom: 60px !important;
   }

   /* === GALERIE D'IMAGES (60% - Gauche) === */

   .bd-product-gallery {
       flex: 0 0 60% !important;
       max-width: 60% !important;
   }

   .bd-main-image {

       border-radius: 16px !important;
       overflow: hidden !important;
       margin-bottom: 16px !important;
       padding: 40px !important;
   }

   .bd-main-image img {
       width: 100% !important;
       height: auto !important;
       object-fit: contain !important;
       max-height: 600px !important;
   }

   /* Miniatures */
   .bd-gallery-thumbs {
       display: flex !important;
       gap: 12px !important;
       overflow-x: auto !important;
   }

   .bd-thumb-item {
       flex: 0 0 100px !important;
       width: 100px !important;
       height: 100px !important;
       background: #f5f5f5 !important;
       border-radius: 8px !important;
       overflow: hidden !important;
       cursor: pointer !important;
       border: 2px solid transparent !important;
       transition: all 0.3s ease !important;
   }

   .bd-thumb-item:hover {
       border-color: var(--bd-violet) !important;
   }

   .bd-thumb-item.active {
       border-color: var(--bd-violet) !important;
   }

   .bd-main-image img {
       transition: opacity 0.3s ease !important;
   }

   .bd-thumb-item img {
       width: 100% !important;
       height: 100% !important;
       object-fit: contain !important;
       padding: 10px !important;
   }

   /* === SIDEBAR INFO PRODUIT (40% - Droite) === */

   .bd-product-sidebar {
       flex: 0 0 40% !important;
       max-width: 40% !important;
   }

   /* Marque */
   .bd-product-brand {
       font-family: var(--bd-font-secondary) !important;
       font-size: 16px !important;
       color: var(--bd-gray-500) !important;
       margin-bottom: 8px !important;
   }

   /* Titre + Wishlist cœur sur la même ligne */
   .bd-title-row {
       display: flex !important;
       align-items: flex-start !important;
       gap: 16px !important;
       margin: 0 0 24px !important;
   }

   .bd-product-title {
       font-family: var(--bd-font-primary) !important;
       font-size: 32px !important;
       font-weight: 600 !important;
       color: var(--bd-black) !important;
       line-height: 1.2 !important;
       margin: 0 !important;
       flex: 1 !important;
   }

   /* Icône wishlist à côté du titre (cercle comme product cards) */
   .bd-wishlist-icon-single {
       flex-shrink: 0 !important;
       margin-top: 4px !important;
   }

   .bd-wishlist-icon-single .yith-wcwl-add-to-wishlist {
       margin: 0 !important;
   }

   .bd-wishlist-icon-single .yith-wcwl-add-to-wishlist-button,
   .bd-wishlist-icon-single .yith-wcwl-add-to-wishlist-button--custom-button {
       background: var(--bd-white) !important;
       border: 1.5px solid var(--bd-gray-200) !important;
       border-radius: 50% !important;
       width: 40px !important;
       height: 40px !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       padding: 0 !important;
       box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
       transition: all 0.3s ease !important;
   }

   .bd-wishlist-icon-single .yith-wcwl-add-to-wishlist-button:hover,
   .bd-wishlist-icon-single .yith-wcwl-add-to-wishlist-button--custom-button:hover {
       background: rgba(100,35,94,0.08) !important;
       border-color: var(--bd-violet) !important;
   }

   /* Cacher le texte, garder seulement l'icône */
   .bd-wishlist-icon-single .yith-wcwl-add-to-wishlist-button span:not(.yith-wcwl-icon) {
       display: none !important;
   }

   .bd-wishlist-icon-single .yith-wcwl-icon-svg__wrapper svg {
       width: 20px !important;
       height: 20px !important;
       stroke: var(--bd-violet) !important;
       fill: none !important;
       color: var(--bd-violet) !important;
   }

   /* État favori — cercle violet plein */
   .bd-wishlist-icon-single .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--added,
   .bd-wishlist-icon-single .yith-wcwl-add-to-wishlist-button--added {
       background: var(--bd-violet) !important;
       border-color: var(--bd-violet) !important;
       box-shadow: 0 2px 8px rgba(100,35,94,0.3) !important;
   }

   .bd-wishlist-icon-single .yith-wcwl-add-to-wishlist-button--added .yith-wcwl-icon-svg__wrapper svg {
       stroke: var(--bd-white) !important;
       fill: var(--bd-white) !important;
       color: var(--bd-white) !important;
   }

   /* Compare button - single product */
   .bd-compare-icon-single {
       flex-shrink: 0 !important;
       margin-top: 4px !important;
   }

   .bd-compare-icon-single .yith-woocompare-button,
   .bd-compare-icon-single a.compare {
       background: var(--bd-white) !important;
       border: 1.5px solid var(--bd-gray-200) !important;
       border-radius: 50% !important;
       width: 40px !important;
       height: 40px !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       padding: 0 !important;
       box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
       transition: all 0.3s ease !important;
       font-size: 0 !important;
       text-decoration: none !important;
   }

   .bd-compare-icon-single .yith-woocompare-button::before,
   .bd-compare-icon-single a.compare::before {
       content: "\f0ec" !important;
       font-family: "FontAwesome" !important;
       font-size: 16px !important;
       color: var(--bd-violet) !important;
   }

   .bd-compare-icon-single .yith-woocompare-button:hover,
   .bd-compare-icon-single a.compare:hover {
       background: var(--bd-white) !important;
       border-color: var(--bd-violet) !important;
   }

   /* Compare button - product card */
   /* Bouton Compare - Product Card — côte à côte avec le coeur wishlist */
   .bd-compare-icon-card {
       position: absolute !important;
       top: 12px !important;
       right: 54px !important;
       z-index: 10 !important;
       width: 36px !important;
       height: 36px !important;
   }

   .bd-compare-icon-card a,
   .bd-compare-icon-card button,
   .bd-compare-icon-card .yith-woocompare-button,
   .bd-compare-icon-card a.compare {
       background: var(--bd-white) !important;
       border: 1.5px solid var(--bd-gray-200) !important;
       border-radius: 50% !important;
       width: 36px !important;
       height: 36px !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       padding: 0 !important;
       box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
       transition: all 0.3s ease !important;
       font-size: 0 !important;
       line-height: 0 !important;
       text-decoration: none !important;
       text-indent: -9999px !important;
       overflow: hidden !important;
       color: transparent !important;
   }

   .bd-compare-icon-card a::before,
   .bd-compare-icon-card button::before,
   .bd-compare-icon-card .yith-woocompare-button::before,
   .bd-compare-icon-card a.compare::before {
       content: "" !important;
       display: block !important;
       width: 18px !important;
       height: 18px !important;
       text-indent: 0 !important;
       background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364235e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3h5v5'/%3E%3Cpath d='M8 21H3v-5'/%3E%3Cpath d='M21 3l-9 9'/%3E%3Cpath d='M3 21l9-9'/%3E%3C/svg%3E") !important;
       background-size: contain !important;
       background-repeat: no-repeat !important;
       background-position: center !important;
   }

   .bd-compare-icon-card a:hover,
   .bd-compare-icon-card button:hover,
   .bd-compare-icon-card .yith-woocompare-button:hover,
   .bd-compare-icon-card a.compare:hover,
   .bd-compare-icon-card a.added,
   .bd-compare-icon-card a.added:hover {
       background: var(--bd-white) !important;
       border-color: var(--bd-violet) !important;
   }

   /* === BLOC PRIX + PAIEMENT === */

   .bd-price-payment-wrapper {
           display: flex;
       border-radius: 12px !important;
       padding: 4px !important;
       margin-bottom: 24px !important;
           gap:30px;
   }

   .bd-price-block {
       margin-bottom: 16px !important;
   }

   .bd-price-display {
       display: flex !important;
       align-items: center !important;
       gap: 12px !important;
   }

   .bd-price-old {
       font-size: 20px !important;
       color: var(--bd-gray-400) !important;
       text-decoration: line-through !important;
   }

   .bd-price-current {
           font-family:"Plus Jakarta Sans";
       font-size: 32px !important;
       font-weight: 700 !important;
       color: var(--bd-black) !important;
       background: var(--bd-white) !important;

       padding: 8px 16px !important;

       display: inline-block !important;
       border: 2px solid var(--bd-orange) !important;
       border-radius: 8px !important;
   }

   /* Options de paiement */
   .bd-payment-options {

       padding-top: 16px !important;
   }

   .bd-payment-title {
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       font-weight: 600 !important;
       color: var(--bd-gray-700) !important;
       margin-bottom: 8px !important;
   }

   .bd-payment-line {
       font-family: var(--bd-font-secondary) !important;
       font-size: 13px !important;
       color: var(--bd-gray-600) !important;
       margin-bottom: 4px !important;
   }

   /* Description courte */
   .bd-product-short-description {
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       line-height: 1.6 !important;
       color: var(--bd-gray-600) !important;
       margin-bottom: 24px !important;
   }

   /* === FORMULAIRE ADD TO CART === */

   .bd-cart-form {
       margin: 0 !important;
   }

   /* Variations */
   .bd-variation-row {
       margin-bottom: 20px !important;
   }

   .bd-variation-label {
       font-family: var(--bd-font-primary) !important;
       font-size: 14px !important;
       font-weight: 600 !important;
       color: var(--bd-gray-700) !important;
       margin-bottom: 12px !important;
       display: block !important;
   }

   /* Couleurs (ronds) */
   .bd-color-swatches {
       display: flex !important;
       gap: 12px !important;
   }

   .bd-color-swatch {
       cursor: pointer !important;
       display: block !important;
   }

   .bd-color-swatch input[type="radio"] {
       display: none !important;
   }

   .bd-color-circle {
       width: 40px !important;
       height: 40px !important;
       border-radius: 50% !important;
       display: block !important;
       transition: all 0.3s ease !important;
       box-shadow: 0 0 0 2px transparent !important;
   }

   .bd-color-swatch input[type="radio"]:checked + .bd-color-circle {
       box-shadow: 0 0 0 2px var(--bd-violet) !important;
       transform: scale(1.1) !important;
   }

   /* Tailles (chips) */
   .bd-size-chips {
       display: flex !important;
       gap: 12px !important;
       flex-wrap: wrap !important;
   }

   .bd-size-chip {
       cursor: pointer !important;
       display: block !important;
   }

   .bd-size-chip input[type="radio"] {
       display: none !important;
   }

   .bd-size-text {
       display: block !important;
       padding: 10px 20px !important;
       border: 2px solid var(--bd-gray-200) !important;
       border-radius: 24px !important;
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       color: var(--bd-gray-700) !important;
       transition: all 0.3s ease !important;
   }

   .bd-size-chip:hover .bd-size-text {
       border-color: var(--bd-violet) !important;
   }

   .bd-size-chip input[type="radio"]:checked + .bd-size-text {
       background: var(--bd-violet) !important;
       border-color: var(--bd-violet) !important;
       color: var(--bd-white) !important;
   }

   /* Sélecteur de quantité */
   .bd-quantity-row {
       margin-bottom: 20px !important;
   }

   .bd-quantity-selector {
       display: flex !important;
       align-items: center !important;
       gap: 0 !important;
       border: 2px solid var(--bd-gray-200) !important;
       border-radius: 12px !important;
       overflow: hidden !important;
       width: fit-content !important;
   }

   .bd-qty-btn {
       width: 48px !important;
       height: 48px !important;
       background: transparent !important;
       border: none !important;
       font-size: 20px !important;
       line-height: 1 !important;
       color: var(--bd-gray-700) !important;
       cursor: pointer !important;
       transition: all 0.3s ease !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       padding: 0 !important;
   }

   .bd-qty-btn:hover {
       background: #f5f5f5 !important;
       color: var(--bd-violet) !important;
   }

   .bd-qty-btn:focus {
       outline: none !important;
   }

   .bd-qty-input {
       width: 60px !important;
       height: 48px !important;
       border: none !important;
       border-left: 1px solid var(--bd-gray-200) !important;
       border-right: 1px solid var(--bd-gray-200) !important;
       text-align: center !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 16px !important;
       font-weight: 600 !important;
       -moz-appearance: textfield !important;
       appearance: textfield !important;
   }

   /* Enlever les flèches du input number */
   .bd-qty-input::-webkit-outer-spin-button,
   .bd-qty-input::-webkit-inner-spin-button {
       -webkit-appearance: none !important;
       margin: 0 !important;
   }

   .single-product .cart .quantity input[type="number"]::-webkit-outer-spin-button,
   .single-product .cart .quantity input[type="number"]::-webkit-inner-spin-button {
       -webkit-appearance: none !important;
       margin: 0 !important;
   }

   .single-product .cart .quantity input[type="number"] {
       -moz-appearance: textfield !important;
       appearance: textfield !important;
   }

   .single-product .cart .quantity { width:auto}

   /* Stock */
   .bd-stock-info {
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       color: #28a745 !important;
       margin-bottom: 24px !important;
   }

   .bd-out-of-stock {
       color: #dc3545 !important;
   }

   /* === BOUTONS D'ACTION (En colonne) === */

   .bd-action-buttons-vertical {
       display: flex !important;
       flex-direction: column !important;
       gap: 16px !important;
       margin-top: 24px !important;
   }

   /* Bouton "Ajouter au panier" */
   .bd-btn-buy-single {
       width: 100% !important;
       background: var(--bd-black) !important;
       color: var(--bd-white) !important;
       border: 2px solid var(--bd-black) !important;
       border-radius: 12px !important;
       padding: 16px 32px !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 16px !important;
       font-weight: 600 !important;
       cursor: pointer !important;
       transition: all 0.3s ease !important;
       text-align: center !important;
   }

   .bd-btn-buy-single:hover {
       background: var(--bd-violet) !important;
       border-color: var(--bd-violet) !important;
   }

   /* Bouton secondaire "Ajouter au panier" (outline) */
   .bd-btn-cart-outline {
       width: 100% !important;
       background: var(--bd-white) !important;
       color: var(--bd-black) !important;
       border: 2px solid var(--bd-black) !important;
       border-radius: 12px !important;
       padding: 16px 32px !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 16px !important;
       font-weight: 500 !important;
       cursor: pointer !important;
       transition: all 0.3s ease !important;
       text-align: center !important;
   }

   .bd-btn-cart-outline:hover {
       background: var(--bd-violet) !important;
       color: var(--bd-white) !important;
       border-color: var(--bd-violet) !important;
   }

   /* Bouton "Enregistrer dans ses favoris" (legacy fallback) */
   .bd-btn-wishlist-single {
       width: 100% !important;
       background: var(--bd-white) !important;
       color: var(--bd-black) !important;
       border: 2px solid var(--bd-gray-300) !important;
       border-radius: 12px !important;
       padding: 16px 32px !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 16px !important;
       font-weight: 500 !important;
       cursor: pointer !important;
       transition: all 0.3s ease !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       gap: 12px !important;
   }

   .bd-btn-wishlist-single:hover {
       border-color: var(--bd-violet) !important;
       color: var(--bd-violet) !important;
   }

   .bd-btn-wishlist-single .bd-heart-icon {
       flex-shrink: 0 !important;
   }

   /* Wrapper YITH wishlist */
   .bd-wishlist-button-wrapper {
       width: 100% !important;
   }

   .bd-wishlist-button-wrapper .yith-wcwl-add-to-wishlist {
       width: 100% !important;
   }

   .bd-wishlist-button-wrapper .yith-wcwl-add-button,
   .bd-wishlist-button-wrapper .yith-wcwl-add-to-wishlist-button-anchor-wrapper a,
   .bd-wishlist-button-wrapper a {
       width: 100% !important;
       background: var(--bd-white) !important;
       color: var(--bd-black) !important;
       border: 2px solid var(--bd-gray-300) !important;
       border-radius: 12px !important;

       font-family: var(--bd-font-primary) !important;
       font-size: 16px !important;
       font-weight: 500 !important;
       cursor: pointer !important;
       transition: all 0.3s ease !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       gap: 12px !important;
       text-decoration: none !important;
   }

   .bd-wishlist-button-wrapper .yith-wcwl-add-button:hover,
   .bd-wishlist-button-wrapper a:hover {
       border-color: var(--bd-violet) !important;
       color: var(--bd-violet) !important;
   }

   /* Classes spécifiques ajoutées par l'utilisateur */
   .bd-action-buttons-vertical .yith-wcwl-add-to-wishlist-button,
   .bd-action-buttons-vertical .yith-wcwl-add-to-wishlist-button--custom-button,
   .bd-action-buttons-vertical .yith-wcwl-add-to-wishlist-button--single {
       width: 100% !important;
       background: var(--bd-white) !important;
       color: var(--bd-black) !important;
       border: 2px solid var(--bd-gray-300) !important;
       border-radius: 12px !important;
       padding: 16px 32px !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 16px !important;
       font-weight: 500 !important;
       cursor: pointer !important;
       transition: all 0.3s ease !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       gap: 12px !important;
       text-decoration: none !important;
   }

   /* État quand déjà ajouté (violet) */
   .bd-action-buttons-vertical .yith-wcwl-wishlistexistsbrowse,
   .bd-action-buttons-vertical .yith-wcwl-add-to-wishlist-button--added {
       background: var(--bd-white) !important;

       color: var(--bd-violet) !important;

       border:1.5px solid var(--bd-violet) !important;
   }

   /* Icône du bouton */
   .bd-action-buttons-vertical .yith-wcwl-add-to-wishlist i {
       font-size: 18px !important;
       margin-right: 8px !important;
   }

   .bd-action-buttons-vertical .yith-wcwl-add-to-wishlist-button, .bd-action-buttons-vertical .yith-wcwl-add-to-wishlist-button--custom-button, .bd-action-buttons-vertical .yith-wcwl-add-to-wishlist-button--single, .bd-action-buttons-vertical .yith-add-to-wishlist-button-block{
       position: relative!important;
       left:0!important;
       bottom:0!important;
       height:auto!important;
       width:100%!important;
   }

   .bd-action-buttons-vertical .yith-wcwl-add-to-wishlist-button__label{
       visibility:visible;
       display:block;
   }

   /* === RESPONSIVE PAGE PRODUIT === */

   /* Tablette */
   @media (max-width: 991px) {
       .bd-product-layout {
           flex-direction: column !important;
           gap: 40px !important;
       }

       .bd-product-gallery,
       .bd-product-sidebar {
           flex: 0 0 100% !important;
           max-width: 100% !important;
       }

       .bd-product-title {
           font-size: 28px !important;
       }

       .bd-price-current {
           font-size: 28px !important;
       }

       .bd-action-buttons-vertical .yith-add-to-wishlist-button-block{
           width:100%;
       }
   }

   /* Mobile */
   @media (max-width: 767px) {
       .bd-custom-product-page {
           padding: 0 16px !important;
       }

       .bd-product-layout {
           gap: 32px !important;
           margin-bottom: 40px !important;
       }

       .bd-product-title {
           font-size: 24px !important;
       }

       .bd-price-current {
           font-size: 24px !important;
           padding: 6px 12px !important;
       }

       /* Galerie */
       .bd-main-image {
           padding: 20px !important;
       }

       .bd-main-image img {
           max-height: 400px !important;
       }

       .bd-thumb-item {
           flex: 0 0 80px !important;
           width: 80px !important;
           height: 80px !important;
       }

       /* Onglets */
       .woocommerce-tabs .tabs li a {
           padding: 12px 8px !important;
           font-size: 14px !important;
       }

       /* Boutons déjà en colonne (pas besoin de changer) */
       .bd-action-buttons-vertical {
           width: 100% !important;
       }

       /* Titre des variations plus compact */
       .bd-variation-label {
           font-size: 13px !important;
       }

       /* Sélecteurs de couleur et taille plus petits */
       .bd-color-circle {
           width: 36px !important;
           height: 36px !important;
       }

       .bd-size-text {
           padding: 8px 16px !important;
           font-size: 13px !important;
       }
       .bd-price-payment-wrapper{
           display:block;
       }
         .single-product .cart .quantity{
           margin:0;
       }

       /* Réduire le gap des avantages */
       .bd-advantages-grid {
           gap: 16px !important;
       }

   }

   /* === ONGLETS PERSONNALISÉS === */

   .bd-product-tabs {
       margin: 60px 0 40px !important;
       clear: both !important;
   }

   /* Reset des styles par défaut */
   .woocommerce-tabs {
       background: transparent !important;
       border: none !important;
       padding: 0 !important;
   }

   /* Container des onglets - RESET complet */
   .woocommerce-tabs .tabs,
   .woocommerce-tabs ul.tabs {
       display: flex !important;
       gap: 0 !important;
       border: none !important;
       border-bottom: 2px solid var(--bd-gray-200) !important;
       list-style: none !important;
       padding: 0 !important;
       margin: 0 0 32px !important;
       background: transparent !important;
   }

   /* Onglets individuels - RESET */
   .woocommerce-tabs .tabs li,
   .woocommerce-tabs ul.tabs li {
       flex: 1 !important;
       text-align: center !important;
       margin: 0 !important;
       background: transparent !important;
       border: none !important;
       border-radius: 0 !important;
       padding: 0 !important;
   }

   /* Liens des onglets - RESET */
   .woocommerce-tabs .tabs li a,
   .woocommerce-tabs ul.tabs li a {
       display: block !important;
       padding: 16px 24px !important;
       font-family: var(--bd-font-primary) !important;
       font-size: 16px !important;
       font-weight: 500 !important;
       color: var(--bd-gray-600) !important;
       text-decoration: none !important;
       background: transparent !important;
       border: none !important;
       border-bottom: 3px solid transparent !important;
       border-radius: 0 !important;
       transition: all 0.3s ease !important;
       position: relative !important;
   }

   .woocommerce-tabs .tabs li a:hover,
   .woocommerce-tabs ul.tabs li a:hover {
       color: var(--bd-violet) !important;
       background: transparent !important;
   }

   /* Onglet actif - UNE SEULE ligne violette */
   .woocommerce-tabs .tabs li.active a,
   .woocommerce-tabs ul.tabs li.active a {
       color: var(--bd-violet) !important;
       border-bottom: 3px solid var(--bd-violet) !important;
       font-weight: 600 !important;
       background: transparent !important;
       border-top: none !important;
       border-left: none !important;
       border-right: none !important;
       box-shadow: none !important;
   }

   /* Supprimer UNIQUEMENT les pseudo-éléments des tabs ACTIFS pour éviter les doublons */
   .woocommerce-tabs .tabs li.active::before,
   .woocommerce-tabs .tabs li.active::after,
   .woocommerce-tabs .tabs li.active a::before,
   .woocommerce-tabs .tabs li.active a::after,
   .woocommerce-tabs ul.tabs li.active::before,
   .woocommerce-tabs ul.tabs li.active::after,
   .woocommerce-tabs ul.tabs li.active a::before,
   .woocommerce-tabs ul.tabs li.active a::after {
       content: none !important;
       display: none !important;
       border: none !important;
       background: none !important;
   }

   /* Contenu des onglets */
   .woocommerce-tabs .woocommerce-Tabs-panel,
   .woocommerce-tabs .panel {
       padding: 32px 0 !important;
       background: transparent !important;
       border: none !important;
   }

   /* === RESPONSIVE ONGLETS === */

   @media (max-width: 767px) {
       .woocommerce-tabs .tabs,
       .woocommerce-tabs ul.tabs {
           flex-wrap: wrap !important;
       }

       .woocommerce-tabs .tabs li,
       .woocommerce-tabs ul.tabs li {
           flex: 0 0 33.333% !important;
       }

       .woocommerce-tabs .tabs li a,
       .woocommerce-tabs ul.tabs li a {
           padding: 12px 8px !important;
           font-size: 14px !important;
       }
   }

   @media (max-width: 480px) {
       .woocommerce-tabs .tabs li,
       .woocommerce-tabs ul.tabs li {
           flex: 0 0 100% !important;
       }

       .woocommerce-tabs .tabs li a,
       .woocommerce-tabs ul.tabs li a {
           border-bottom: none !important;
           border-left: 3px solid transparent !important;
           text-align: left !important;
           padding: 12px 16px !important;
       }

       .woocommerce-tabs .tabs li.active a,
       .woocommerce-tabs ul.tabs li.active a {
           border-bottom: none !important;
           border-left: 3px solid var(--bd-violet) !important;
       }

       .woocommerce-tabs .tabs,
       .woocommerce-tabs ul.tabs {
           border-bottom: none !important;
           border-right: 2px solid var(--bd-gray-200) !important;
       }
   }

   /* === ONGLET AVANTAGES === */

   .bd-advantages-grid {
       display: grid !important;
       grid-template-columns: repeat(5, 1fr) !important;
       gap: 24px !important;
   }

   .bd-advantage-item {
       background: #f8f4f8 !important;
       border: 1.5px solid rgba(100, 35, 94, 0.15) !important;
       border-radius: 12px !important;
       padding: 24px 16px !important;
       text-align: center !important;
       transition: all 0.3s ease !important;
   }

   .bd-advantage-item:hover {
       border-color: var(--bd-violet) !important;
       box-shadow: 0 4px 12px rgba(100, 35, 94, 0.1) !important;
   }

   .bd-advantage-icon {
       width: 48px !important;
       height: 48px !important;
       margin: 0 auto 12px !important;
       color: var(--bd-violet) !important;
   }

   .bd-advantage-icon svg {
       width: 100% !important;
       height: 100% !important;
   }

   .bd-advantage-text {
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       line-height: 1.4 !important;
       color: var(--bd-gray-700) !important;
   }

   /* Responsive avantages */
   @media (max-width: 1199px) {
       .bd-advantages-grid {
           grid-template-columns: repeat(3, 1fr) !important;
       }
   }

   @media (max-width: 767px) {
       .bd-advantages-grid {
           grid-template-columns: repeat(2, 1fr) !important;
       }
   }

   /* === ONGLET CARACTÉRISTIQUES === */

   .woocommerce-product-attributes {
       width: 100% !important;
       border-collapse: collapse !important;
   }

   .woocommerce-product-attributes tr {
       border-bottom: 1px solid var(--bd-gray-200) !important;
   }

   .woocommerce-product-attributes tr:last-child {
       border-bottom: none !important;
   }

   .woocommerce-product-attributes th {
       font-family: var(--bd-font-primary) !important;
       font-size: 14px !important;
       font-weight: 600 !important;
       color: var(--bd-gray-700) !important;
       padding: 16px 24px 16px 0 !important;
       text-align: left !important;
       background: transparent !important;
       width: 30% !important;
   }

   .woocommerce-product-attributes td {
       font-family: var(--bd-font-secondary) !important;
       font-size: 14px !important;
       color: var(--bd-gray-600) !important;
       padding: 16px 0 !important;
   }

   /* === ONGLET DESCRIPTION === */

   .woocommerce-Tabs-panel--description p {
       font-family: var(--bd-font-secondary) !important;
       font-size: 15px !important;
       line-height: 1.6 !important;
       color: var(--bd-gray-600) !important;
       margin-bottom: 16px !important;
   }

   /* === SECTION PRODUITS SIMILAIRES === */

   .bd-similar-products {
       margin: 60px 0 !important;
   }

   .bd-similar-title {
       font-family: var(--bd-font-primary) !important;
       font-size: 32px !important;
       font-weight: 600 !important;
       color: var(--bd-black) !important;
       margin: 0 0 32px !important;
       text-align: center !important;
   }

   .bd-similar-products .products {
       display: grid !important;
       grid-template-columns: repeat(4, 1fr) !important;
       gap: 24px !important;
   }

   /* Responsive produits similaires */
   @media (max-width: 1199px) {
       .bd-similar-products .products {
           grid-template-columns: repeat(3, 1fr) !important;
       }
   }

   @media (max-width: 991px) {
       .bd-similar-products .products {
           grid-template-columns: repeat(2, 1fr) !important;
       }
   }

   @media (max-width: 767px) {
       .bd-similar-products .products {
           grid-template-columns: 1fr !important;
       }
   }

   /* ===========================================
      DROPDOWNS & OVERRIDES
      =========================================== */
   /* ========================================
      DROPDOWNS HEADER (Panier & Mon Compte)
      ======================================== */

   /* Light mode - Fond blanc et texte noir pour les dropdowns */
   .header-icon__cart .dropdown-menu,
   .header-icon__user-account .dropdown-menu,
   .dropdown-menu-user-account,
   .site-header .dropdown-menu,
   .widget_shopping_cart,
   .mini_cart_item {
       background: var(--bd-white) !important;
       color: var(--bd-black) !important;
   }

   .header-icon__cart .dropdown-menu *,
   .header-icon__user-account .dropdown-menu *,
   .dropdown-menu-user-account *,
   .widget_shopping_cart *,
   .widget_shopping_cart a,
   .widget_shopping_cart .product-title,
   .widget_shopping_cart .quantity,
   .mini_cart_item * {
       color: var(--bd-black) !important;
   }

/* =====================================================
   RECHERCHE EN DIRECT (LIVE SEARCH) - AFFICHAGE
   ===================================================== */

/* Conteneur du champ de recherche */
.navbar-search {
    position: relative !important;
    z-index: 1000 !important;
}

.navbar-search .input-search-field {
    position: relative !important;
    z-index: 1 !important;
}

/* Conteneur typeahead */
.twitter-typeahead {
    display: flex !important;
    width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Input de recherche */
.tt-input {
    position: relative !important;
    z-index: 2 !important;
}

/* Menu déroulant des suggestions */
.tt-menu {
    position: absolute !important;
    top: calc(100% + 2px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10000 !important;
    display: block !important;
    min-width: 300px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    font-size: 14px !important;
    text-align: left !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    background-clip: padding-box !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: 450px !important;
    overflow-y: auto !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
}

/* Chaque suggestion */
.tt-suggestion {
    display: block !important;
    padding: 12px 15px !important;
    clear: both !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #333 !important;
    white-space: normal !important;
    cursor: pointer !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.tt-suggestion:last-child {
    border-bottom: none !important;
}

.tt-suggestion:hover,
.tt-suggestion:focus,
.tt-suggestion.tt-cursor {
    background-color: #f8f4fd !important;
    color: #333 !important;
    text-decoration: none !important;
}

/* Message vide */
.tt-menu .empty-message {
    display: block !important;
    padding: 10px 15px !important;
    color: #999 !important;
    text-align: center !important;
}

/* Style pour le media de recherche (image + texte) */
.live-search-media {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #333 !important;
    text-decoration: none !important;
}

.live-search-media:hover {
    color: #333 !important;
    text-decoration: none !important;
}

.live-search-media .media-left {
    flex-shrink: 0 !important;
}

.live-search-media .media-left img {
    border-radius: 4px !important;
    border: 1px solid #f0f0f0 !important;
}

.live-search-media .media-body {
    flex: 1 !important;
    min-width: 0 !important;
}

.live-search-media .media-body p {
    margin: 0 0 6px 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #333 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.live-search-media .media-body p .tt-highlight {
    font-weight: 700 !important;
    color: #61215B !important;
    background-color: transparent !important;
}

.live-search-media .price {
    display: block !important;
    font-size: 15px !important;
    color: #61215B !important;
    font-weight: 700 !important;
    margin-top: 2px !important;
}

/* === SECTION NOS MARQUES (page produit) === */

.bd-product-brand-slider {
    margin-top: 60px !important;
    padding-top: 40px !important;
    border-top: 1px solid var(--bd-gray-200) !important;
}

.bd-brands-title {
    font-family: var(--bd-font-primary) !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-bottom: 32px !important;
    color: var(--bd-black) !important;
}

@media (max-width: 767px) {
    .bd-product-brand-slider {
        margin-top: 40px !important;
        padding-top: 24px !important;
    }
    .bd-brands-title {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }
}

/* Dark mode */
body.electro-dark .tt-menu {
    background-color: #2a2a2a !important;
    border-color: #444 !important;
}

body.electro-dark .tt-suggestion {
    color: #ddd !important;
}

body.electro-dark .tt-suggestion:hover,
body.electro-dark .tt-suggestion:focus,
body.electro-dark .tt-suggestion.tt-cursor {
    background-color: #333 !important;
    color: #fff !important;
}

body.electro-dark .live-search-media .media-body p {
    color: #ddd !important;
}

body.electro-dark .empty-message {
    color: #888 !important;
}