.container {
    max-width: var(--width__max-content);
    margin-inline: auto;
}

.container__layout {
    padding-block: var(--space-sm);
    padding-inline: var(--space-2xs);
}

.footer__layout {
    padding-block: var(--space-sm);
}

@media (min-width: 767px) {
    .container__layout {
        padding-inline: var(--space-sm);
    }
}

@media (min-width: 1260px) {
    .container__layout {
        padding-block: var(--space-lg);
        padding-inline: var(--space-lg);
    }
}