.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-89221 .elementor-element.elementor-element-0c4aba7.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-89221 .elementor-element.elementor-element-27a0a4f{--spacer-size:20px;}.elementor-89221 .elementor-element.elementor-element-fcb8b18{width:var( --container-widget-width, 158.812% );max-width:158.812%;--container-widget-width:158.812%;--container-widget-flex-grow:0;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-89221 .elementor-element.elementor-element-378dc4a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-89221 .elementor-element.elementor-element-378dc4a.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1023px){.elementor-89221 .elementor-element.elementor-element-378dc4a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-89221 .elementor-element.elementor-element-378dc4a.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for section, class: .elementor-element-4697290 *//* ==========================================================================
   CARTES CATÉGORIES — STYLE MAQUETTE
   À ajouter à la fin de votre CSS additionnel WordPress.
   Vise les 3 grandes cartes "Vidéos / Livre / Abonnements" en haut de la boutique.
   ========================================================================== */

/* La carte */
.woocommerce ul.products li.product-category,
.woocommerce-page ul.products li.product-category {
  position: relative !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  aspect-ratio: 3/4 !important;
  background: #FFF8FC !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
  cursor: pointer !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding: 0 !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product-category:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 30px 60px rgba(255, 0, 168, 0.25) !important;
}

/* Lien englobant — devient le conteneur 100% */
.woocommerce ul.products li.product-category > a {
  display: block !important;
  position: relative !important;
  height: 100% !important;
  width: 100% !important;
  text-decoration: none !important;
  color: inherit !important;
  padding: 0 !important;
}

/* Image — couvre toute la carte */
.woocommerce ul.products li.product-category img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transition: transform 0.7s ease !important;
  display: block !important;
}
.woocommerce ul.products li.product-category:hover img {
  transform: scale(1.06) !important;
}

/* Overlay sombre dégradé en bas */
.woocommerce ul.products li.product-category > a::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg,
    rgba(26, 11, 20, 0.05) 0%,
    transparent 30%,
    rgba(26, 11, 20, 0.55) 70%,
    rgba(26, 11, 20, 0.92) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Titre catégorie — gros, en bas-gauche */
.woocommerce ul.products li.product-category h2,
.woocommerce ul.products li.product-category h3,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 28px !important;
  margin: 0 !important;
  z-index: 2 !important;
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.5px !important;
  text-align: left !important;
  text-transform: none !important;
  background: transparent !important;
  display: block !important;
}

/* Cacher le compte natif "(510)" intégré dans le titre — on le réaffiche ailleurs */
.woocommerce ul.products li.product-category h2 mark.count,
.woocommerce ul.products li.product-category h3 mark.count,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title mark.count {
  display: none !important;
}

/* Ré-injecter le compte sous forme de pastille blanche en haut-droite
   On utilise data-attribute si disponible, sinon on cible par catégorie. */

