/**
 * Общая раскладка публичного сайта.
 * Только var(--site-*), rem.
 */

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

body.site-page {
    display: block;
    padding: 2.5rem max(1.25rem, calc((100vw - var(--site-content-max)) / 2)) 0;
    color: var(--site-text-primary);
    background-color: var(--site-bg);
    overflow-x: hidden;
}

@media (max-width: 767px) {
    body.site-page {
        padding-top: 1.25rem;
    }
}