/* ZEROOCLOCK_PAGE_COMPOSITION_ENGINE_PORTABLE_FULL_BLEED_PRESENTATION_RECOVERY_V1_9_24_CSS */
/*
 * Presentation contract:
 * - Dynamic Page Composition components keep the same outer full-bleed canvas on every page.
 * - Native page sections remain inside the host page's normal container.
 * - Inner component layout is intentionally untouched so each component keeps its own Home-page design rules.
 */
[data-zoc-page-composition-component-v110="1"]:not([data-zoc-composition-type="native"]) {
  position: relative !important;
  box-sizing: border-box !important;
  inline-size: 100vw !important;
  width: 100vw !important;
  max-inline-size: none !important;
  max-width: none !important;
  min-inline-size: 0 !important;
  min-width: 0 !important;
  margin-inline-start: calc(50% - 50vw) !important;
  margin-inline-end: calc(50% - 50vw) !important;
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  align-self: stretch !important;
}

/* Known portable dynamic families. Kept explicit for templates that add family-specific width rules. */
[data-zoc-page-composition-component-v110="1"][data-zoc-composition-type="fresh"],
[data-zoc-page-composition-component-v110="1"][data-zoc-composition-type="collection"],
[data-zoc-page-composition-component-v110="1"][data-zoc-composition-type="slider"],
[data-zoc-page-composition-component-v110="1"][data-zoc-composition-type="story"],
[data-zoc-page-composition-component-v110="1"][data-zoc-composition-type="banner"],
[data-zoc-page-composition-component-v110="1"][data-zoc-composition-type="showcase"],
[data-zoc-page-composition-component-v110="1"][data-zoc-composition-type="content"],
[data-zoc-page-composition-component-v110="1"][data-zoc-composition-type="amazing"],
[data-zoc-page-composition-component-v110="1"][data-zoc-composition-type="placedtext"] {
  inline-size: 100vw !important;
  width: 100vw !important;
  max-inline-size: none !important;
  max-width: none !important;
}

@supports (width: 100dvw) {
  [data-zoc-page-composition-component-v110="1"]:not([data-zoc-composition-type="native"]) {
    inline-size: 100dvw !important;
    width: 100dvw !important;
    margin-inline-start: calc(50% - 50dvw) !important;
    margin-inline-end: calc(50% - 50dvw) !important;
  }
}