.container {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x2);
  margin: 0 auto;
  width: var(--max-width-content);
}

.title {
  display: flex;
  justify-content: space-between;
}

.titleText {
  color: var(--Scandic-Brand-Burgundy);
}

.viewAllLink {
  display: none;
}

.ancillaries {
  display: none;
}

@media screen and (min-width: 1052px) {
  .mobileAncillaries {
    display: none;
  }

  .viewAllLink {
    display: block;
  }

  .ancillaries {
    display: grid;
    grid-template-columns: repeat(4, minmax(251px, 1fr));
    gap: var(--Spacing-x2);
  }
}
