/* Regular Pages use the same wide content canvas as product pages.
 * The legacy dynamic-block stylesheet defaults ordinary blocks to 80%, which
 * unintentionally narrows a full-width CMS card inside the page container. */
html body.deceti-theme
#deceti-regular-page.deceti-regular-page {
  --deceti-regular-page-top-gap: 28px;
}

/* Breadcrumbs normally provide the separation below the storefront header.
 * Restore that breathing room when a page has breadcrumbs disabled. */
html body.deceti-theme
#deceti-regular-page.deceti-regular-page--no-breadcrumbs
#content {
  padding-top: var(--deceti-regular-page-top-gap, 28px);
}

html body.deceti-theme
#deceti-regular-page.deceti-regular-page
#content > .deceti-dynamic-block:not([data-deceti-block="topblock"]) {
  box-sizing: border-box;
  width: min(var(--content-max-width, 1600px), calc(100% - 30px)) !important;
  max-width: var(--content-max-width, 1600px) !important;
  margin-inline: auto !important;
}

@media (max-width: 767px) {
  html body.deceti-theme
  #deceti-regular-page.deceti-regular-page {
    --deceti-regular-page-top-gap: 18px;
  }

  html body.deceti-theme
  #deceti-regular-page.deceti-regular-page
  #content > .deceti-dynamic-block:not([data-deceti-block="topblock"]) {
    width: calc(100% - 24px) !important;
  }
}