/* Badge "X PRODUITS" en haut à droite — généré via les classes de catégorie */
.woocommerce ul.products li.product-category::before {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  color: #FF00A8 !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

/* Sous-titre + badge — par catégorie via leur slug */
/* Adaptez les slugs si nécessaire (videos / livre / abonnements) */

/* === VIDÉOS === */
.woocommerce ul.products li.product-category.product-cat-videos::before,
.woocommerce ul.products li.product-category[class*="videos"]::before {
  content: '510 vidéos' !important;
}
.woocommerce ul.products li.product-category.product-cat-videos h2::after,
.woocommerce ul.products li.product-category[class*="videos"] h2::after,
.woocommerce ul.products li.product-category.product-cat-videos h3::after,
.woocommerce ul.products li.product-category[class*="videos"] h3::after {
  content: 'Collection exclusive' !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  margin-top: 8px !important;
  opacity: 0.85 !important;
  color: #fff !important;
}

/* === LIVRE === */
.woocommerce ul.products li.product-category.product-cat-livre::before,
.woocommerce ul.products li.product-category[class*="livre"]::before {
  content: '3 livres' !important;
}
.woocommerce ul.products li.product-category.product-cat-livre h2::after,
.woocommerce ul.products li.product-category[class*="livre"] h2::after,
.woocommerce ul.products li.product-category.product-cat-livre h3::after,
.woocommerce ul.products li.product-category[class*="livre"] h3::after {
  content: 'Confidences & révélations' !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  margin-top: 8px !important;
  opacity: 0.85 !important;
  color: #fff !important;
}

/* === ABONNEMENTS === */
.woocommerce ul.products li.product-category.product-cat-abonnements::before,
.woocommerce ul.products li.product-category[class*="abonnement"]::before {
  content: '3 formules' !important;
}
.woocommerce ul.products li.product-category.product-cat-abonnements h2::after,
.woocommerce ul.products li.product-category[class*="abonnement"] h2::after,
.woocommerce ul.products li.product-category.product-cat-abonnements h3::after,
.woocommerce ul.products li.product-category[class*="abonnement"] h3::after {
  content: 'Accès illimité' !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  margin-top: 8px !important;
  opacity: 0.85 !important;
  color: #fff !important;
}

/* Fallback si les classes ci-dessus ne matchent pas — on affiche au moins "Catégorie" */
.woocommerce ul.products li.product-category:not([class*="videos"]):not([class*="livre"]):not([class*="abonnement"])::before {
  content: 'Découvrir' !important;
}

/* === Section header "Explorer par catégorie" ===
   Si vous ajoutez le HTML du fichier hero, ces styles s'appliquent. */
.ad-cat-section-header {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  margin: 60px 0 32px !important;
  padding: 0 !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
.ad-cat-section-header h2 {
  font-size: 34px !important;
  font-weight: 300 !important;
  color: #1A0B14 !important;
  line-height: 1.1 !important;
  letter-spacing: -1px !important;
  margin: 0 !important;
}
.ad-cat-section-header h2 em {
  font-style: normal !important;
  font-weight: 700 !important;
  color: #FF00A8 !important;
}
.ad-cat-section-header .ad-cat-subtitle {
  color: #5C4654 !important;
  font-size: 14px !important;
  margin-top: 8px !important;
  font-style: italic !important;
}
.ad-cat-section-header .ad-cat-link {
  color: #FF00A8 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: gap 0.2s !important;
}
.ad-cat-section-header .ad-cat-link:hover {
  gap: 14px !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1271f6f *//* ==========================================================================
   SIDEBAR BOUTIQUE — Catégories style maquette
   À ajouter à la fin de votre CSS additionnel WordPress.
   ========================================================================== */

/* ---------- Bloc widget Catégories ---------- */
.widget_product_categories,
aside .widget_product_categories,
.sidebar .widget_product_categories {
  background: #fff !important;
  border: 1px solid #F0E1EA !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
  list-style: none !important;
}

/* Titre "Catégories" */
.widget_product_categories > h2,
.widget_product_categories > h3,
.widget_product_categories > .widget-title,
.widget_product_categories > .widgettitle,
aside .widget_product_categories > h2,
aside .widget_product_categories > h3 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #1A0B14 !important;
  margin: 0 0 18px 0 !important;
  padding: 0 0 14px 0 !important;
  border-bottom: 1px solid #F0E1EA !important;
  position: relative !important;
  background: transparent !important;
}
.widget_product_categories > h2::after,
.widget_product_categories > h3::after,
.widget_product_categories > .widget-title::after,
aside .widget_product_categories > h2::after,
aside .widget_product_categories > h3::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -1px !important;
  width: 40px !important;
  height: 2px !important;
  background: #FF00A8 !important;
}

/* ---------- Liste ---------- */
.widget_product_categories ul,
.widget_product_categories .product-categories,
aside .widget_product_categories ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---------- Item de liste ---------- */
.widget_product_categories ul li,
.widget_product_categories .product-categories > li,
aside .widget_product_categories ul > li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 9px 14px !important;
  margin: 0 0 4px 0 !important;
  border: none !important;
  border-radius: 12px !important;
  transition: all 0.2s ease !important;
  position: relative !important;
  list-style: none !important;
  background: transparent !important;
  line-height: 1.4 !important;
}
.widget_product_categories ul li:hover {
  background: #FFE4F4 !important;
}
.widget_product_categories ul li::before,
.widget_product_categories ul li::after {
  display: none !important;
}

