#swatches {
  --grid-template-columns: 1fr;
  > .p-card:first-child {
    grid-column: 1 / -1;
    margin-bottom: var( --x2 );
  }
}
@media screen and (--desktop-viewport) {
  #swatches {
    --grid-template-columns: 1fr 1fr;
  }
}