/* =====================================================================
   Dream Cleen v2 - SERVICE PAGE gallery (one service, no tabs)
   ---------------------------------------------------------------------
   Loaded AFTER dc-hgallery-*.css on service pages: reuses its tiles and
   lightbox, just tighter spacing (it sits right under "How We Clean..."
   and the Step 1-3 cards) and a slightly smaller heading.
   Markup is generated by D:\websites\tools\dc-home-gallery\build.js.
   ===================================================================== */
.dc-hg--service { padding: 30px 10px 60px; }            /* <<< space above / below */
.dc-hg--service .dc-hg__title { font-size: 40px; margin-bottom: 22px; }
.dc-hg--service .dc-hg__grid { margin-top: 0; }
/* few photos: keep tiles a sensible size and centred instead of stretching one tile */
.dc-hg--service.dc-hg--few .dc-hg__grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 180px));
  justify-content: center;
}
@media (max-width: 767.98px) {
  .dc-hg--service { padding: 20px 10px 44px; }
  .dc-hg--service .dc-hg__title { font-size: 28px; margin-bottom: 16px; }
  .dc-hg--service.dc-hg--few .dc-hg__grid { grid-template-columns: repeat(auto-fit, minmax(100px, 140px)); }
}