/* ---------- Lien (nom de catégorie) ---------- */
.widget_product_categories ul li a {
  flex: 1 1 auto !important;
  padding: 0 !important;
  background: transparent !important;
  color: #1A0B14 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
  border: none !important;
}
.widget_product_categories ul li:hover a {
  color: #C00084 !important;
}

/* ---------- Compteur (3) — pill discret à droite ---------- */
.widget_product_categories ul li .count,
.widget_product_categories ul li > .count,
.widget_product_categories ul li a + .count,
.widget_product_categories ul li mark.count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #FFF8FC !important;
  color: #5C4654 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  border: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* ---------- Catégorie active (page actuelle) ---------- */
.widget_product_categories ul li.current-cat,
.widget_product_categories ul li.current-cat-parent {
  background: linear-gradient(135deg, #FF00A8 0%, #C00084 100%) !important;
  box-shadow: 0 8px 20px rgba(255, 0, 168, 0.25) !important;
}
.widget_product_categories ul li.current-cat a,
.widget_product_categories ul li.current-cat-parent a,
.widget_product_categories ul li.current-cat:hover a,
.widget_product_categories ul li.current-cat-parent:hover a {
  color: #fff !important;
}
.widget_product_categories ul li.current-cat .count,
.widget_product_categories ul li.current-cat-parent .count {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #fff !important;
}

/* ---------- Icônes par catégorie ---------- */
/* Carré arrondi de 28x28 avec icône SVG centrée */
.widget_product_categories ul li > a::before {
  content: '' !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  background-color: #FFE4F4 !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 16px 16px !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}
.widget_product_categories ul li.current-cat > a::before,
.widget_product_categories ul li.current-cat-parent > a::before {
  background-color: rgba(255, 255, 255, 0.22) !important;
}

/* === Icônes spécifiques par slug === */

/* Vidéos — play */
.widget_product_categories ul li[class*="videos"] > a::before,
.widget_product_categories ul li[class*="video"] > a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF00A8'><path d='M8 5v14l11-7z'/></svg>") !important;
}
.widget_product_categories ul li[class*="videos"].current-cat > a::before,
.widget_product_categories ul li[class*="video"].current-cat > a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M8 5v14l11-7z'/></svg>") !important;
}

/* Abonnements — cœur */
.widget_product_categories ul li[class*="abonnement"] > a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF00A8'><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></svg>") !important;
}
.widget_product_categories ul li[class*="abonnement"].current-cat > a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></svg>") !important;
}

/* Livre / Livres — livre */
.widget_product_categories ul li[class*="livre"] > a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF00A8'><path d='M21 4H3c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 15H3V6h7v11h4V6h7v13z'/></svg>") !important;
}
.widget_product_categories ul li[class*="livre"].current-cat > a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M21 4H3c-1.1 0-2 .9-2 2v13c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 15H3V6h7v11h4V6h7v13z'/></svg>") !important;
}

/* Pour me faire plaisir — étincelles */
.widget_product_categories ul li[class*="plaisir"] > a::before,
.widget_product_categories ul li[class*="me-faire"] > a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF00A8'><path d='M12 2l1.95 6.36L20 10l-5.45 3.95L16.36 20 12 16.27 7.64 20l1.81-6.05L4 10l6.05-1.64L12 2z'/></svg>") !important;
}
.widget_product_categories ul li[class*="plaisir"].current-cat > a::before,
.widget_product_categories ul li[class*="me-faire"].current-cat > a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M12 2l1.95 6.36L20 10l-5.45 3.95L16.36 20 12 16.27 7.64 20l1.81-6.05L4 10l6.05-1.64L12 2z'/></svg>") !important;
}

