/* Shared page geometry and surfaces. No viewport-specific optical offsets. */
:root{--entoma-page-bg:#f6f6f3;--entoma-header-bg:#ffffff;--entoma-surface:#ffffff;--entoma-container-max:1320px;--entoma-gutter:24px}
@media(max-width:700px){:root{--entoma-gutter:18px}}
html,body{background:var(--entoma-page-bg)!important}
body.entoma-production{--bg:var(--entoma-page-bg);--panel:var(--entoma-surface)}
body header.site-header{padding:0!important}
body #entoma-b2b #hero .hero{display:block;max-width:1080px}
body header.site-header,body header.site-header .topbar,body header.site-header .nav,body header.site-header .menu{background:var(--entoma-header-bg)!important}
body main#main-content,body #entoma-b2b,body .entoma-blog{background:transparent!important}
body header.site-header>.nav,body header.site-header .topbar>.wrap,
body main#main-content.wrap,body main#main-content>.wrap,
body main#main-content>section>.wrap,body #entoma-b2b>section>.wrap{
 box-sizing:border-box!important;width:100%!important;max-width:var(--entoma-container-max)!important;
 margin-inline:auto!important;padding-inline:var(--entoma-gutter)!important;min-width:0;
}
body header.site-header .menu>a:first-child{padding-inline-start:0!important}
body header.site-header .brand,body header.site-header .brand-logo{margin-inline:0!important}
body :is(.formcard,.order-dialog,dialog,.form-card){background:var(--entoma-surface)!important}