.sunday-collection-groups {
  background-color: rgb(var(--color-background));
  font-family: var(--ss-font-body);
}

.sunday-collection-groups__inner {
  width: 100%;
  max-width: var(--ss-container-max);
  margin-inline: auto;
  padding: var(--ss-space-7) var(--ss-container-pad) var(--ss-space-8);
}

.sunday-collection-groups__group {
  display: flex;
  flex-direction: column;
  gap: var(--ss-space-5);
  /* Keeps anchored groups clear of the sticky header when linked via #id */
  scroll-margin-block-start: var(--ss-space-8, 96px);
}

.sunday-collection-groups__group + .sunday-collection-groups__group {
  margin-block-start: var(--ss-space-8);
}

.sunday-collection-groups__title {
  margin: 0;
  color: var(--ss-color-primary);
  font-size: clamp(3rem, 7vw, 5.5rem);
  line-height: 0.9;
  text-align: left;
}

.sunday-collection-groups__list {
  display: grid;
  grid-template-columns: repeat(
    var(--sunday-collection-groups-desktop-columns, 3),
    minmax(0, 1fr)
  );
  gap: var(--ss-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
}

.sunday-collection-groups__empty {
  margin: 0;
  color: rgb(var(--color-text));
  text-align: center;
}

@media (max-width: 959px) {
  .sunday-collection-groups__inner {
    padding-block: var(--ss-space-6) var(--ss-space-7);
  }

  .sunday-collection-groups__group + .sunday-collection-groups__group {
    margin-block-start: var(--ss-space-7);
  }

  .sunday-collection-groups__list {
    grid-template-columns: repeat(
      var(--sunday-collection-groups-mobile-columns, 2),
      minmax(0, 1fr)
    );
    gap: var(--ss-space-3);
  }
}

@media (max-width: 560px) {
  .sunday-collection-groups__title {
    font-size: clamp(2.25rem, 12vw, 3.5rem);
  }
}