/* The storefront owns scrolling; the iframe expands to its content. */
html{height:auto!important;min-height:0!important;overflow:hidden!important;scrollbar-gutter:auto!important;}
body{height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important;display:flow-root!important;}
body #wrapwrap{height:auto!important;min-height:0!important;display:flow-root!important;overflow:visible!important;}
#wrapwrap>main{min-height:0!important;display:flow-root;}
#wrap{width:100%!important;max-width:none!important;margin:0!important;display:flow-root;}
#wrap img,#wrap video{max-width:100%;}
#wrap iframe{max-width:100%;}
.o_frontend_to_backend_nav,.o_main_navbar{display:none!important;}

/* Stack editor-positioned desktop grids before their text can overlap. */
@media(max-width:991.98px){
 #wrap .o_grid_mode{display:flex!important;flex-direction:column;gap:24px;}
 #wrap .o_grid_mode>.o_grid_item{grid-area:auto!important;width:100%!important;min-width:0;min-height:0!important;height:auto!important;margin-block:0!important;}
 #wrap .o_grid_mode>.o_grid_item:not(.o_grid_item_image){padding-block:0!important;}
}
/* Match the storefront Container (1152px) and header's inner gutters.
   Odoo's .container-fluid remains the explicit full-width option. */
#wrap .container{width:100%!important;max-width:var(--krokus-content-width,1152px)!important;margin-inline:auto!important;padding-inline:var(--krokus-content-gutter,24px)!important;box-sizing:border-box;}
@media(max-width:767.98px){#wrap .container{padding-inline:var(--krokus-content-gutter,32px)!important;}}