.promotions-archive {
  margin-top: 36px;
  border-top: 1px solid rgba(37, 42, 48, .16);
}
.promotions-archive > summary {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 28px 4px;
  cursor: pointer;
  list-style: none;
  color: var(--brand-2, #252a30);
}
.promotions-archive > summary::-webkit-details-marker { display: none; }
.promotions-archive > summary:focus-visible {
  outline: 2px solid var(--brand, #e30613);
  outline-offset: 4px;
  border-radius: 8px;
}
.promotions-archive__heading {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
  line-height: 1.2;
}
.promotions-archive__count {
  padding: 4px 12px;
  border-radius: 20px;
  background: #edf1f4;
  font-weight: 700;
}
.promotions-archive__chevron {
  width: 12px;
  height: 12px;
  margin: 0 12px 6px auto;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  flex-shrink: 0;
}
.promotions-archive[open] .promotions-archive__chevron { transform: rotate(225deg); margin-bottom: 0; }
.promotions-archive__intro,
.promotions-archive__empty { color: var(--muted); margin: 0 0 24px; }
.promotion-card--archived .kicker { background: #edf1f4; color: var(--brand-2, #252a30); }
.promotion-card--archived { box-shadow: 0 12px 32px rgba(37, 42, 48, .06); }
.promotions-empty h2 { margin-top: 0; }
@media (max-width: 600px) {
  .promotions-archive { margin-top: 28px; }
  .promotions-archive > summary { gap: 10px; padding: 24px 0; }
}