/* Shopify Horizon page-width-narrow, including H.C.L.'s desktop override. */
:root {
 --tooto-layout-outer-max: 1960px;
 --tooto-layout-fluid: 94vw;
 --tooto-layout-desktop-margin: 40px;
 --tooto-layout-mobile-margin: 16px;
 --tooto-page-margin: max(var(--tooto-layout-mobile-margin), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
 --tooto-page-width: calc(90rem + var(--tooto-page-margin) * 2);
 --tooto-page-content-width: calc(var(--tooto-page-width) - var(--tooto-page-margin) * 2);
}
@media(min-width:750px) {
 :root { --tooto-page-margin: max(var(--tooto-layout-desktop-margin), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)); }
}
@media(min-width:1024px) {
 :root { --tooto-page-width: min(var(--tooto-layout-fluid), var(--tooto-layout-outer-max)); }
}
/* Native Blocksy content, header and footer containers share the same center width. */
body {
 --theme-normal-container-max-width: var(--tooto-page-content-width);
 --theme-container-edge-spacing: calc(100vw - var(--tooto-page-margin) * 2);
 --theme-container-width-base: calc(var(--theme-container-edge-spacing) - var(--theme-frame-size, 0px) * 2);
 --theme-container-width: min(100%, var(--theme-container-width-base));
}
/* Default Elementor boxed containers; individual narrower designs can override these. */
.elementor .e-con-boxed { --container-max-width: var(--tooto-page-content-width); }
.elementor .elementor-section.elementor-section-boxed > .elementor-container {
 max-width: min(var(--tooto-page-content-width), calc(100% - var(--tooto-page-margin) * 2));
}