.article-page--campaign .campaign-status.is-unknown {
  color: #51565a;
  border-color: #d7dadd;
  background: #f3f4f5;
}

.article-page--campaign .campaign-status.is-upcoming {
  color: #245788;
  border-color: #c8dced;
  background: #edf5fc;
}

.article-page--campaign .campaign-timeline > div {
  flex-wrap: wrap;
}

.article-page--campaign .campaign-timeline > div strong {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.campaign-products .offer-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
}

@media (max-width: 780px) {
  .campaign-products .offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 359px) {
  .campaign-products .offer-grid { grid-template-columns: minmax(0, 1fr); }
}