/* Rounded shared navigation, revealed on upward scrolling. */
.header-shell{height:var(--header-height,80px);padding:6px 0;background:#f3f6f3;position:relative;z-index:40}
.site-header{width:calc(100% - 32px);max-width:1820px;height:calc(var(--header-height,80px) - 12px);margin:auto;border:1px solid #e2e9df;border-radius:16px;background:#fffffffa;box-shadow:0 5px 22px #082c3910;position:relative;transition:transform .25s ease,box-shadow .25s ease}
.site-header .header-inner{width:calc(100% - 36px);gap:18px;min-height:0;height:100%}.site-header .navigation{gap:22px}.site-header .navigation .nav-quote{padding:12px 18px;border-radius:9px;font-size:12px}.site-header .navigation .phone-button{padding:11px 12px;border-radius:9px}.site-header .brand{gap:18px}.site-header .brand-description{padding-left:18px}.site-header .language-picker{margin-left:0}
.site-header.is-floating{position:fixed;top:10px;left:0;right:0;box-shadow:0 8px 32px #082c3924}.site-header.is-hidden{transform:translateY(calc(-100% - 16px));pointer-events:none}
.site-header:has(:focus-visible){transform:none;pointer-events:auto}
.site-header .music-toggle{position:static;inset:auto;flex:0 0 36px;width:36px;height:36px;margin:0;order:4;background:#f0f6ec;color:#397e22;border:1px solid #dce9d4;box-shadow:none}.site-header .music-toggle:hover{background:#e4f0db}.site-header .music-toggle svg{width:18px;height:18px}
body.header-revealed .catalogue-category-nav{top:calc(var(--header-height,80px) + 8px)}
body.header-revealed .catalogue-category,body.header-revealed .catalogue-product{scroll-margin-top:180px}
@media(max-width:1400px) and (min-width:981px){.site-header .brand-description{display:none}.site-header .navigation{gap:18px}.site-header .header-inner{gap:14px}}
@media(max-width:1100px) and (min-width:981px){.site-header .navigation{gap:13px}.site-header .navigation>a,.site-header .nav-products>button{font-size:12px}.site-header .phone-button span{display:none}.site-header .navigation .phone-button{padding:10px}}
@media(max-width:980px){.site-header .header-inner{gap:14px}.site-header .navigation{top:calc(100% + 8px);border:1px solid #e0e8dd;border-radius:14px;max-height:calc(100svh - 110px);overflow:auto;padding:14px 22px 22px;gap:0}.site-header .menu-toggle{margin-left:0}.site-header .language-picker{margin-left:auto}.site-header .brand{margin-right:auto}.site-header .navigation .nav-quote{padding:14px 18px}.site-header .navigation .phone-button{margin-top:10px;padding:12px}.site-header .brand-description{display:block}}
@media(max-width:700px){.header-shell{padding:6px 0}.site-header{width:calc(100% - 20px);border-radius:13px}.site-header .header-inner{width:calc(100% - 22px);gap:10px}.site-header .brand-description{display:none}.site-header .brand-logo{width:88px}.site-header .language-picker{margin-left:auto}.site-header .music-toggle{width:33px;height:33px;flex-basis:33px}.site-header.is-floating{top:7px}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

/* Business caption beside the logo. */
.site-header .brand-description{font-weight:700;color:#405249;font-size:11px;letter-spacing:.025em;line-height:1.5}

.hero h1.commodity-hero-title{font-size:clamp(38px,min(4.3vw,8svh),82px)}
@media(max-width:700px){.hero h1.commodity-hero-title{font-size:clamp(27px,6.6vw,46px);line-height:1.15;white-space:normal}}