/* LIVE 2026-09-27 (with site/grid-105.css, the approved master-grid Option 3) · homepage "Our Services" on the master grid — left/right alignment only.
   Sits on top of home-services-filmstrip/, -edge/, -runin/ and -reveal/, in the same `svcfilm` layer, with a higher
   specificity (6 ids) so it wins without touching those packages. Undo: delete the <link> marked "master grid".

   What it corrects: the section's lane `--lane` is `--grid-edge`, which contains a 100%. Inside a service block
   that 100% is the block's width, not the page's, so the colour tile's left bleed and the card strip's right bleed
   land on a private edge — 168px at 1920 (page grid 240), the screen edge at 1440 (page grid 57.6).
   Desktop/tablet: the tile and the strip now start and end on the page grid (the header's own lines); the tile keeps
   its 28px inner padding, so its text does not move or rewrap. Phones: the full-width colour band stays, and the
   tile, cards and service row now start on the page gutter (18px, like every other section), not 16px. */
@layer svcfilm {

@media (min-width: 761px) {
  body #svc3#svc3#svc3#svc3#svc3#svc3 .h1-block > .g4-chap { margin-left: 0 !important; padding-left: 28px !important; }
  /* 1px of end room: with none, at 761–820px (a 420px card wider than the strip, fractional strip width) the
     snap settles on the last card's start and its right side can never be scrolled into view */
  body #svc3#svc3#svc3#svc3#svc3#svc3 .h1-block > .g4-strip { margin-right: 0 !important; padding-right: 1px !important; }
  body #svc3#svc3#svc3#svc3#svc3#svc3 .h1-block > .g4-strip::after { display: none !important; }
}

@media (max-width: 760px) {
  body #svc3#svc3#svc3#svc3#svc3#svc3 .fz7-row { padding-left: var(--lane) !important; padding-right: var(--lane) !important; }
  body #svc3#svc3#svc3#svc3#svc3#svc3 .h1-block > .g4-chap { padding-left: var(--lane) !important; padding-right: var(--lane) !important; }
  body #svc3#svc3#svc3#svc3#svc3#svc3 .h1-block > .g4-strip { padding-left: var(--lane) !important; scroll-padding-left: var(--lane) !important; }
  /* same card width as before (it was 100% - 46px of a strip inset 16px) */
  body #svc3#svc3#svc3#svc3#svc3#svc3 .h1-block .g4-card { width: calc(100% - 62px + var(--lane)) !important; flex: 0 0 calc(100% - 62px + var(--lane)) !important; }
}

}