/* Product cards marked as advertisement, a tinted band separates them from the editorial content */
.ontemplate-products--advert {
  --ontemplate-advert-bg: #f2f2f2;
  --ontemplate-advert-label: #6c757d;
  --ontemplate-advert-bleed: 0.75rem;

  /* The band reaches into the column gutter, so the cards stay aligned with the text */
  margin-right: calc(var(--ontemplate-advert-bleed) * -1);
  margin-left: calc(var(--ontemplate-advert-bleed) * -1);
  padding: 0.5rem var(--ontemplate-advert-bleed) var(--ontemplate-advert-bleed);
  background-color: var(--ontemplate-advert-bg);
}

.ontemplate-products--advert .ontemplate-products__card {
  border: 0;
}

.ontemplate-products__advert {
  margin: 0 0 0.5rem;
  color: var(--ontemplate-advert-label);
  font-size: 0.6875rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: start;
  text-transform: uppercase;
}

@media (prefers-color-scheme: dark) {
  .ontemplate-products--advert {
    --ontemplate-advert-bg: rgba(255, 255, 255, 0.05);
    --ontemplate-advert-label: #adb5bd;
  }
}