:root {
    /* ===== Fonts ===== */
    --font-sans: 'Manrope', sans-serif;
    --font-serif: 'Philosopher', serif;
    --font-numeric: 'El Messiri', serif;

    /* ===== Colors ===== */
    --color-active: #7a3035;
    --color-beige: #c38f5e;
    --color-black: #2c2f32;
    --color-text-muted: #6b7280;
    --color-peach: #fff9f7;
    --color-border: #e5e7eb;
    --color-bg: #ffffff;

    /* ===== Layout ===== */
    --container-width: calc(1760px + var(--section-padding-x) * 2);
    --section-padding-x: 3.5vw;
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--color-bg);
    color: var(--color-black);
    font-family: var(--font-sans);
    font-size: 15px;
    line-height: 1.5;
}

a {
    color: inherit;
}

img {
    max-width: 100%;
    display: block;
}

.container {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--section-padding-x);
}

.site-main {
    overflow-x: hidden;
}

section[id] {
    scroll-margin-top: 110px;
}
@media (max-width: 767px) {
    section[id] {
        scroll-margin-top: 90px;
    }
}

/* ===== Пульсация CTA-кнопок ===== */

@keyframes btn-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(122, 48, 53, 0.45);
    }
    70% {
        box-shadow: 0 0 0 14px rgba(122, 48, 53, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(122, 48, 53, 0);
    }
}

[data-popup-trigger="order"] {
    animation: btn-pulse 2.2s ease-out infinite;
}
[data-popup-trigger="order"]:hover,
[data-popup-trigger="order"]:focus-visible {
    animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
    [data-popup-trigger="order"] {
        animation: none;
    }
}