/* ZieloneDrzewko.pl 2.61
 * Typografia frontu zsynchronizowana z fontem nawigacji kategorii.
 * Wartość --zd-ui-font-family jest ustawiana przez site-ui-sync-261.js
 * na podstawie realnego computedStyle .category-menu a.
 */
:root{
    --zd-ui-font-family: var(--font-primary);
    --zd-ui-nav-weight: 600;
    --zd-heading-color: #123629;
    --zd-heading-h1: clamp(28px, 2.65vw, 36px);
    --zd-heading-h2: clamp(21px, 2.05vw, 28px);
    --zd-heading-h3: clamp(17px, 1.55vw, 21px);
}

/* Nie dotykamy panelu administratora. */
body:not(.admin-layout):not(.admin-page) .main,
body:not(.admin-layout):not(.admin-page) .main input,
body:not(.admin-layout):not(.admin-page) .main select,
body:not(.admin-layout):not(.admin-page) .main textarea,
body:not(.admin-layout):not(.admin-page) .main button,
body:not(.admin-layout):not(.admin-page) .main a,
body:not(.admin-layout):not(.admin-page) .site-footer-like-screen{
    font-family: var(--zd-ui-font-family) !important;
}

body:not(.admin-layout):not(.admin-page) .main h1,
body:not(.admin-layout):not(.admin-page) .page-content h1{
    font-family: var(--zd-ui-font-family) !important;
    font-size: var(--zd-heading-h1) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.022em !important;
    font-weight: 700 !important;
    color: var(--zd-heading-color) !important;
}

body:not(.admin-layout):not(.admin-page) .main h2,
body:not(.admin-layout):not(.admin-page) .page-content h2{
    font-family: var(--zd-ui-font-family) !important;
    font-size: var(--zd-heading-h2) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.018em !important;
    font-weight: 690 !important;
    color: var(--zd-heading-color) !important;
}

body:not(.admin-layout):not(.admin-page) .main h3,
body:not(.admin-layout):not(.admin-page) .page-content h3{
    font-family: var(--zd-ui-font-family) !important;
    font-size: var(--zd-heading-h3) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.012em !important;
    font-weight: 680 !important;
    color: var(--zd-heading-color) !important;
}

/* Strona główna - spokojniejsze rozmiary, około 20% mniej niż wcześniejsza wersja. */
body:not(.page-koszyk) .home-hero h1,
body:not(.page-koszyk) .hero h1,
body:not(.page-koszyk) .hero-slide h1,
body:not(.page-koszyk) .home-page h1{
    font-family: var(--zd-ui-font-family) !important;
    font-size: clamp(28px, 3vw, 36px) !important;
    font-weight: 700 !important;
}

body:not(.page-koszyk) .home-page h2,
body:not(.page-koszyk) .home-section h2,
body:not(.page-koszyk) .products-section h2,
body:not(.page-koszyk) .home-product-section h2,
body:not(.page-koszyk) .home-categories-section h2{
    font-family: var(--zd-ui-font-family) !important;
    font-size: clamp(21px, 2.05vw, 27px) !important;
    font-weight: 690 !important;
}

/* Karta produktu i konto klienta też korzystają z tej samej rodziny. */
.product-summary-258,
.product-content-card-258,
.product-related-258,
.customer-account{
    font-family: var(--zd-ui-font-family) !important;
}
.product-summary-258 h1{
    font-size: clamp(25px, 2.45vw, 31px) !important;
}
.product-content-card-258 h2,
.product-related-258 h2{
    font-size: clamp(20px, 1.9vw, 25px) !important;
}
.customer-account h1{
    font-size: clamp(27px, 2.65vw, 35px) !important;
}
.customer-account h2{
    font-size: clamp(20px, 1.95vw, 26px) !important;
}

@media(max-width:760px){
    :root{
        --zd-heading-h1: clamp(26px, 7.5vw, 32px);
        --zd-heading-h2: clamp(20px, 5.8vw, 25px);
        --zd-heading-h3: clamp(17px, 4.8vw, 20px);
    }
}