/* ============================================================
   PatchPlus — Services (page-scoped)
   Only new styles for the Services page. Shared design system
   lives in css/styles.css and is loaded first.
   ============================================================ */

/* Service-row two-column grids: alternating image/text blocks.
   Each row is a .svc-row wrapping a 2-col grid. The image and text
   panes carry .svc-media / .svc-copy so they can be reordered on
   stacking. Order swaps (.svc-copy[order:2] / .svc-media[order:1])
   are set inline on the markup to mirror the prototype. */

/* Stack 2-column grids to a single column under ~860px */
@media (max-width: 860px) {
  .svc-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  /* When stacked, always show the image first, copy second,
     regardless of the desktop order set inline. */
  .svc-media { order: 1 !important; }
  .svc-copy  { order: 2 !important; }

  /* Maintenance contracts block: stack copy then the rows panel */
  .svc-contracts-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* Tighten section padding on small phones to match home page spirit */
@media (max-width: 620px) {
  .svc-section { padding-left: 20px !important; padding-right: 20px !important; }
  .svc-header-inner { padding-left: 20px !important; padding-right: 20px !important; }
  .svc-cta-box { padding: 44px 28px !important; }
  .svc-cta-hatch { display: none !important; }
}