/* Aweh Black November: product card badges, shared by the home rails
   (.minicard), the catalogue grid and search (.pcard). Markup from
   aweh2_card_badges() in aweh-clearance.php.
   The saving is said once: a real reduction gets one badge on the photo and
   the former price is struck beside the price. Nothing else sits on a card.
   #D63B24 is the owner's flame red nudged just enough for white text to pass
   4.5:1 (#E8452C with white is 3.9:1). */
.aweh2 .minicard__shot, .aweh2 .pcard__shot { position: relative; }
.aweh2 .cbadge { position: absolute; z-index: 3; display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 3px; font-family: var(--font-sans); font-size: .8125rem; font-weight: 800; line-height: 1.1; letter-spacing: 0; text-transform: none; white-space: nowrap; pointer-events: none; -webkit-font-smoothing: antialiased; }
.aweh2 .cbadge--off { top: 10px; left: 10px; background: #d63b24; color: #fff; font-size: .9375rem; }
/* Sold out: the photo greys back and a calm label sits under it, so the card
   reads as a state rather than a broken tile. */
.aweh2 .cbadge--oos { left: 50%; bottom: 12px; padding: 6px 12px; background: rgba(20, 9, 8, .86); color: #fff; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; transform: translateX(-50%); }
.aweh2 .pcard__shot:has(.cbadge--oos) img,
.aweh2 .minicard__shot:has(.cbadge--oos) img { filter: grayscale(1); opacity: .5; }
.aweh2 .pcard:has(.cbadge--oos) .pcard__price,
.aweh2 .minicard:has(.cbadge--oos) .minicard__price { color: var(--muted-foreground); }
/* Former price struck through beside the sale price. */
.aweh2 .pcard__price del, .aweh2 .minicard__price del { margin-right: 6px; font-size: .8em; color: var(--muted-foreground); text-decoration: line-through; text-decoration-thickness: 1.5px; opacity: 1; }
.aweh2 .pcard__price ins, .aweh2 .minicard__price ins { text-decoration: none; color: #b42318; }
/* Long model codes (VO5525S309490) must wrap inside a narrow card, never push it wider. */
.aweh2 .pcard__name, .aweh2 .minicard__name { overflow-wrap: anywhere; }
.aweh2 .pcard__body, .aweh2 .minicard__body { min-width: 0; }
@media (max-width: 479px) {
  .aweh2 .cbadge--off { top: 8px; left: 8px; padding: 5px 9px; font-size: .875rem; }
  .aweh2 .cbadge--oos { bottom: 8px; padding: 5px 10px; font-size: .6875rem; }
}
/* Under R349 facts: plain text with spacing, no pills. */
.aweh2 .clfacts { gap: 6px 22px; }
.aweh2 .clfacts li { max-width: 100%; padding: 0; border: 0; border-radius: 0; }