/* Produits personnalisés — paquet cadeau */
.widget_product_categories ul li[class*="personnalis"] > a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF00A8'><path d='M20 7h-3.17a3 3 0 1 0-5.66 0H8c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm-8-2a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-4 5h12v2H8v-2zm10 8h-8v-2h8v2zm-8-3h8v-2h-8v2z'/><path d='M4 7v15h2V7c0-1.1.9-2 2-2h2V3H8a4 4 0 0 0-4 4z'/></svg>") !important;
}
.widget_product_categories ul li[class*="personnalis"].current-cat > a::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M20 7h-3.17a3 3 0 1 0-5.66 0H8c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm-8-2a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-4 5h12v2H8v-2zm10 8h-8v-2h8v2zm-8-3h8v-2h-8v2z'/></svg>") !important;
}

/* ---------- MASQUER "Non classé" ---------- */
/* (Préférable : reclasser le produit dans une vraie catégorie depuis l'admin)
   Décommentez les lignes ci-dessous pour le masquer en attendant : */
/*
.widget_product_categories ul li.cat-item-1,
.widget_product_categories ul li[class*="non-classe"],
.widget_product_categories ul li[class*="uncategorized"] {
  display: none !important;
}
*/

/* ---------- BLOC RECHERCHE PRODUIT ---------- */
.widget_product_search {
  background: #fff !important;
  border: 1px solid #F0E1EA !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
}
.widget_product_search > h2,
.widget_product_search > h3,
.widget_product_search > .widget-title,
.widget_product_search > .widgettitle {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #1A0B14 !important;
  margin: 0 0 18px 0 !important;
  padding: 0 0 14px 0 !important;
  border-bottom: 1px solid #F0E1EA !important;
  position: relative !important;
}
.widget_product_search > h2::after,
.widget_product_search > h3::after,
.widget_product_search > .widget-title::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -1px !important;
  width: 40px !important;
  height: 2px !important;
  background: #FF00A8 !important;
}

/* ---------- Cacher les icônes "vue grille/liste" cassées ---------- */
.woocommerce .nav-shop > a:empty,
.shop-toolbar a:empty,
.woocommerce-shop-tools .grid-list:empty {
  display: none !important;
}
/* ==========================================================================
   AFFINEMENTS BOUTIQUE — Pour se rapprocher de la maquette
   À ajouter à la fin de votre CSS additionnel WordPress.
   ========================================================================== */

/* ==========================================================================
   1. BADGE "PROMO !" — Pastille rose en haut à gauche (au lieu du cercle noir)
   ========================================================================== */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce div.product .onsale {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  bottom: auto !important;
  background: linear-gradient(135deg, #FF00A8 0%, #C00084 100%) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  min-height: auto !important;
  min-width: auto !important;
  width: auto !important;
  height: auto !important;
  line-height: 1.3 !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(255, 0, 168, 0.35) !important;
  z-index: 5 !important;
}

/* ==========================================================================
   2. CARTE PRODUIT — Ombres, animations, structure
   ========================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: #fff !important;
  border-radius: 20px !important;
  border: 1px solid #F0E1EA !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-6px) !important;
  border-color: #FF6FCB !important;
  box-shadow: 0 24px 50px rgba(255, 0, 168, 0.18) !important;
}

/* Conteneur image avec ratio fixe */
.woocommerce ul.products li.product > a:first-of-type {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce ul.products li.product img {
  width: 100% !important;
  aspect-ratio: 4/5 !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transition: transform 0.7s ease !important;
}
.woocommerce ul.products li.product:hover img {
  transform: scale(1.05) !important;
}

/* Icône lecture qui apparaît au hover sur les vidéos */
.woocommerce ul.products li.product > a:first-of-type::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 64px !important;
  height: 64px !important;
  margin: -32px 0 0 -32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF00A8'><path d='M8 5v14l11-7z'/></svg>") !important;
  background-position: 56% center !important;
  background-repeat: no-repeat !important;
  background-size: 24px !important;
  opacity: 0 !important;
  transform: scale(0.85) !important;
  transition: all 0.3s ease !important;
  pointer-events: none !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25) !important;
  z-index: 3 !important;
}
.woocommerce ul.products li.product:hover > a:first-of-type::after {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Voile sombre subtil sur l'image au hover */
.woocommerce ul.products li.product > a:first-of-type::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 60%, rgba(26, 11, 20, 0.25)) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
.woocommerce ul.products li.product:hover > a:first-of-type::before {
  opacity: 1 !important;
}

