:root {
    --font-primary: 'Google Sans', sans-serif;

    /* Цвета */
    --color-primary: #000;
    --color-secondary: #62625B;
    --color-tertiary: #F5F5F1;
    --color-bg: #FFFFFF;
    --color-black: #222222;
    --color-red: #E60023;
    --color-success: #097239;
    --color-error: #B60C0C;
    --color-quaternaty: #F3F3F5;
    --primary-inverted: #FFF;
    --color-border: #DCDCDC;
    --bg-primary: #FFFFFF;
    --bg-tertiary: var(--color-tertiary);
    --bg-tertiary-hover: #E5E5DA;

    /* Контентные отступы (уши сайта) */
    --container-padding: 32px;
    --container-max-width: 1920px;

    /* Вертикальные отступы между секциями */
    --section-spacing: 80px;

    /* Дополнительные */
    --transition: 0.3s ease;
}

/* Контейнер */
.container {
    width: 100%;
    max-width: calc(
        var(--container-max-width) + (var(--container-padding) * 2)
    );
    margin: 0 auto;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    box-sizing: border-box;
}

@media (max-width: 749px) {
    :root {
        --container-padding: 24px;
    }
}

/* Отступ между секциями */
.margin-bottom {
    margin-bottom: var(--section-spacing);
}

body.popup-open {
    overflow: hidden;
}

.location-popup,
.deadline-popup,
.price-popup {
    position: fixed;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.location-popup.active,
.deadline-popup.active,
.price-popup.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}