/* ==========================================================================
   WIDTH IMPROVEMENTS - Making the site more spacious and modern
   Unique rules here; duplicate width/max-width rules are in full-width-fix.css
   ========================================================================== */

/* Product grid improvements for better space utilization */
.products-grid {
  gap: 1.5rem;
}

.product-card {
  margin-bottom: 1.5rem;
}

/* Better spacing for product listings */
.row.g-4 {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
}

/* Navbar inner container - scoped override */
.navbar .container-fluid {
  max-width: 1600px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Category and brand filter improvements */
.filter-section {
  margin-bottom: 2rem;
}

.filter-section .container {
  max-width: 1600px !important;
}