/* Единая сетка: контейнер 1320/40 и шкала отступов 16/24/32/48/64 */

:root {
    --container-max: 1320px;
    --container-pad: 40px;
    --space-1: 16px;
    --space-2: 24px;
    --space-3: 32px;
    --space-4: 48px;
    --space-5: 64px;
}

@media (max-width: 767px) {
    :root {
        --container-pad: 16px;
        --space-3: 24px;
        --space-4: 32px;
        --space-5: 40px;
    }
}

.page {
    width: 100%;
    max-width: var(--container-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--container-pad);
    padding-right: var(--container-pad);
    box-sizing: border-box;
}

.page-main {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
}

.page-block {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
}

.section-divider {
    margin: var(--space-4) 0;
}

.stack-1 { margin-top: var(--space-1); }
.stack-2 { margin-top: var(--space-2); }
.stack-3 { margin-top: var(--space-3); }
.stack-4 { margin-top: var(--space-4); }
.stack-5 { margin-top: var(--space-5); }