/* ==========================================================================
   3. TITRE PRODUIT — Plus serré, plus élégant
   ========================================================================== */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
  padding: 18px 18px 10px !important;
  margin: 0 !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1A0B14 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.2px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 60px !important;
}

/* ==========================================================================
   4. PRIX — Aligné avec le bouton panier discret
   ========================================================================== */
.woocommerce ul.products li.product .price {
  padding: 0 18px 14px !important;
  margin: 0 !important;
  color: #FF00A8 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
.woocommerce ul.products li.product .price del {
  color: #9C8A95 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  opacity: 1 !important;
}
.woocommerce ul.products li.product .price ins {
  background: transparent !important;
  text-decoration: none !important;
  color: #FF00A8 !important;
}

/* ==========================================================================
   5. BOUTON "AJOUTER AU PANIER" — Petite icône ronde dans le coin
   ========================================================================== */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
  position: absolute !important;
  bottom: 18px !important;
  right: 18px !important;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #FFF8FC !important;
  color: transparent !important;
  font-size: 0 !important;
  border: 1px solid #F0E1EA !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A0B14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px !important;
  display: block !important;
  text-align: center !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  z-index: 4 !important;
}
.woocommerce ul.products li.product .button:hover {
  background-color: #FF00A8 !important;
  border-color: #FF00A8 !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/></svg>") !important;
  transform: scale(1.08) !important;
  box-shadow: 0 8px 20px rgba(255, 0, 168, 0.35) !important;
}
.woocommerce ul.products li.product .added_to_cart {
  bottom: 64px !important;
  background-color: #FF00A8 !important;
  border-color: #FF00A8 !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
}

/* Bouton "Voir" pour produits sans variation simple */
.woocommerce ul.products li.product .button.product_type_grouped,
.woocommerce ul.products li.product .button.product_type_external,
.woocommerce ul.products li.product .button.product_type_variable {
  width: auto !important;
  height: auto !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  padding: 10px 16px !important;
  background-image: none !important;
  background-color: #1A0B14 !important;
  color: #fff !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  text-indent: 0 !important;
  line-height: 1 !important;
  bottom: 16px !important;
  right: 16px !important;
}
.woocommerce ul.products li.product .button.product_type_grouped:hover,
.woocommerce ul.products li.product .button.product_type_external:hover,
.woocommerce ul.products li.product .button.product_type_variable:hover {
  background-color: #FF00A8 !important;
  background-image: none !important;
}

/* ==========================================================================
   6. PADDING BAS DU PRIX (pour laisser place au bouton flottant)
   ========================================================================== */
.woocommerce ul.products li.product .price {
  padding-right: 70px !important;
  padding-bottom: 18px !important;
}

/* ==========================================================================
   7. FAVORIS — Cœur en haut à droite (si plugin Wishlist activé)
   Cible YITH / WPC / TI / WooCommerce Wishlists
   ========================================================================== */
.yith-wcwl-add-to-wishlist,
.tinv-wishlist,
.wcboost-wishlist-button {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 4 !important;
  margin: 0 !important;
}
.yith-wcwl-add-to-wishlist a,
.tinv-wishlist a,
.wcboost-wishlist-button a {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.95) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(240, 225, 234, 0.6) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #5C4654 !important;
  transition: all 0.25s ease !important;
}
.yith-wcwl-add-to-wishlist a:hover,
.tinv-wishlist a:hover,
.wcboost-wishlist-button a:hover {
  background: #FF00A8 !important;
  color: #fff !important;
  border-color: #FF00A8 !important;
  transform: scale(1.1) !important;
}

/* ==========================================================================
   8. PAGINATION — Bouton actif rose dégradé
   ========================================================================== */
