@font-face {
    font-family: "Faberge-Regular";
    src: url("/wp-content/fonts/Faberge-Regular.woff2") format("woff2"),
         url("/wp-content/fonts/Faberge-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Faberge-Regular";
    src: url("/wp-content/fonts/Faberge-Italic.woff2") format("woff2"),
         url("/wp-content/fonts/Faberge-Italic.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
:root {
    /* Colors — real Figma export */
    --bereg-gray: #65675f;
    --bereg-black: #2a2a2a;
    --bereg-white: #ffffff;
    --bereg-backgraund: #bcc292;
    --bereg-main: #fdffee;
    --bereg-activ1: #722f37;
    --bereg-icon: #624b32;

    /* Fonts */
    --bereg-h1-font-family: "Faberge-Regular", sans-serif;
    --bereg-h1-font-size: 80px;
    --bereg-h1-line-height: normal;
    --bereg-h1-font-weight: 400;
    --bereg-h1-font-style: normal;

    --bereg-h2-font-family: "Faberge-Regular", sans-serif;
    --bereg-h2-font-size: 50px;
    --bereg-h2-line-height: 130%;
    --bereg-h2-font-weight: 400;
    --bereg-h2-font-style: normal;

    --bereg-h3-font-family: "Faberge-Regular", sans-serif;
    --bereg-h3-font-size: 35px;
    --bereg-h3-line-height: normal;
    --bereg-h3-font-weight: 400;
    --bereg-h3-font-style: normal;

    --bereg-h4-font-family: "Faberge-Regular", sans-serif;
    --bereg-h4-font-size: 28px;
    --bereg-h4-line-height: normal;
    --bereg-h4-font-weight: 400;
    --bereg-h4-font-style: normal;


    --bereg-text-font-family: "Montserrat", sans-serif;
    --bereg-text-font-size: 24px;
    --bereg-text-line-height: 130%;
    --bereg-text-font-weight: 500;
    --bereg-text-font-style: normal;

    --bereg-text1-font-family: "Montserrat", sans-serif;
    --bereg-text1-font-size: 22px;
    --bereg-text1-line-height: 130%;
    --bereg-text1-font-weight: 400;
    --bereg-text1-font-style: normal;

    --bereg-button-font-family: "Montserrat", sans-serif;
    --bereg-button-font-size: 16px;
    --bereg-button-line-height: 130%;
    --bereg-button-font-weight: 500;
    --bereg-button-font-style: normal;

    --bereg-podpisi-font-family: "Montserrat", sans-serif;
    --bereg-podpisi-font-size: 16px;
    --bereg-podpisi-line-height: 130%;
    --bereg-podpisi-font-weight: 500;
    --bereg-podpisi-font-style: normal;

    /* Effects */
    --ten3-box-shadow: 4px 4px 7.3px 0px rgba(41, 45, 50, 0.24);
    --ten-box-shadow: 4px 4px 6px 0px rgba(8, 21, 17, 0.25);
    --ten-nicolai-box-shadow: 4px 4px 6px 0px rgba(24, 34, 47, 1);
    --ten-usadba-box-shadow: 4px 4px 6.3px 0px rgba(82, 99, 41, 0.83);

    /* Layout (not from Figma :root, shared convention across the site family) */
    --container-width: calc(1760px + var(--section-padding-x) * 2);
    --section-padding-x: 3.5vw;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

section[id] { scroll-margin-top: 120px; }
body {
    font-family: var(--bereg-text1-font-family);
    font-size: var(--bereg-text1-font-size);
    line-height: var(--bereg-text1-line-height);
    color: var(--bereg-black);
    
}
h1, h2, h3, h4 { margin: 0; }
h1 {
    font-family: var(--bereg-h1-font-family);
    font-size: var(--bereg-h1-font-size);
    line-height: var(--bereg-h1-line-height);
    font-weight: var(--bereg-h1-font-weight);
    font-style: var(--bereg-h1-font-style);
}
h2 {
    font-family: var(--bereg-h2-font-family);
    font-size: var(--bereg-h2-font-size);
    line-height: var(--bereg-h2-line-height);
    font-weight: var(--bereg-h2-font-weight);
    font-style: var(--bereg-h2-font-style);
}
h3 {
    font-family: var(--bereg-h3-font-family);
    font-size: var(--bereg-h3-font-size);
    line-height: var(--bereg-h3-line-height);
    font-weight: var(--bereg-h3-font-weight);
    font-style: var(--bereg-h3-font-style);
}
h4 {
    font-family: var(--bereg-h4-font-family);
    font-size: var(--bereg-h4-font-size);
    line-height: var(--bereg-h4-line-height);
    font-weight: var(--bereg-h4-font-weight);
    font-style: var(--bereg-h4-font-style);
}
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
button { font-family: var(--bereg-button-font-family); font-size: var(--bereg-button-font-size); }

.site-main { overflow-x: clip; } /* NOT overflow:hidden — breaks position:sticky descendants, see project_eden-kiparis-client memory */

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


@media (max-width: 767px) {
    :root {
        --bereg-h1-font-size: 48px;
        --bereg-h2-font-size: 32px;
        --bereg-h3-font-size: 24px;
        --bereg-h4-font-size: 20px;
    }
}
@media (max-width: 420px) {
    :root {
        --bereg-h1-font-size: 38px;
        --bereg-h2-font-size: 26px;
    }
}

@media (max-width: 480px) {
    
    :root {
    --bereg-text-font-size: 18px;
     --bereg-text1-font-size: 16px;


    }



}