.promos .bean-allure {
  background: radial-gradient(circle at 72% 20%, #8b6335 0, transparent 38%), linear-gradient(145deg, #28150e, #0b1526);
  border-color: #b9894b;
}

.promos .bean-allure h3 { color: #f1c878; }
.promos .bean-allure-logo { display: block; width: min(100%, 220px); max-height: 78px; object-fit: contain; object-position: left center; margin: 0 0 12px; }
.promo-rotator { grid-column: 1 / -1; position: relative; width: 100%; min-width: 0; }
.promo-rotator .promo-banner { display: flex; width: 100%; min-height: 190px; padding: 20px 28px 32px; flex-direction: column; justify-content: center; align-items: center; text-align: center; transition: opacity .25s ease; }
.promo-rotator .promo-banner.bean-allure { padding: 12px 12px 32px; }
.promo-rotator .bean-allure-logo { width: 100%; height: auto; max-width: none; max-height: none; object-position: center; margin: 0; }
.promo-rotator .bean-allure > .kicker,
.promo-rotator .bean-allure > p,
.promo-rotator .bean-allure > .gold { display: none; }
.promo-rotator .promo-banner p { margin: 5px 0 10px; }
.promo-dots { display: flex; position: absolute; right: 16px; bottom: 16px; gap: 6px; z-index: 2; }
.promo-dots button { width: 9px; height: 9px; padding: 0; border: 1px solid #fff9; border-radius: 50%; background: #fff6; }
.promo-dots button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); }
@media(max-width:600px) {
  .promo-rotator .promo-banner { min-height: 180px; padding: 16px 16px 32px; }
}