/* Shared outer gutters, measured against the live Belmonte website.
   Keep full-bleed media and internal card/form padding independent. */
:root{--site-gutter:48px;--site-header-gutter:40px;--pad-x:var(--site-gutter)}
@media(max-width:1080px){:root{--site-gutter:32px;--site-header-gutter:32px}}
@media(max-width:720px){:root{--site-gutter:20px;--site-header-gutter:20px}}
/* These outer shells must not regain page-specific centred width caps. */
body.site-typography :is(.container,.ii-container,.hero-container,.landing-hero-content){
 width:100%;max-width:none!important;margin-inline:auto;
 padding-inline:var(--site-gutter)!important;
}
body.site-typography .site-header .header-inner{
 width:100%;max-width:none;margin-inline:auto;padding-inline:var(--site-header-gutter);
}
/* The CMS applies the same gutter inside its available content area. */
body:is(.cms-workspace,.listing-editor) :is(main.wrap,.cms-context-layout>.wrap,.cms-main){
 width:100%;max-width:none!important;min-width:0;padding-inline:var(--site-gutter)!important;
}
body:is(.cms-workspace,.listing-editor) .admin-top{padding-inline:var(--site-header-gutter)}
/* A listings shell contains a sidebar and must not add a second gutter. */
body:has(.cms-layout) main.wrap{padding-inline:0!important}