#swatches {
  --grid-template-columns: 1fr;
  > .p-card:first-child {
    grid-column: 1 / -1;
    margin-bottom: var( --x4 );
  }
}
@media screen and (min-width: 1025px) {
  #swatches {
    --grid-template-columns: 1fr 1fr;
  }
}