/* Keep the redesigned Shop structure, but restore wide product presentation. */
#shop-grid.shop-redesign-grid,
.shop-redesign-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 430px), 1fr)) !important;
  gap: 20px !important;
}

.shop-redesign-grid .shop-product-card {
  width: 100%;
  min-width: 0;
}

.shop-redesign-grid .shop-product-card:only-child {
  width: min(680px, 100%);
  justify-self: center;
}

@media (max-width: 980px) {
  #shop-grid.shop-redesign-grid,
  .shop-redesign-grid {
    grid-template-columns: 1fr !important;
  }

  .shop-redesign-grid .shop-product-card {
    width: 100%;
  }
}