.woocommerce nav.woocommerce-pagination ul {
  border: none !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 60px !important;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: none !important;
  margin: 0 !important;
  display: inline-flex !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 12px !important;
  border: 1px solid #F0E1EA !important;
  background: #fff !important;
  color: #1A0B14 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  transition: all 0.2s !important;
  text-decoration: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  border-color: #FF00A8 !important;
  color: #FF00A8 !important;
  background: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: linear-gradient(135deg, #FF00A8, #C00084) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 8px 20px rgba(255, 0, 168, 0.35) !important;
}

/* ==========================================================================
   9. TRI / RÉSULTATS — Plus moderne
   ========================================================================== */
.woocommerce-result-count {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  color: #5C4654 !important;
  margin: 0 !important;
  padding: 14px 0 !important;
}
.woocommerce-ordering {
  margin: 0 !important;
}
.woocommerce-ordering select {
  background: #fff !important;
  border: 1px solid #F0E1EA !important;
  color: #1A0B14 !important;
  padding: 12px 40px 12px 18px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 500 !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' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23FF00A8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  transition: all 0.2s !important;
}
.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus {
  border-color: #FF00A8 !important;
  outline: none !important;
}

/* ==========================================================================
   10. WIDGET "PRODUITS RÉCEMMENT VUS" (si activé)
   Allez dans Apparence → Widgets → ajouter "Produits récemment vus" à la sidebar.
   ========================================================================== */
.widget_recently_viewed_products {
  background: #fff !important;
  border: 1px solid #F0E1EA !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
}
.widget_recently_viewed_products > h2,
.widget_recently_viewed_products > h3,
.widget_recently_viewed_products > .widget-title {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #1A0B14 !important;
  margin: 0 0 18px 0 !important;
  padding: 0 0 14px 0 !important;
  border-bottom: 1px solid #F0E1EA !important;
  position: relative !important;
}
.widget_recently_viewed_products > h2::after,
.widget_recently_viewed_products > h3::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -1px !important;
  width: 40px !important;
  height: 2px !important;
  background: #FF00A8 !important;
}
.widget_recently_viewed_products .product_list_widget {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.widget_recently_viewed_products .product_list_widget li {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #F0E1EA !important;
}
.widget_recently_viewed_products .product_list_widget li:last-child {
  border-bottom: none !important;
}
.widget_recently_viewed_products .product_list_widget li a {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  text-decoration: none !important;
  color: #1A0B14 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  flex: 1 !important;
}
.widget_recently_viewed_products .product_list_widget li img {
  width: 56px !important;
  height: 56px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}
.widget_recently_viewed_products .product_list_widget li .amount {
  display: block !important;
  color: #FF00A8 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  margin-top: 4px !important;
}
.widget_recently_viewed_products .product_list_widget li del .amount {
  color: #9C8A95 !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  margin-right: 6px !important;
}

/* ==========================================================================
   11. ESPACEMENTS GÉNÉRAUX
   ========================================================================== */
.woocommerce-products-header,
.woocommerce-notices-wrapper {
  margin-bottom: 24px !important;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
  margin: 32px 0 !important;
  gap: 28px !important;
}

/* ==========================================================================
   12. WIDGET PERSONNALISÉ "FILTRES RAPIDES" (si vous l'ajoutez en HTML)
   ========================================================================== */
.ad-quick-filters {
  background: #fff;
  border: 1px solid #F0E1EA;
  border-radius: 20px;
  padding: 24px;
  margin-bottom: 24px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.ad-quick-filters .ad-qf-title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #1A0B14;
  margin: 0 0 18px 0;
  padding: 0 0 14px 0;
  border-bottom: 1px solid #F0E1EA;
  position: relative;
}
.ad-quick-filters .ad-qf-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 40px;
  height: 2px;
  background: #FF00A8;
}
.ad-quick-filters .ad-qf-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ad-quick-filters .ad-qf-chip {
  background: #FFF8FC;
  border: 1px solid #F0E1EA;
  color: #5C4654;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  display: inline-block;
}
.ad-quick-filters .ad-qf-chip:hover,
.ad-quick-filters .ad-qf-chip.active {
  background: linear-gradient(135deg, #FF00A8, #C00084);
  color: #fff;
  border-color: transparent;
}/* End custom CSS */