/* 6 COMPUTER · unified contained storefront · 2.26.5.7
   A single maximum page width for every Page Engine top-level Section.
   Hero imagery can fill the width of its 1280px section; not the entire browser window.
   Nested layout-container slots are deliberately not constrained as individual pages.
 */
:root{--c6-site-max:1280px;--c6-site-gutter:24px}
/* Traditional static pages that use the global site shell share the same horizontal grid. */
body .shell{width:min(var(--c6-site-max),calc(100% - 2 * var(--c6-site-gutter)))!important;max-width:var(--c6-site-max)!important;margin-inline:auto!important;box-sizing:border-box!important}
/* Page Engine top-level sections and layout groups use the same centered design frame. */
#pageEngineRoot>.pe-sec,#pageEngineRoot>.pe-layout-container{
 width:min(var(--c6-site-max),calc(100% - 2 * var(--c6-site-gutter)))!important;
 max-width:var(--c6-site-max)!important;
 margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
}
/* A Section's individually saved width cannot expand beyond the site-wide standard. */
#pageEngineRoot>.pe-sec.pe-section-contained{max-width:var(--c6-site-max)!important}
#pageEngineRoot>.pe-sec>.pe-shell{max-width:100%!important;min-width:0!important}
#pageEngineRoot>.pe-layout-container>.pe-layout-container-inner{max-width:100%!important;min-width:0!important}
#pageEngineRoot>.pe-sec.pe-type-hero_slider,#pageEngineRoot>.pe-sec.pe-type-banner{overflow:hidden;border-radius:0 0 12px 12px}
/* Keep background/motion layers clipped inside their section frame, without clipping scrollers. */
#pageEngineRoot>.pe-sec.pe-type-hero_slider>.pe-hero-stage{max-width:100%!important}
@media(max-width:640px){:root{--c6-site-gutter:14px}#pageEngineRoot>.pe-sec.pe-type-hero_slider,#pageEngineRoot>.pe-sec.pe-type-banner{border-radius:0 0 8px 8px}}