:root {
    --micasa-page-max-width: 1430px;
    --micasa-page-gutter: 24px;
}

/* One horizontal rhythm across home, catalogue, product and account pages. */
html body .container {
    width: calc(100% - (var(--micasa-page-gutter) * 2));
    max-width: var(--micasa-page-max-width);
    margin-inline: auto;
}

/* Full-width regions keep their backgrounds; only their inner content is aligned. */
.micasa-wp-header .container,
.micasa-footer .container,
footer .container {
    max-width: var(--micasa-page-max-width);
}

@media (max-width: 767px) {
    :root { --micasa-page-gutter: 0px; }

    html body .container {
        width: 100%;
        max-width: 100%;
    }

    /* Standard mobile breathing room for pages that do not provide their own padding. */
    html body .container:not(.micasa-home__section):not(.micasa-home__hero) {
        padding-inline: 14px;
    }
}

@media (max-width: 374px) {
    html body .container:not(.micasa-home__section):not(.micasa-home__hero) {
        padding-inline: 10px;
    }
}