body:has(.site-account-nav) .site-header-inner { gap: 24px; }
body:has(.site-account-nav) .site-desktop-nav { align-items: center; gap: 18px; font-size: 14px; white-space: nowrap; }
.site-account-nav { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.site-account-nav form { margin: 0; }

/* Shared keyboard, dialog and small-screen behavior. */
.site-skip-link { position: fixed; z-index: 10000; left: 16px; top: 12px; padding: 12px 18px; background: #fff; color: #173e30; transform: translateY(-150%); }
.site-skip-link:focus { transform: none; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid #537f20; outline-offset: 4px; }
.header :focus-visible, footer :focus-visible, .cookies-popup :focus-visible, .cookies-modal :focus-visible { outline-color: #bdec67; }
#main-content:focus { outline: none; }
[hidden] { display: none !important; }
.site-icon-button { display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; background: transparent; border: 0; padding: 0; }
.mobil-menu { margin: 0; border: 0; color: white; }
.mobil-menu::backdrop, .cookies-modal::backdrop { background: rgb(0 0 0 / .45); }
.mobil-menu .nav-link { min-height: 44px; display: flex; align-items: center; }
body .cookies-popup { background: #173e30; max-width: min(409px, calc(100vw - 32px)); padding: 24px; bottom: 100px; right: 16px; }
body .cookies-modal { margin: 0; background: #173e30; }
.site-motion-toggle { position: fixed; z-index: 20; bottom: 24px; left: 24px; min-height: 44px; padding: 10px 16px; border: 1px solid #ffffff80; border-radius: 8px; background: #173e30; color: #fff; font-size: 13px; }
section[id], div[id] { scroll-margin-top: 100px; }
footer { overflow-wrap: anywhere; }
#tree-nation-offset-website { width: 167px; min-height: 58px; }
footer :is(a, p, span)[class*="text-[#FFFFFF66]"] { color: #b3bcc7; }
@media (max-width: 640px) { #scrollToTopButton { right: 16px; bottom: 20px; } .mobil-menu > div { gap: 18px; padding-top: 80px; padding-bottom: 20px; overflow-y: auto; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }

.value-title { text-align: left; min-height: 44px; }
.values-scroll-region { height: calc(100vh + var(--value-count, 0) * 20vh); }
@media (prefers-reduced-motion: reduce) {
    .values-scroll-region { height: auto; }
}
.value-title p { color: #e5eaf0; }
.value-selected p { color: white; }
.value-title .value-dot { background-color: #e5eaf0; }
.value-title.value-selected .value-dot { background-color: white; }
.value-line span { display: block; width: 3px; height: 100%; background: #d7e2f0; border-radius: 10px; margin: auto; }
.value-line.value-selected span { background: white; }
.value-title:focus-visible, .value-line:focus-visible { outline-color: #bdec67; }
.wheel-item:focus-visible { outline: 3px solid #bdec67; outline-offset: 2px; }

body .header { width: 100%; transition-property: background-color, backdrop-filter; }

.hero-section { background-color: #173e30; }