/* Site-wide widescreen enhancements */
/* Extend max container width for very large screens */
@media (min-width: 1400px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1600px; /* increase from Bootstrap default 1320px */
  }
}

/* Optional: tighten grid spacing slightly on very wide screens */
@media (min-width: 1400px) {
  .product-grid {
    row-gap: 1.25rem;
    column-gap: 1.25rem;
  }
}