.container {
  width: min(
    calc(100% - (var(--container-gutter) * 2)),
    var(--container-fluid),
    var(--container)
  );
  margin-inline: auto;
}

section {
  position: relative;
}

.home-about-section,
.catalog-cta-section,
.site-footer {
  background: var(--color-white);
}

.brands-section,
.internal-hero {
  background: var(--color-bg-soft);
}

.categories-section,
.coming-soon-section {
  background: var(--color-bg-warm);
}

.newsletter-cta-section {
  background: linear-gradient(180deg, #f7f8f6 0%, #f3f4f2 100%);
}