/**
 * NUCLEAR OVERRIDE — 2026-09-01
 * Kill ALL Storefront/WooCommerce styles interfering with catalogue cards.
 * Loaded with priority 99999 as LAST stylesheet.
 */

/* Kill widget violet Storefront + toutes handheld bars */
.storefront-handheld-footer-bar,
#storefront-handheld-footer-bar,
#secondary,
.widget-area,
.sidebar,
body.right-sidebar #secondary,
body.storefront-full-width-content .storefront-handheld-footer-bar {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
}

/* Container catalog : full-bleed mobile pas de padding */
.woocommerce-page #primary,
.woocommerce #primary,
body.archive #primary,
body.tax-product_cat #primary,
.site-main .container-main.catalog-page,
.container-main.catalog-page,
.ep-container.ep-catalogue-page,
.ep-catalogue-page {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin: 0 auto !important;
  float: none !important;
}
@media (min-width: 640px) {
  .ep-catalogue-page { padding-left: 16px !important; padding-right: 16px !important; }
}
@media (min-width: 1024px) {
  .ep-catalogue-page { padding-left: 24px !important; padding-right: 24px !important; max-width: 1400px !important; }
}

/* GRID PRODUITS — nuclear override */
.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products,
.ep-product-grid,
div.ep-product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-column-gap: 10px !important;
  grid-row-gap: 10px !important;
  column-gap: 10px !important;
  row-gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
}
@media (min-width: 640px) {
  ul.products, .ep-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}
@media (min-width: 1024px) {
  ul.products, .ep-product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}
@media (min-width: 1280px) {
  ul.products, .ep-product-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* CARDS PRODUITS — reset TOTAL, ignore .product .first .last .col-* */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products li.product,
li.product.first, li.product.last, li.product.col-1, li.product.col-2, li.product.col-3, li.product.col-4, li.product.col-5,
article.ep-product-card,
article.product,
.ep-product-grid > article,
.ep-product-grid > li,
.ep-product-grid > div,
.woocommerce ul.products li.product.first,
.woocommerce ul.products li.product.last {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid #E4EDF2 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  transition: box-shadow 0.25s ease, transform 0.25s ease !important;
}
.ep-product-card:hover, article.product:hover {
  box-shadow: 0 8px 24px rgba(8, 62, 94, 0.10) !important;
  transform: translateY(-2px) !important;
}

/* Image wrapper */
.ep-card-image-wrap {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: #F5F5F7 !important;
  position: relative !important;
  overflow: hidden !important;
}
.ep-card-image-wrap img,
.ep-card-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 8px !important;
  transition: transform 0.4s ease !important;
  box-sizing: border-box !important;
}
.ep-product-card:hover .ep-card-image { transform: scale(1.06) !important; }

/* Card body */
.ep-card-body {
  padding: 8px !important;
  gap: 4px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  position: relative !important;
  min-width: 0 !important;
}

/* Titre - garantir 2 lignes visibles */
.ep-card-title,
.ep-product-card h2, .ep-product-card h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: rgb(10, 47, 67) !important;
  font-weight: 600 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.6em !important;
  word-break: break-word !important;
  hyphens: auto !important;
}
@media (min-width: 640px) {
  .ep-card-title { font-size: 13px !important; }
}
@media (min-width: 1024px) {
  .ep-card-title { font-size: 14px !important; }
}

