/* Homepage rhythm. Loaded only for the language-neutral home route. */
#main-content {
  --zj-section-space: 64px;
  --zj-content-space: 32px;
  --zj-card-space: 16px;
  --zj-label-space: 8px;
  --zj-card-bottom: 24px;
}

#main-content > section {
  margin-block: 0;
  padding-block: var(--zj-section-space);
}

/* The following section alone supplies the 64px below View More Products. */
#main-content > .reference-products { padding-bottom: 0; }

/* Put section padding on the outer wrapper; avoid fixed-height empty space. */
#main-content > .reference-hero,
#main-content > .reference-custom { min-height: 0; height: auto; }
#main-content .reference-hero > .hero-background { inset: 0; }
#main-content .reference-hero-content,
#main-content .custom-content {
  min-height: 0;
  height: auto;
  padding-block: 0;
  margin-block: 0;
}

#main-content .center-heading,
#main-content .about-heading { margin-block: 0 var(--zj-content-space); }
#main-content .center-heading > p,
#main-content .about-heading > p,
#main-content .custom-content > p,
#main-content .reference-contact-form .contact-form > .eyebrow {
  margin-block: 0 var(--zj-label-space);
}
#main-content .center-heading > h2,
#main-content .about-heading > h2 { margin-block: 0; }
#main-content .custom-content > h2,
#main-content .reference-contact-form .contact-form > h2 {
  margin-block: 0 var(--zj-content-space);
}
#main-content .center-action { margin-block: var(--zj-content-space) 0; }

#main-content .reference-category { padding-bottom: var(--zj-card-bottom); }
#main-content .reference-category-image { margin-block: 0 var(--zj-card-space); }
#main-content .reference-category > h3 { margin-block: 0 var(--zj-label-space); }
#main-content .reference-category > p { margin-block: 0 var(--zj-card-space); }
#main-content .reference-category > span { margin-block: 0; }

@media (max-width: 740px) {
  #main-content {
    --zj-section-space: 32px;
    --zj-content-space: 16px;
    --zj-card-space: 8px;
    --zj-label-space: 4px;
    --zj-card-bottom: 12px;
  }
}