/* Laser Cutting Experts — small layout fixes on top of styles.css.
   Installed by fixes/build-fixes.mjs; run it last, after shop, footer and header. */

/* Homepage "More services": the grey band was a content-width box with no side padding,
   so the eyebrow and heading sat flush on the grey edge. Same pattern as .section-muted:
   full-bleed grey, content kept on the 1180px column. */
body.homepage-refined .section.custom-support-section,
.section.custom-support-section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: max(18px, calc((100vw - 1180px) / 2));
  padding-block: clamp(44px, 5vw, 64px);
}

/* Quote path block (service pages): its faint amber tint was a content-width box with a hard
   left edge and the panel flush against it. Full-bleed tint, panel on the 1180px column. */
.section.review-path-section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: max(18px, calc((100vw - 1180px) / 2));
}

/* Homepage: the section after "More services" was 40px top / 72px bottom. It is now its own
   band, so it gets the same even spacing as the band above. */
.homepage-refined .section.custom-support-section + .quote-feature-section {
  padding-top: clamp(44px, 5vw, 64px);
  padding-bottom: clamp(44px, 5vw, 64px);
}

/* A section's padding is the gap; a margin on its first or last child added a second, uneven
   gap (e.g. a heading with nothing after it left 92px below vs 58px above). */
main .section > :first-child { margin-top: 0; }
main .section > :last-child { margin-bottom: 0; }