/* Themeable via CSS vars */
:root {
  --rc-discount-bg: #800020; /* Bordeaux/Burgundy */
  --rc-discount-fg: #ffffff; /* Text color */
}

/* Ensure common image wrappers are positioned for the overlay */
.product.media,
.product-item-photo,
.product-item-info {
  position: relative;
}

/* Rêverie Céleste: rectangular badge, no radius */
.rc-discount-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--rc-discount-bg);
  color: var(--rc-discount-fg);
  padding: 6px 10px;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  z-index: 5;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
@media (min-width: 768px) {
  .rc-discount-badge { top: 14px; left: 14px; font-size: 13px; }
}