/* MOZAIK Layout Refinement v1.1 — only layout dimensions for shortcode pages.
   Preserve header/oval menu, existing fonts, colors, hero visuals, animations.
   Graphical Design page remains the reference and is never overridden. */

/* Escape Astra's narrow article content wrapper. A width override on the inner
   container alone cannot overcome an ancestor's max-width. */
body .entry-content > .mh-home,
body .entry-content > .mozaik-printing,
body .entry-content > .mzwpb-page,
body .entry-content > .mzpf-page,
body .entry-content > .mzap,
body .entry-content .mh-home,
body .entry-content .mozaik-printing,
body .entry-content .mzwpb-page,
body .entry-content .mzpf-page,
body .entry-content .mzap {
    position: relative;
    box-sizing: border-box;
    width: 100vw !important;
    max-width: none !important;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

/* Match the graphic-design page's apparent ~90%-viewport content width.
   The cap prevents overlong text on ultra-wide displays, but does not force
   the narrow 1280px limit that caused the previous mismatch. */
.mh-home .mh-container,
.mh-home .mh-original-services,
.mh-home .mz-impact-inner,
.mozaik-printing .wrap,
.mzwpb-page .mzwpb-container,
.mzpf-page .mzpf-works,
.mzap .mzap-shell {
    box-sizing: border-box;
    width: 90% !important;
    max-width: 1800px !important;
    margin-inline: auto !important;
}

/* Leave hero-specific inner layouts alone to retain composition / motion. */
.mozaik-printing section.hero > .wrap {
    width: calc(100% - clamp(36px, 6vw, 116px)) !important;
    max-width: none !important;
}
.mzwpb-page { --mzwpb-max: 1800px; }
.mzwpb-page .mzwpb-section--hero > .mzwpb-container {
    width: min(calc(100% - 48px), 1800px) !important;
}

/* Printing palette, previously approved; do not recolor hero or images. */
.mozaik-printing { --cream:#fff; background-color:#fff; }
.mozaik-printing .mp-custom-block { background-color:#fff; }
.mozaik-printing .product,
.mozaik-printing .quote-panel { background-color:#f5f6f6; }

@media (max-width: 767px) {
    .mh-home .mh-container,
    .mh-home .mh-original-services,
    .mh-home .mz-impact-inner,
    .mozaik-printing .wrap,
    .mzwpb-page .mzwpb-container,
    .mzpf-page .mzpf-works,
    .mzap .mzap-shell { width: calc(100% - 32px) !important; }
    .mozaik-printing section.hero > .wrap { width: calc(100% - 36px) !important; }
}