/* Two public layout tiers. Internal form fields, columns and reading measures are not tiers. */
:root{--oc-wide:1800px;--oc-narrow:1260px;--oc-page-gutter:15px}
/* Desktop header sizing and widget spacing belong to the original HTML styles.
   Do not flatten their containers or banner margins into the content tiers. */
@media(max-width:1200px){
 body.ocepten-wp #pxl-header-mobile #pxl-header-main>.container{box-sizing:border-box;width:calc(100% - 2*var(--oc-page-gutter))!important;max-width:var(--oc-wide)!important;padding-inline:0!important;margin-inline:auto!important}
 body.ocepten-wp #pxl-header-mobile #pxl-header-main>.container>.row{margin-inline:0!important}
 body.ocepten-wp #pxl-header-mobile .pxl-header-mobile-default{padding-inline:0!important}
}
/* Module pages own their gutters; reset only their full-width Bootstrap scaffolding. */
body.ocepten-wp #pxl-main>:is(.container,.elementor-container):has(>#pxl-content-area.col-12 .oc-module),
body.ocepten-wp #pxl-main>:is(.container,.elementor-container):has(>.row>#pxl-content-area.col-12 .oc-module){width:100%!important;max-width:none!important;padding-inline:0!important;margin-inline:0!important}
body.ocepten-wp #pxl-main>:is(.container,.elementor-container)>.row:has(>#pxl-content-area.col-12 .oc-module){margin-inline:0!important}
body.ocepten-wp #pxl-content-area.col-12:has(.oc-module){padding-inline:0!important}
body.ocepten-wp .oc-module{box-sizing:border-box;width:calc(100% - 2*var(--oc-page-gutter))!important;margin-inline:auto!important;min-width:0}
body.ocepten-wp .oc-module--wide{max-width:var(--oc-wide)!important}
body.ocepten-wp .oc-module--narrow{max-width:var(--oc-narrow)!important}
/* Elementor's stretch script writes viewport widths and left offsets; keep them within the tier. */
body.ocepten-wp #pxl-main .oc-module>section{box-sizing:border-box;width:100%!important;max-width:100%!important;left:auto!important;margin-left:0!important;margin-right:0!important}
body.ocepten-wp .oc-module>.elementor-section>.elementor-container{width:100%!important;max-width:100%!important}
body.ocepten-wp .oc-module>.elementor-section>.elementor-container>.elementor-column>.elementor-widget-wrap{margin-left:0!important;margin-right:0!important}
body.ocepten-wp .oc-module>.oc-buyer{padding-inline:var(--oc-module-inner-gutter,0px)!important}
body.ocepten-wp .oc-module>.oc-buyer>.oc-buyer-inner{width:100%;max-width:var(--oc-narrow)!important;margin-inline:auto}
/* These modules already have a containing tier; avoid a second outer inset. */
body.ocepten-wp .oc-module .oc-hero{width:100%!important;max-width:100%!important;margin-inline:0!important}
body.ocepten-wp .oc-module:has(.oc-hero)>.elementor-section>.elementor-container>.elementor-column>.elementor-widget-wrap{padding-left:0!important;padding-right:0!important}
body.ocepten-wp .oc-module>.oc-certificates{margin-inline:0!important}
body.ocepten-wp #pxl-sidebar-area .oc-module{width:100%!important}
/* Standalone catalog, editorial and utility pages use the narrow tier. */
body.ocepten-wp #pxl-main>.container{box-sizing:border-box;width:calc(100% - 2*var(--oc-page-gutter))!important;max-width:var(--oc-narrow)!important;margin-inline:auto;padding-inline:0}
/* The footer background frame aligns with the wide inquiry panels. */
body.ocepten-wp #pxl-footer-elementor>.footer-elementor-inner>.container{width:100%!important;max-width:none!important;padding-inline:0!important}
body.ocepten-wp #pxl-footer-elementor>.footer-elementor-inner>.container>.row{margin-inline:0!important}
body.ocepten-wp #pxl-footer-elementor>.footer-elementor-inner>.container>.row>.col-12{padding-inline:0!important}
body.ocepten-wp #pxl-footer-elementor .elementor-top-section{width:calc(100% - 2*var(--oc-page-gutter))!important;max-width:var(--oc-wide)!important;left:auto!important;margin-inline:auto!important}
body.ocepten-wp #pxl-footer-elementor .elementor-top-section>.elementor-container{width:100%!important;max-width:100%!important}
body.ocepten-wp #pxl-footer-elementor .elementor-top-section>.elementor-container>.elementor-column>.elementor-widget-wrap{margin-inline:0!important}
body.ocepten-wp #pxl-page-title-elementor .elementor-top-section{width:calc(100% - 2*var(--oc-page-gutter))!important;max-width:var(--oc-wide)!important;left:auto!important;margin-inline:auto!important}
body.ocepten-wp #pxl-page-title-elementor .elementor-top-section>.elementor-container{width:100%!important;max-width:100%!important}
body.ocepten-wp #pxl-page-title-elementor .elementor-top-section>.elementor-container>.elementor-column>.elementor-widget-wrap{margin-inline:0!important}
/* The outer width tier is not a substitute for padding inside a colored panel.
   Restore the source modules' responsive content inset without double-padding
   Elementor columns, form fields, or changing desktop alignment. */
@media(max-width:1024px){
 body.ocepten-wp{--oc-module-inner-gutter:26px}
}
@media(max-width:767px){
 body.ocepten-wp{--oc-module-inner-gutter:20px}
 body.ocepten-wp .oc-module>.elementor-section{padding-left:0!important;padding-right:0!important}
 body.ocepten-wp .oc-module>.oc-certificates{padding-inline:var(--oc-module-inner-gutter)!important}
}