/* Approved white HLG Laboratory header: desktop grid, compact mobile, native links. */
body.hlg2026 #retail-header.hlg-white-header{position:sticky;top:0;z-index:60;background:#fff;color:#182119;font-family:Inter,Arial,sans-serif;border:0;border-bottom:1px solid #d9e0d5;box-shadow:none}
body.hlg2026 #retail-header.hlg-white-header.is-scrolled{box-shadow:0 3px 15px #10201012}
.hlg-white-header *{box-sizing:border-box}
.hlg-white-header .hlg-header-wrap{width:calc(100% - 112px);max-width:1360px;margin:auto}
body.hlg2026 .hlg-white-header a{color:inherit;text-decoration:none}
.hlg-white-header .hlg-header-logo{display:flex;align-items:center;flex-shrink:0}
.hlg-white-header .hlg-header-logo img{width:174px;height:auto;max-width:100%;display:block}
.hlg-white-header .hlg-header-icon,.hlg-white-drawer .hlg-header-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.hlg-white-header .hlg-header-top{border-bottom:1px solid #dbe2d7}
.hlg-white-header .hlg-header-top>.hlg-header-wrap{height:31px;display:flex;align-items:center;justify-content:space-between;color:#697560}
.hlg-white-header .hlg-header-caption{font:9px/1.5 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.hlg-white-header .hlg-header-caption i{display:inline-block;width:5px;height:5px;background:#5f9c3b;border-radius:50%}
.hlg-white-header .hlg-header-desktop{display:grid;grid-template-columns:225px minmax(0,1fr) 168px;min-height:105px}
.hlg-white-header .hlg-header-desktop>.hlg-header-logo{border-right:1px solid #dbe2d7}
.hlg-white-header .hlg-header-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;min-width:0}
.hlg-white-header .hlg-header-grid a{padding:24px 24px 20px;border-right:1px solid #dbe2d7;display:flex;flex-direction:column;justify-content:center;gap:7px;transition:background .2s;min-width:0}
.hlg-white-header .hlg-header-grid a:hover{background:#f0f6eb}
.hlg-white-header .hlg-header-grid small{font:9px/1.5 ui-monospace,monospace;color:#5f9c3b;letter-spacing:.08em}
.hlg-white-header .hlg-header-grid strong{font:600 29px/.95 Barlow,sans-serif;text-transform:uppercase;letter-spacing:.01em;display:flex;align-items:center;justify-content:space-between;gap:8px}
.hlg-white-header .hlg-header-grid strong span{font:14px Inter,Arial,sans-serif;color:#5f9c3b}
.hlg-white-header .hlg-header-tools{display:flex;align-items:center;justify-content:center;gap:9px;padding-left:18px;min-width:0}
body.hlg2026 .hlg-white-header .hlg-header-action{font:inherit;color:#182119;background:none;border:0;min-width:36px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0;cursor:pointer;margin:0;box-shadow:none;border-radius:0}
.hlg-white-header .hlg-header-action:hover{color:#5f9c3b}
body.hlg2026 .hlg-white-header .cart-count{position:static;background:#5f9c3b;color:#fff;min-width:22px;height:22px;border-radius:2px;display:grid;place-items:center;font:10px/1 Inter,Arial,sans-serif;margin:0;padding:0;transform:none;border:0;letter-spacing:0}
.hlg-white-header .hlg-header-status{border-top:1px solid #dbe2d7;border-bottom:3px solid #5f9c3b}
.hlg-white-header .hlg-header-status>.hlg-header-wrap{min-height:37px;display:flex;align-items:center;justify-content:space-between}
.hlg-white-header .hlg-header-status .hlg-header-caption{color:#6b7d60}
.hlg-header-delivery{display:flex;align-items:center;gap:10px;font:10px/1.5 Inter,Arial,sans-serif;min-height:30px}
.hlg-header-delivery strong{font-weight:600}
.hlg-header-delivery .hlg-header-icon{color:#5f9c3b}
.hlg-white-header .hlg-header-language{position:relative;font:10px/1.5 Inter,Arial,sans-serif}
.hlg-header-language summary{list-style:none;display:flex;align-items:center;justify-content:flex-end;gap:10px;cursor:pointer;min-height:30px;min-width:44px}
.hlg-header-language summary::-webkit-details-marker{display:none}
.hlg-header-language>div{position:absolute;top:100%;right:0;z-index:70;min-width:175px;background:#fff;color:#22351a;border:1px solid #d4dfcc;box-shadow:0 10px 25px #23341918;padding:8px}
.hlg-header-language>div a{display:block;padding:12px;min-height:44px;font-size:12px}
.hlg-header-language>div a:hover,.hlg-header-language>div a[aria-current]{background:#edf4e7;color:#385f23}
.hlg-white-header .hlg-header-mobile{display:none}
.hlg-white-header a:focus-visible,.hlg-white-header button:focus-visible,.hlg-white-header summary:focus-visible{outline:2px solid #5f9c3b;outline-offset:4px}
/* The mobile drawer retains native URL/language/account navigation. */
body.hlg2026 #mobile-nav.hlg-white-drawer{background:#fff;color:#1c2b16;width:100%;max-width:440px;height:100dvh;max-height:100dvh;margin:0 auto 0 0;padding:74px 24px 24px;border:0;overflow:auto;border-radius:0}
body.hlg2026 #mobile-nav.hlg-white-drawer::backdrop{background:#10170eca;backdrop-filter:blur(3px)}
body.hlg2026 #mobile-nav.hlg-white-drawer>.dialog-close{position:absolute;right:18px;top:15px;width:44px;height:44px;min-width:44px;padding:0;background:#f0f5ec;border:0;border-radius:50%;color:#27461a;font:28px/1 Inter,Arial,sans-serif;display:grid;place-items:center;cursor:pointer}
body.hlg2026 #mobile-nav.hlg-white-drawer h2{font:600 44px/.98 Barlow,sans-serif;letter-spacing:-.02em;margin:0 0 18px;color:#1c2b16;text-transform:uppercase}
body.hlg2026 #mobile-nav .hlg-drawer-caption{font:8px/1.6 ui-monospace,monospace;letter-spacing:.06em;color:#67835a;padding:0 0 24px;border-bottom:1px solid #dce5d5;margin:0}
.hlg-white-drawer .hlg-drawer-nav a{padding:18px 0;border-bottom:1px solid #cdd7c5;display:grid;gap:7px;color:#2c4420}
.hlg-white-drawer .hlg-drawer-nav small{font:9px/1.5 ui-monospace,monospace;letter-spacing:.07em;color:#527d39}
.hlg-white-drawer .hlg-drawer-nav strong{font:600 30px/1 Barlow,sans-serif;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:10px}
.hlg-white-drawer .hlg-drawer-nav strong span{font:22px Inter,Arial,sans-serif;color:#5f9c3b}
.hlg-white-drawer .hlg-drawer-project{padding:20px;margin:24px 0 6px;background:#edf4e8;border-left:3px solid #5f9c3b}
.hlg-white-drawer .hlg-drawer-project>span{font:11px/1.6 Inter,Arial,sans-serif;display:block;color:#607353}
.hlg-white-drawer .hlg-drawer-project>a{display:block;padding:12px 0 2px;font:600 13px/1.6 Inter,Arial,sans-serif;color:#2e4b20}
.hlg-white-drawer .hlg-drawer-account{min-height:60px;display:flex;gap:12px;align-items:center;font:12px/1.6 Inter,Arial,sans-serif;color:#334b28;border-bottom:1px solid #dce5d5}
.hlg-white-drawer .hlg-drawer-account>span{margin-left:auto}
.hlg-white-drawer .hlg-drawer-delivery{padding:22px 0 0;color:#49633b}
.hlg-white-drawer .hlg-drawer-delivery .hlg-header-delivery{font-size:11px;min-height:44px}
.hlg-white-drawer .hlg-drawer-languages{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #dce5d5;margin-top:18px;padding-top:14px}
.hlg-white-drawer .hlg-drawer-languages a{display:flex;align-items:center;min-height:44px;padding:6px 10px;font:11px/1.4 Inter,Arial,sans-serif;color:#546d43;border:1px solid transparent}
.hlg-white-drawer .hlg-drawer-languages a[aria-current]{border-color:#bdcfae;background:#f0f5eb;color:#2e4c1e}
@media(max-width:1100px) and (min-width:801px){.hlg-white-header .hlg-header-wrap{width:calc(100% - 64px)}.hlg-white-header .hlg-header-desktop{grid-template-columns:175px minmax(0,1fr) 132px}.hlg-white-header .hlg-header-logo img{width:150px}.hlg-white-header .hlg-header-grid a{padding-inline:12px}.hlg-white-header .hlg-header-grid strong{font-size:25px}.hlg-white-header .hlg-header-grid small{font-size:8px}.hlg-white-header .hlg-header-tools{padding-left:8px;gap:4px}.hlg-white-header .hlg-header-status .hlg-header-caption{font-size:8px;letter-spacing:.07em}}
@media(max-width:800px){
body.hlg2026 #retail-header.hlg-white-header{display:flex;flex-direction:column;border:0;box-shadow:0 3px 15px #10201009}
.hlg-white-header .hlg-header-top,.hlg-white-header .hlg-header-desktop{display:none}
.hlg-white-header .hlg-header-status{order:-1;border:0;background:#f0f5ec}
.hlg-white-header .hlg-header-status>.hlg-header-wrap{width:calc(100% - 24px);min-height:30px;justify-content:center}
.hlg-white-header .hlg-header-status .hlg-header-caption{display:none}
.hlg-white-header .hlg-header-delivery{font-size:10px;gap:8px}
.hlg-white-header .hlg-header-delivery .hlg-header-icon{width:17px;height:17px}
.hlg-white-header .hlg-header-delivery>span{display:none}
.hlg-white-header .hlg-header-mobile{height:76px;padding:0 14px;display:flex;align-items:center;gap:8px;border-bottom:2px solid #5f9c3b}
body.hlg2026 .hlg-white-header .hlg-header-mobile>.hlg-menu-trigger{min-width:44px;height:48px;margin-left:-4px}
.hlg-white-header .hlg-header-mobile .hlg-header-logo img{width:132px}
.hlg-white-header .hlg-header-mobile .hlg-header-tools{margin-left:auto;gap:0;padding:0}
body.hlg2026 .hlg-white-header .hlg-header-mobile .hlg-header-tools>.hlg-header-action{position:relative;width:44px;height:48px;min-width:44px}
.hlg-white-header .hlg-header-mobile .hlg-header-icon{width:22px;height:22px}
body.hlg2026 .hlg-white-header .hlg-header-mobile .cart-count{position:absolute;top:2px;right:0;min-width:17px;height:17px;border:2px solid #fff;border-radius:50%;font-size:9px;line-height:13px;box-sizing:content-box}
.hlg-white-header .hlg-menu-trigger .hlg-header-icon{width:23px;height:23px}
html{scroll-padding-top:122px}
}
@media(max-width:360px){.hlg-white-header .hlg-header-mobile{padding-inline:10px;gap:4px}.hlg-white-header .hlg-header-mobile .hlg-header-logo img{width:120px}body.hlg2026 #mobile-nav.hlg-white-drawer{padding-inline:22px}body.hlg2026 #mobile-nav.hlg-white-drawer h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.hlg-white-header *{transition:none!important}}
@media(min-width:801px) and (max-width:950px){.hlg-white-header .hlg-header-grid a{padding-inline:10px}.hlg-white-header .hlg-header-grid strong{font-size:22px;gap:4px}.hlg-white-header .hlg-header-grid small{font-size:7px;letter-spacing:.04em}}

/* Compact sticky state: keep language access and native controls visible. */
@media(min-width:801px){
html{scroll-padding-top:195px}
html.hlg-header-compact{scroll-padding-top:112px}
.hlg-white-header.is-scrolled .hlg-header-desktop{min-height:64px}
.hlg-white-header.is-scrolled .hlg-header-logo img{width:132px}
.hlg-white-header.is-scrolled .hlg-header-grid a{padding-block:10px;gap:0;min-height:64px}
.hlg-white-header.is-scrolled .hlg-header-grid small{display:none}
.hlg-white-header.is-scrolled .hlg-header-grid strong{font-size:22px}
}
.hlg-white-header.is-scrolled .hlg-header-status{display:none}
@media(max-width:800px){
html{scroll-padding-top:122px}
html.hlg-header-compact{scroll-padding-top:76px}
.hlg-white-header.is-scrolled .hlg-header-mobile{height:60px}
.hlg-white-header.is-scrolled .hlg-header-mobile .hlg-header-logo img{width:112px}
}

/* Readable small labels on the white header and light dialogs. */
body.hlg2026 .hlg-header-cart .cart-count{background:#2d5926;color:#fff;font-size:10px;min-width:18px;height:18px;line-height:18px}
body.hlg2026 dialog .label,body.hlg2026 dialog .comparison caption{color:#344b2d}

/* Keep ordinary navigation immediate; explicit action animations remain opt-in. */
html{scroll-behavior:auto}
