/* fp-services-grid.css — Homepage services grid layout
   Forces a clean 4-across grid on desktop so the 16 service
   tiles render as an even 4×4 block. Tablet keeps a balanced
   auto-fill; mobile is left untouched (stays 2-up = 2×8).
   Deploy: v40 · June 2026 */

/* Desktop (≥901px): exactly 4 columns → 4×4 for 16 tiles */
@media (min-width: 901px) {
  .services-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    max-width: var(--max-w, 1200px);
    margin-left: auto;
    margin-right: auto;
  }
}

/* Tablet (641–900px): 3 across reads cleanly at this width */
@media (min-width: 641px) and (max-width: 900px) {
  .services-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Mobile (≤640px): intentionally NOT overridden.
   Base stylesheet already yields a 2-column layout
   (auto-fill, minmax(140px,1fr)) = 2×8 for 16 tiles. */