/* First-paint shell: keep SEO geometry stable before storefront CSS hydrates. */
html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  background: #e9ebee;
  color: #0f172a;
}

#eonix-seo {
  box-sizing: border-box;
  min-height: min(92vh, 52rem);
  margin: 0;
  padding: 5rem 5vw 3.5rem;
}

#eonix-seo[data-bleed-behind-nav="1"],
html[data-bleed-behind-nav="1"] #eonix-seo {
  min-height: calc(4.5rem + min(92vh, 52rem));
  padding-top: calc(4.5rem + 3.5rem);
}