@media (min-width: 45rem) {
  *[grid='122'] {
    grid-column: span 3;
  }
  *[grid='123'] {
    grid-column: span 3;
  }
}
@media (min-width: 60rem) {
  main.catalog, main.product, main.item {
    padding: var(--lr-max);
    gap: 2rem var(--lr-max);
  }
  article.page h1, nav.siblings {margin-left: var(--lr-max); margin-right: var(--lr-max);}
  .site-header, .site-footer, .layout-row {padding-left: var(--lr-max); padding-right: var(--lr-max);} 
}
@media (min-width: 80rem) {
  *[grid='123'] {
    grid-column: span 2;
  }
}