/* Prix */
.ep-card-price, .woocommerce ul.products li.product .price {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1d1d1f !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
@media (min-width: 1024px) { .ep-card-price { font-size: 17px !important; } }

/* Stock — inline pour pas casser en 2 lignes */
.ep-card-stock {
  font-size: 10px !important;
  margin: 2px 0 4px !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.ep-stock-label { display: inline !important; }

/* Bouton "Ajouter au panier" — compact et lisible */
.ep-card-btn,
.ep-card-btn--add-to-cart,
.woocommerce ul.products li.product .button {
  padding: 6px 4px !important;
  font-size: 10px !important;
  margin: 6px 0 0 !important;
  width: 100% !important;
  min-height: 32px !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 3 !important;
  cursor: pointer !important;
}
@media (min-width: 640px) {
  .ep-card-btn { font-size: 11px !important; padding: 8px 6px !important; min-height: 36px !important; }
}
@media (min-width: 1024px) {
  .ep-card-btn { font-size: 10.8px !important; padding: 10px 8px !important; min-height: 40px !important; }
}

/* Badges compacts */
.ep-card-badges {
  position: absolute !important;
  top: 6px !important;
  left: 6px !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  pointer-events: none !important;
}
.ep-badge {
  font-size: 9px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
}
.ep-badge--new { background: #08AAC5 !important; color: #fff !important; }
.ep-badge--eco { background: #25A96B !important; color: #fff !important; }
.ep-badge--promo { background: #E85E47 !important; color: #fff !important; }

/* Badge énergie top-right */
.ep-card-energy-wrap {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  z-index: 5 !important;
}
.ep-energy-badge {
  font-size: 9px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}

/* STRETCHED LINK — card entièrement cliquable */
.ep-card-image-link {
  display: block !important;
  position: static !important;
}
.ep-card-image-link::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
  pointer-events: auto !important;
}
/* Éléments cliquables au-dessus du stretched link */
.ep-card-btn,
.ep-card-badges,
.ep-card-energy-wrap,
.ep-card-title-link {
  position: relative !important;
  z-index: 3 !important;
}


/* ═════════════════════════════════════════════════════════════════════
   PATCH 2026-09-01 v2 — Fix tronquages bouton + titre
   ═════════════════════════════════════════════════════════════════════ */

/* Titre : 3 lignes au lieu de 2 sur mobile pour plus de contenu */
@media (max-width: 640px) {
  .ep-card-title,
  .ep-product-card h3,
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    min-height: 3.9em !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
}

/* Bouton "Ajouter au panier" — icône + texte réduit pour éviter tronquage */
@media (max-width: 640px) {
  .ep-card-btn,
  .ep-card-btn--add-to-cart,
  .woocommerce ul.products li.product .button {
    font-size: 0 !important;
    padding: 8px 4px !important;
    min-height: 36px !important;
    position: relative !important;
    color: transparent !important;
  }
  /* Injection icône + texte compact via ::before */
  .ep-card-btn::before,
  .ep-card-btn--add-to-cart::before,
  .woocommerce ul.products li.product .button::before {
    content: "🛒 +" !important;
    display: inline-block !important;
    font-size: 14px !important;
    color: white !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
  }
  .ep-card-btn--dark::before,
  .ep-card-btn--snow::before {
    color: #1a1a1a !important;
  }
}

/* Sur tablette : texte visible en entier */
@media (min-width: 641px) {
  .ep-card-btn,
  .ep-card-btn--add-to-cart {
    font-size: 10.8px !important;
    padding: 10px 8px !important;
  }
  .ep-card-title {
    -webkit-line-clamp: 2 !important;
    min-height: 2.6em !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════
   PATCH 2026-09-01 v4 — Cards étirées 2 col mobile (comme home)
   Pagination 12 produits/page géré via functions.php
   ═════════════════════════════════════════════════════════════════════ */

/* Mobile <640 : 2 colonnes, cards étirées verticalement */
@media (max-width: 639px) {
  .ep-product-grid,
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  ul.products,
  div.ep-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 !important;
  }
  .ep-product-card,
  article.ep-product-card,
  article.product {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    padding: 0 !important;
    min-height: unset !important;
    height: auto !important;
    position: relative !important;
    background: white !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
  }
  .ep-card-image-wrap,
  .ep-card-image-link {
    aspect-ratio: 1 / 1 !important;
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 0 !important;
    position: relative !important;
    background: #F5F5F7 !important;
    display: block !important;
  }
  .ep-card-image-wrap img,
  .ep-card-image-link img,
  .ep-product-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 8px !important;
  }
  .ep-card-body {
    padding: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    flex: 1 !important;
  }
  .ep-card-brand {
    font-size: 9px !important;
    color: #5A7A8C !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    font-weight: 600 !important;
  }
  .ep-card-title {
    font-size: 10.8px !important;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 32px !important;
    line-height: 1.35 !important;
    margin: 2px 0 !important;
    color: #0B1F3A !important;
    font-weight: 600 !important;
  }
  .ep-card-price,
  .ep-card-price .amount,
  .ep-product-card .price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0B1F3A !important;
    margin-top: 2px !important;
  }
  .ep-card-btn,
  .ep-card-btn--add-to-cart,
  .woocommerce ul.products li.product .button {
    font-size: clamp(9px, 2.4vw, 11px) !important;
    color: white !important;
    padding: 8px 6px !important;
    min-height: 34px !important;
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    text-align: center !important;
    border-radius: 8px !important;
    margin-top: 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .ep-card-btn--dark {
    color: #1a1a1a !important;
  }
  /* Badges compact top-left */
  .ep-card-badges {
    top: 6px !important;
    left: 6px !important;
    right: unset !important;
    max-width: calc(100% - 12px) !important;
    position: absolute !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
    z-index: 5 !important;
    width: auto !important;
  }
  .ep-badge,
  .ep-badge--new,
  .ep-badge--eco {
    font-size: 9px !important;
    padding: 2px 6px !important;
    display: inline-block !important;
    width: fit-content !important;
    max-width: 70px !important;
    line-height: 1.3 !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }
}

/* Tablette 640-1023 : 3 colonnes */
@media (min-width: 640px) and (max-width: 1023px) {
  .ep-product-grid,
  ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .ep-product-card {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
  }
  .ep-card-image-wrap {
    max-width: 100% !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
  }
}

/* Desktop 1024+ : 3 colonnes (avec sidebar) */
@media (min-width: 1024px) {
  .ep-product-grid,
  ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

/* XL 1280+ : 4 colonnes */
@media (min-width: 1280px) {
  .ep-product-grid,
  ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
/* fallback safety: neutralize any residual <ul> wrapper */
.ep-product-grid > ul.products { display: contents !important; }

/* ═════════════════════════════════════════════════════════════════════
   PATCH 2026-09-01 v5 — Bouton catégorie = bouton home (parité stricte)
   Bouton home : glass gris clair, texte noir, 12px, 44px height, pill
   Override .ep-card-btn--snow et .ep-card-btn--dark sur pages catégorie
   ═════════════════════════════════════════════════════════════════════ */

.ep-card-btn,
.ep-card-btn--add-to-cart,
.ep-card-btn--snow,
.ep-card-btn--dark,
.woocommerce ul.products li.product .button,
.ep-product-card .add_to_cart_button {
  background: linear-gradient(145deg, rgba(245, 247, 250, 0.95) 0%, rgba(210, 218, 228, 0.85) 100%) !important;
  background-image: linear-gradient(145deg, rgba(245, 247, 250, 0.95) 0%, rgba(210, 218, 228, 0.85) 100%) !important;
  background-color: transparent !important;
  color: rgb(26, 26, 26) !important;
  font-size: 10.8px !important;
  font-weight: 600 !important;
  padding: 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.70) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10),
              0 6px 20px rgba(0,0,0,0.06),
              inset 0 1px 0 rgba(255,255,255,0.95),
              inset 0 -1px 0 rgba(0,0,0,0.08) !important;
  backdrop-filter: blur(24px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(200%) !important;
  min-height: 44px !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: 1.2 !important;
  transition: background 0.3s ease, transform 0.2s ease !important;
  animation: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Hover : gradient cyan (comme home) */
.ep-card-btn:hover,
.ep-card-btn--add-to-cart:hover,
.ep-card-btn--snow:hover,
.ep-card-btn--dark:hover {
  background: linear-gradient(145deg, rgba(8,170,197,0.90) 0%, rgba(6,154,179,0.95) 100%) !important;
  background-image: linear-gradient(145deg, rgba(8,170,197,0.90) 0%, rgba(6,154,179,0.95) 100%) !important;
  color: white !important;
  transform: translateY(-1px) !important;
}

/* Kill snow particules animation */
.ep-card-btn--snow::before,
.ep-card-btn--snow::after {
  content: none !important;
  animation: none !important;
}

/* Mobile spécifique : garantir font-size 12px et hauteur */
@media (max-width: 639px) {
  .ep-card-btn,
  .ep-card-btn--add-to-cart,
  .ep-card-btn--snow,
  .ep-card-btn--dark,
  .woocommerce ul.products li.product .button {
    font-size: 10.8px !important;
    min-height: 44px !important;
    padding: 10px !important;
  }
}

/* PATCH 2026-09-01 v6 — Home button -10% (12px -> 10.8px) */
.product-card__add,
.product-card__add.btn,
.btn.product-card__add,
.ep-product-card .product-card__add {
  font-size: 10.8px !important;
}
@media (max-width: 639px) {
  .product-card__add { font-size: 10.8px !important; }
}

/* PATCH 2026-09-01 v7 — Grid 5col desktop (5×4=20) + tablet 3col */
@media (min-width: 1024px) {
  .ep-product-grid,
  ul.products {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .ep-product-grid,
  ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

/* PATCH 2026-09-01 v8 — Force grid 5col desktop avec specificity max */
@media (min-width: 1024px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  ul.products,
  .ep-product-grid,
  div.ep-product-grid,
  body .ep-product-grid,
  main .ep-product-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  ul.products,
  .ep-product-grid,
  div.ep-product-grid,
  body .ep-product-grid,
  main .ep-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════
   PATCH 2026-09-01 v9 — Card catégorie = card home (parité stricte)
   Home ref : radius 16px, title 14px/desktop navy #0A2F43, price 16px navy,
   image padding 12px, bg #F5F5F7, no box-shadow (juste hover)
   ═════════════════════════════════════════════════════════════════════ */

.ep-product-card,
article.ep-product-card,
article.product.ep-product-card {
  background: white !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04) !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  border: none !important;
}
.ep-product-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06) !important;
  transform: translateY(-3px) !important;
}

.ep-card-image-link,
.ep-card-image-wrap {
  background: #F5F5F7 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  display: block !important;
}
.ep-card-image-link img,
.ep-card-image-wrap img,
.ep-product-card img.ep-card-image {
  padding: 12px !important;
  object-fit: contain !important;
  width: 100% !important;
  height: 100% !important;
  transition: transform 0.5s ease !important;
}
.ep-product-card:hover img {
  transform: scale(1.06) !important;
}

.ep-card-title {
  font-weight: 600 !important;
  color: rgb(10, 47, 67) !important;
  line-height: 1.35 !important;
  transition: color 0.2s ease !important;
}
.ep-product-card:hover .ep-card-title {
  color: #08AAC5 !important;
}

.ep-card-price,
.ep-card-price .amount,
.ep-card-price .woocommerce-Price-amount {
  color: rgb(10, 47, 67) !important;
  font-weight: 700 !important;
}

/* Mobile <640 : title 12px, price 16px */
@media (max-width: 639px) {
  .ep-card-title {
    font-size: 12px !important;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 32px !important;
  }
  .ep-card-price,
  .ep-card-price .amount { font-size: 16px !important; }
  .ep-card-image-link img,
  .ep-card-image-wrap img { padding: 8px !important; }
}

/* Tablet 640-1023 : title 13px, price 16px */
@media (min-width: 640px) and (max-width: 1023px) {
  .ep-card-title {
    font-size: 13px !important;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .ep-card-price,
  .ep-card-price .amount { font-size: 16px !important; }
}

/* Desktop 1024+ : title 14px, price 16px (parité HOME) */
@media (min-width: 1024px) {
  .ep-card-title {
    font-size: 14px !important;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .ep-card-price,
  .ep-card-price .amount { font-size: 16px !important; }
}

/* PATCH 2026-09-01 v10 — Title font-size responsive avec spec haute (match HOME) */
@media (max-width: 639px) {
  .ep-card-title,
  .ep-product-card h2, .ep-product-card h3,
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 12px !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .ep-card-title,
  .ep-product-card h2, .ep-product-card h3,
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 13px !important;
  }
}
@media (min-width: 1024px) {
  .ep-card-title,
  .ep-product-card h2, .ep-product-card h3,
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
  }
}

/* PATCH v11 — Fine-tune mobile match home exact (title 13px, price 15px) */
@media (max-width: 639px) {
  .ep-card-title,
  .ep-product-card h2, .ep-product-card h3,
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 13px !important;
  }
  .ep-card-price,
  .ep-card-price .amount,
  .ep-card-price .woocommerce-Price-amount {
    font-size: 15px !important;
  }
}

/* ═════════════════════════════════════════════════════════════════════
   PATCH v12 — Badge énergie catégorie = style HOME strict
   HOME : position absolute top:8 right:8, 11px 800 weight, 6px radius,
   padding 3px 8px, colors A+++=#00A550...G=#C00020
   ═════════════════════════════════════════════════════════════════════ */

.ep-product-card {
  position: relative !important;
}

.ep-card-energy-wrap {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 5 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
}

.ep-energy-badge {
  position: static !important;
  display: inline-block !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  border-radius: 6px !important;
  color: #fff !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
  width: auto !important;
  height: auto !important;
  background: #22a05a !important; /* default */
  min-width: 24px !important;
  text-align: center !important;
}

/* Palette exacte matching HOME (product-card__energy) */
.ep-energy-badge--appp,
.ep-energy-badge--aplusplusplus { background: #00A550 !important; color: #fff !important; }
.ep-energy-badge--app,
.ep-energy-badge--aplusplus     { background: #3DB84B !important; color: #fff !important; }
.ep-energy-badge--ap,
.ep-energy-badge--aplus         { background: #7DC342 !important; color: #fff !important; }
.ep-energy-badge--a             { background: #B5D334 !important; color: #1a1a1a !important; }
.ep-energy-badge--b             { background: #F5E800 !important; color: #1a1a1a !important; }
.ep-energy-badge--c             { background: #FABD00 !important; color: #1a1a1a !important; }
.ep-energy-badge--d             { background: #F28B00 !important; color: #fff !important; }
.ep-energy-badge--e             { background: #EE5E25 !important; color: #fff !important; }
.ep-energy-badge--f             { background: #E03020 !important; color: #fff !important; }
.ep-energy-badge--g             { background: #C00020 !important; color: #fff !important; }