/* LINCEO release header, shared by Home and Science. Scoped to html:is(.linceo-release,.nc-ds-header).
   Moved out of home-release.css and home-release-fixes.css so every page using it gets the same header. */
@font-face{font-family:ManropeDS;src:url('hero-media/fonts/study/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:ManropeDS;src:url('hero-media/fonts/study/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:SourceDS;src:url('hero-media/fonts/study/source-sans-3-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:SourceDS;src:url('hero-media/fonts/study/source-sans-3-600.ttf') format('truetype');font-weight:600;font-display:swap}
:is(.linceo-release,.nc-ds-header){--ds-paper:#FAF9F6;--ds-white:#fff;--ds-ink:#272A30;--ds-muted:#646870;--ds-line:#DADCE0;--ds-soft:#EEEFF1}
:is(.linceo-release,.nc-ds-header) [data-nc-header]{font-family:SourceDS,Arial,sans-serif}
:is(.linceo-release,.nc-ds-header) [data-nc-header] :is(button,a){touch-action:manipulation}
:is(.linceo-release,.nc-ds-header) [data-nc-header] :is(button,a):focus-visible{outline:2px solid #467C9A;outline-offset:4px}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header,:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header :is(a,button){font-family:SourceDS,Arial,sans-serif!important;color:var(--ds-ink)}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-header-bar{height:82px;gap:16px;background:transparent;box-shadow:none;border:0}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header :is(.nc-header-left,.nc-header-actions,.nc-language-trigger){background:#fffffff2;border:1px solid #ffffffcc;border-radius:999px;box-shadow:0 6px 24px #272A300B;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:54px}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-header-left{flex:1;justify-content:space-between}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-header-actions{flex:none;min-height:54px;padding:4px 7px 4px 18px}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-desktop-nav{flex:1;justify-content:center}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header :is(.nc-nav-trigger,.nc-login){font-size:16px;font-weight:400}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-start{height:42px;min-height:42px;background:#fff;border:1px solid var(--ds-line);color:var(--ds-ink);padding:8px 20px;font-size:16px;font-weight:600}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-start:hover{background:var(--ds-soft);border-color:#B7BCC3;color:var(--ds-ink)}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header :is(.nc-mega,.nc-mobile-nav,.nc-language-menu){background:#fffffff8;color:var(--ds-ink);border-color:var(--ds-line);box-shadow:0 16px 40px #272A3012}
:is(.linceo-release,.nc-ds-header) [data-nc-header] :is(.nc-health-links svg,.nc-menu-label,.nc-mobile-hint,.nc-science-links>*>span){color:var(--ds-muted);stroke:currentColor}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-menu-label{display:none}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-free{background:var(--ds-white);color:var(--ds-ink)}
@media(max-width:1200px) and (min-width:981px){:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header :is(.nc-nav-trigger,.nc-login,.nc-start){font-size:14px}}
@media(max-width:980px){:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-header-bar{height:76px;gap:8px;padding-inline:12px}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header :is(.nc-header-left,.nc-header-actions){min-height:50px}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-header-left{flex:none}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-header-actions{margin-left:auto;padding-inline:5px}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-start{white-space:nowrap}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-start{font-size:14px;padding-inline:16px}
:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-login{display:none}
}

/* ---------- Header: the containers are white at the top of the page, not only after scrolling ---------- */
html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header:not(.is-solid):not(.is-open):not(.mobile-is-open) .nc-header-left {
  background: #fffffff2; border: 1px solid #ffffffcc; box-shadow: 0 6px 24px #272A300B;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
/* The bar itself never gets a tint, so scrolling only moves the white containers. */
html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-header-bar,
html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header.is-solid .nc-header-bar,
html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header.mobile-is-open .nc-header-bar {
  background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
}

@media (max-width: 980px) {
  /* The logo container is a pill sized to the NutriCheck logo with its wordmark, like the rest of the header. */
  html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-header-left { padding-inline: 14px; }
}

/* The design-system logo (symbol and text wordmark) on every screen size. The rest of the design-system header is desktop only
   (header-design-system.css and navigation-v20.css are loaded for 981px and wider). */
html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand{display:flex;align-items:center;gap:7px;flex:none;min-width:0;padding:0;white-space:nowrap}
html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand .nc-symbol-v13{display:block;width:28px;height:31px;object-fit:contain;max-width:none}
html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand .nc-wordmark-v13{display:flex;align-items:baseline;letter-spacing:-.045em;color:#272A30;font:400 24px/1 ManropeDS,sans-serif}
html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-wordmark-v13 b{font:700 24px/1 SourceDS,sans-serif;letter-spacing:-.025em}
html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-wordmark-v13>span{display:inline;font:inherit;letter-spacing:inherit}
@media(max-width:980px){
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand{gap:6px}
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand .nc-symbol-v13{width:24px;height:26px}
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand .nc-wordmark-v13,html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-wordmark-v13 b{font-size:21px}
}
/* The new logo is wider than the previous one, so on small phones it is sized down to leave room for the buttons. */
@media(max-width:430px){
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-header-left{padding-inline:12px}
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand{gap:5px}
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand .nc-symbol-v13{width:20px;height:22px}
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand .nc-wordmark-v13,html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-wordmark-v13 b{font-size:17px}
}
@media(max-width:375px){
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-header-left{padding-inline:10px}
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand{gap:4px}
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand .nc-symbol-v13{width:18px;height:20px}
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand .nc-wordmark-v13,html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-wordmark-v13 b{font-size:15.5px}
}
@media(max-width:350px){
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-header .nc-header-left{padding-inline:8px}
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand .nc-symbol-v13{width:16px;height:18px}
 html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-brand .nc-wordmark-v13,html:is(.linceo-release,.nc-ds-header) [data-nc-header] .nc-wordmark-v13 b{font-size:14px}
}