/* Four Seasons design QA 2026-10-16 (Manual QA card a3a8ab49). Spacing and layout only: no copy, colour or font changes.
   Loaded after every other stylesheet. Rollback = remove the one <link> line that loads this file. */

/* 1. Service photo cards: the photo caption sat 2px from the card edge while the card text below sits 22px in.
      Line the caption up with the card text. (home "What We Do", /nj/services, every page with photo cards) */
.bvg-card-grid .bvg-img-card > .bvg-figure > figcaption{margin:10px 22px 0!important;padding:0!important;line-height:1.45}

/* 2. 3-up grids with an unfilled last row (home: 8 service cards; review grids with 5 or 4 reviews):
      the last row hugged the left with a blank card slot on the right. Centre the last row instead. Desktop only. */
@media (min-width:1001px){
  html body .bvg-body .bvg-card-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  html body .bvg-body .bvg-card-grid > *{grid-column:span 2!important}
  html body .bvg-body .bvg-card-grid > :nth-child(3n+1):nth-last-child(2){grid-column:2 / span 2!important}
  html body .bvg-body .bvg-card-grid > :nth-child(3n+1):last-child{grid-column:3 / span 2!important}
}
@media (min-width:961px){
  html body .bvg-reviewproof-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  html body .bvg-reviewproof-grid > *{grid-column:span 2!important}
  html body .bvg-reviewproof-grid > :nth-child(3n+1):nth-last-child(2){grid-column:2 / span 2!important}
  html body .bvg-reviewproof-grid > :nth-child(3n+1):last-child{grid-column:3 / span 2!important}
}

/* 3. 2-up dark link cards on town pages ("Other work we do in <town>"): an odd count left one card alone
      with a half-row hole beside it. Centre the lone last card. Only where the list is 2 columns (561px+). */
@media (min-width:561px){
  html body .bb-page .bb-svc-links > :last-child:nth-child(odd){grid-column:1 / -1!important;justify-self:center;width:calc(50% - 5px)}
}

/* 4. Mid-page call-to-action bands (/services/ pages): "Call" and "Get a Free Estimate" buttons stacked
      with 0px between them on phones (5px on desktop). Give them air. */
.bvg-midcta .bvg-btn{margin:6px!important}

/* 5. Headings ended with one word alone on the last line (133 on phones across the 19 money pages).
      Balance the lines; wording unchanged. */
main h1,main h2,main h3{text-wrap:balance}