:root {
    --brand: #1f4b99;
    --brand-deep: #13366f;
    --surface: #f7fafe;
    --surface-elevated: #ffffff;
    --text: #10233f;
    --muted: #607089;
    --site-header-height: 186px;
    --site-header-bottom: 186px;
    --first-fold-height: calc(100svh - var(--site-header-bottom));
    color-scheme: light;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    background: var(--surface);
    overflow-y: scroll;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--site-header-height, 140px) + 16px);
}

body {
    min-height: 100vh;
    margin: 0;
    padding-top: var(--site-header-height, 140px);
    color: var(--text);
    background: var(--surface);
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: manual;
}

:where(
    .site-header,
    .header-hamburger-panel,
    .super-menu-panel,
    .button,
    .home-product-search,
    .product-card,
    .product-card *,
    .why-choose__card,
    .cookie-consent,
    .chatbot-toggle,
    .chatbot-panel,
    [class*="-card"],
    [class*="__card"],
    [class*="-panel"],
    [class*="__panel"]
):not(:focus-visible) {
    box-shadow: none !important;
}

body.has-open-super-menu,
body.has-open-header-hamburger {
    overflow: hidden;
}

main {
    min-height: calc(100vh - 88px);
}

@media (max-width: 640px) {
    :root {
        --site-header-height: 121px;
        --site-header-bottom: 121px;
    }
}