:root{
  --cww-promo:#D0021B;
  --cww-save:#0F7A3D;
  --cww-save-bg:#EAF6EE;
  --cww-muted:#8B8B8B;
}

/* pastille sur l'image, vignette catégorie */
.cww-flag{
  position:absolute; top:0; left:0; z-index:2;
  background:var(--cww-promo); color:#fff;
  font-family:"Fjalla One","Arial Narrow",sans-serif;
  font-size:19px; line-height:1; padding:10px 12px 9px;
  box-shadow:0 3px 10px rgba(208,2,27,.35);
}

.cww-prices{display:flex; flex-direction:column; gap:7px; font-variant-numeric:tabular-nums}

/* prix conseillé barré */
.cww-was{display:flex; align-items:baseline; gap:8px; flex-wrap:wrap}
.cww-was-lbl{
  font-size:11.5px; letter-spacing:.1em; text-transform:uppercase;
  font-weight:600; color:var(--cww-muted);
}
.cww-was-val{position:relative; display:inline-block; font-size:18px; font-weight:600; color:var(--cww-muted)}
.cww-was-val::after{
  content:""; position:absolute; left:-2px; right:-2px; top:52%;
  height:2px; background:var(--cww-promo); transform:rotate(-4deg);
}

/* prix promo */
.cww-now{display:flex; align-items:baseline; gap:9px; flex-wrap:wrap}
.cww-now-val{font-family:"Fjalla One","Arial Narrow",sans-serif; font-size:34px; line-height:1; color:#111}
.cww-on-sale .cww-now-val{color:var(--cww-promo)}
.cww-tax{font-size:12px; color:#777}

/* économie en euros */
.cww-save{
  align-self:flex-start; padding:4px 9px; border-radius:3px;
  background:var(--cww-save-bg); color:var(--cww-save); border:1px solid #BFE3CC;
  font-size:12.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
}

/* fiche produit : pastille % à côté du prix barré */
.cww-pdp .cww-now-val{font-size:40px}
.cww-pct{
  background:var(--cww-promo); color:#fff; padding:3px 8px; border-radius:3px;
  font-size:13px; font-weight:700;
}

@media (max-width:620px){
  .cww-now-val{font-size:28px}
  .cww-pdp .cww-now-val{font-size:32px}
  .cww-flag{font-size:16px; padding:8px 10px}
}

/* La pastille cww-pct n'apparaît PAS dans la vignette catégorie */
.pro_second_box .cww-pct { display: none; }
/* ============================================
   Vignette catégorie : hauteur uniforme des cartes
   ============================================ */

/* 1. La carte produit prend toute la hauteur disponible */
.ajax_block_product.js-product-miniature {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 2. La partie basse (contenu) s'étire pour remplir */
.ajax_block_product .pro_second_box {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* 3. Le bloc prix garde sa hauteur, peu importe le contenu */
.ajax_block_product .cww-prices {
  min-height: 115px;   /* à ajuster selon ton rendu */
}

/* 4. Le bouton "Ajouter au panier" est poussé tout en bas */
.ajax_block_product .act_box_cart {
  margin-top: auto;
}