.aside {
  display: grid;
  container-name: sidebar;
  container-type: inline-size;
}

.content {
  padding: var(--Spacing-x0) var(--Spacing-x2);
}

@media screen and (min-width: 1367px) {
  .aside {
    align-content: flex-start;
    display: grid;
    gap: var(--Spacing-x4);
  }
}

@container loyalty-page (max-width: 1366px) {
  .aside {
    display: none;
  }
}