/* Compacte tussenstroken op de dienstenpagina's, ook na interne navigatie. */
#app-main > main:is(
  .tuin-theme,
  .tech42-page,
  .kleppen-page,
  .tech-detail-page,
  .bron-detail-page,
  .waterbehandeling-page,
  .automowers-page,
  .overige-v29
) > .shared-home-wave-band {
  max-height: 1cm;
  min-height: 0;
}

/* Tuinberegening en Bronboring & Brandput: 12 + 12 + 12 = 36 px.
   Begrens ook de ruimte aan weerszijden van de tussenstrook. */
body #app-main > main.tuin-theme:not(.gazon-page) > .shared-home-wave-band {
  height: 12px;
  max-height: 12px;
}

body #app-main > main.tuin-theme:not(.gazon-page) > .hero.simple {
  min-height: 0;
}

body #app-main > main.tuin-theme:not(.gazon-page) > .hero.simple .hero-content,
body #app-main > main.tuin-theme:not(.gazon-page) > .bron64-hero {
  padding-bottom: 12px;
}

body #app-main > main.tuin-theme:not(.gazon-page) > :is(.hero.simple, .bron64-hero) + .section,
body #app-main > main.tuin-theme:not(.gazon-page) > .shared-home-wave-band + .section {
  padding-top: 12px;
}

/* Houd de bestaande boorafbeelding van 440 px volledig binnen het kopgedeelte. */
@media (min-width: 901px) {
  body #app-main > main.bron64-theme > .bron64-hero .bron64-hero-media {
    min-height: 440px;
  }
}

/* Projecten: dezelfde overgang van 12 + 12 + 12 = 36 px. */
body #app-main > main.hero-theme-page.projecten-theme > .shared-home-wave-band {
  height: 12px;
  max-height: 12px;
  min-height: 0;
}

body #app-main > main.hero-theme-page.projecten-theme > .hero.simple {
  min-height: 0;
}

body #app-main > main.hero-theme-page.projecten-theme > .hero.simple .hero-content {
  padding-bottom: 12px;
}

body #app-main > main.hero-theme-page.projecten-theme > .hero.simple .hero-content > :last-child {
  margin-bottom: 0;
}

body #app-main > main.hero-theme-page.projecten-theme > .hero.simple + .section,
body #app-main > main.hero-theme-page.projecten-theme > .shared-home-wave-band + .section {
  padding-top: 12px;
}