.fokus-header-wrapper{--header-black: #0b0b0b;--header-cream: #f6f2ea;--header-orange: #ff4d0d;--header-border: rgba(246, 242, 234, .18);position:relative;z-index:50;display:block;width:100%;color:var(--header-cream);background:var(--header-black);transition:transform .28s ease,background-color .22s ease,box-shadow .22s ease}.fokus-header-wrapper.is-sticky{position:sticky;top:0}.fokus-header-wrapper.is-hidden{transform:translateY(-105%)}.fokus-header-wrapper.is-scrolled{background:#0b0b0bf0;box-shadow:0 10px 35px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.fokus-header,.fokus-header *,.fokus-header *:before,.fokus-header *:after{box-sizing:border-box}.fokus-header{position:relative;color:var(--header-cream);background:transparent;border-bottom:1px solid var(--header-border)}.fokus-header__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:min(1500px,100%);min-height:96px;margin:0 auto;padding:0 clamp(22px,4vw,60px)}.fokus-header__logo{position:relative;z-index:2;display:flex;align-items:center;width:164px;color:var(--header-cream);text-decoration:none}.fokus-header__logo img{display:block;width:100%;max-width:164px;height:72px;object-fit:contain}.fokus-header__desktop-nav{display:flex;align-items:stretch;height:96px;margin-left:clamp(38px,5vw,80px)}.fokus-header__desktop-nav>ul{display:flex;align-items:stretch;gap:clamp(24px,2.5vw,42px);margin:0;padding:0;list-style:none}.fokus-header__desktop-item{display:flex;align-items:stretch}.fokus-header__desktop-item>a,.fokus-header__desktop-dropdown>summary{position:relative;display:flex;align-items:center;gap:7px;min-height:96px;padding:0;color:#f6f2eab8;font-family:var(--font-fokus-display, sans-serif);font-size:11px;font-weight:700;line-height:1;letter-spacing:.11em;text-decoration:none;text-transform:uppercase;cursor:pointer;list-style:none;transition:color .18s ease}.fokus-header__desktop-dropdown>summary::-webkit-details-marker{display:none}.fokus-header__desktop-dropdown>summary::marker{content:""}.fokus-header__desktop-item>a:after,.fokus-header__desktop-dropdown>summary:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--header-orange);transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.fokus-header__desktop-item>a:hover,.fokus-header__desktop-item>a.is-active,.fokus-header__desktop-dropdown>summary:hover,.fokus-header__desktop-dropdown>summary.is-active,.fokus-header__desktop-dropdown[open]>summary{color:var(--header-cream)}.fokus-header__desktop-item>a:hover:after,.fokus-header__desktop-item>a.is-active:after,.fokus-header__desktop-dropdown>summary:hover:after,.fokus-header__desktop-dropdown>summary.is-active:after,.fokus-header__desktop-dropdown[open]>summary:after{transform:scaleX(1);transform-origin:left}.fokus-header__dropdown-arrow{color:var(--header-orange);font-family:sans-serif;font-size:10px;transition:transform .18s ease}.fokus-header__desktop-dropdown[open] .fokus-header__dropdown-arrow{transform:rotate(180deg)}.fokus-header__desktop-dropdown{position:relative}.fokus-header__dropdown-panel{position:absolute;top:calc(100% - 1px);left:-28px;width:330px;padding:24px;color:var(--header-cream);background:linear-gradient(145deg,rgba(255,77,13,.13),transparent 46%),var(--header-black);border:1px solid var(--header-border);box-shadow:0 24px 55px #00000057}.fokus-header__dropdown-header{display:flex;flex-direction:column;gap:7px;padding-bottom:20px;border-bottom:1px solid var(--header-border)}.fokus-header__dropdown-header span{color:var(--header-orange);font-family:var(--font-fokus-display, sans-serif);font-size:8px;font-weight:700;letter-spacing:.15em}.fokus-header__dropdown-header strong{font-family:var(--font-fokus-display, sans-serif);font-size:28px;line-height:.9;text-transform:uppercase}.fokus-header__dropdown-panel ul{margin:0;padding:0;list-style:none}.fokus-header__dropdown-panel li{border-bottom:1px solid var(--header-border)}.fokus-header__dropdown-panel li:last-child{border-bottom:0}.fokus-header__dropdown-panel a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;color:#f6f2eab3;font-family:var(--font-fokus-display, sans-serif);font-size:11px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:color .18s ease,padding .18s ease}.fokus-header__dropdown-panel a:hover,.fokus-header__dropdown-panel a.is-active{padding-left:7px;color:var(--header-orange)}.fokus-header__utilities{display:flex;align-items:center;justify-content:flex-end;gap:4px}.fokus-header__utility{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;color:var(--header-cream);border:1px solid transparent;border-radius:50%;text-decoration:none;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.fokus-header__utility:hover{color:var(--header-orange);border-color:#f6f2ea3d;background:#f6f2ea0a}.fokus-header__utility svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.fokus-header__cart-count{position:absolute;top:4px;right:1px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;color:var(--header-black);background:var(--header-orange);border:2px solid var(--header-black);border-radius:999px;font-family:sans-serif;font-size:9px;font-weight:700}.fokus-header__cart-count.is-empty{display:none}.fokus-header__desktop-cta{display:flex;align-items:center;gap:22px;min-height:48px;margin-left:12px;padding:0 18px;color:var(--header-black);background:var(--header-orange);border:1px solid var(--header-orange);border-radius:999px;font-family:var(--font-fokus-display, sans-serif);font-size:10px;font-weight:700;letter-spacing:.1em;text-decoration:none;transition:color .18s ease,background-color .18s ease}.fokus-header__desktop-cta:hover{color:var(--header-cream);background:transparent}.fokus-header__mobile-menu{display:none}.fokus-header__menu-toggle{list-style:none}.fokus-header__menu-toggle::-webkit-details-marker{display:none}.fokus-header__menu-toggle::marker{content:""}.fokus-header__mobile-drawer{display:none}.fokus-mobile-menu-open{overflow:hidden}@media screen and (max-width:989px){.fokus-header-wrapper.is-hidden{transform:none}.fokus-header__inner{grid-template-columns:48px minmax(0,1fr) auto;min-height:82px;padding:0 14px}.fokus-header__desktop-nav,.fokus-header__desktop-cta,.fokus-header__utility--account{display:none}.fokus-header__mobile-menu{display:block;justify-self:start}.fokus-header__menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--header-cream);cursor:pointer}.fokus-header__menu-lines{position:relative;display:block;width:22px;height:16px}.fokus-header__menu-lines span{position:absolute;left:0;display:block;height:1px;background:currentColor;transition:top .22s ease,transform .22s ease,opacity .16s ease}.fokus-header__menu-lines span:nth-child(1){top:0;width:22px}.fokus-header__menu-lines span:nth-child(2){top:7px;width:16px}.fokus-header__menu-lines span:nth-child(3){top:14px;width:22px}.fokus-header__mobile-menu[open] .fokus-header__menu-lines span:nth-child(1){top:7px;transform:rotate(45deg)}.fokus-header__mobile-menu[open] .fokus-header__menu-lines span:nth-child(2){opacity:0}.fokus-header__mobile-menu[open] .fokus-header__menu-lines span:nth-child(3){top:7px;transform:rotate(-45deg)}.fokus-header__logo{justify-self:center;width:126px}.fokus-header__logo img{width:126px;height:64px}.fokus-header__utilities{justify-self:end}.fokus-header__utility{width:42px;height:42px}.fokus-header__utility--search{display:none}.fokus-header__mobile-drawer{position:fixed;z-index:100;top:82px;right:0;bottom:0;left:0;display:block;overflow-x:hidden;overflow-y:auto;padding:0 18px 40px;color:var(--header-cream);background:linear-gradient(150deg,rgba(255,77,13,.11),transparent 38%),var(--header-black);border-top:1px solid var(--header-border);transform:translate(-105%);visibility:hidden;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s ease}.fokus-header__mobile-menu[open] .fokus-header__mobile-drawer{visibility:visible;transform:translate(0)}.fokus-header__mobile-drawer-top{display:flex;align-items:center;justify-content:space-between;min-height:68px;color:#f6f2ea73;border-bottom:1px solid var(--header-border);font-family:var(--font-fokus-display, sans-serif);font-size:8px;font-weight:700;letter-spacing:.16em}.fokus-header__mobile-close{position:relative;width:42px;height:42px;padding:0;color:var(--header-cream);background:transparent;border:0;cursor:pointer}.fokus-header__mobile-close span{position:absolute;top:50%;left:50%;width:20px;height:1px;background:currentColor}.fokus-header__mobile-close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.fokus-header__mobile-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.fokus-header__mobile-nav>ul,.fokus-header__mobile-submenu>ul,.fokus-header__mobile-grandchild>ul{margin:0;padding:0;list-style:none}.fokus-header__mobile-item{border-bottom:1px solid var(--header-border)}.fokus-header__mobile-link,.fokus-header__mobile-submenu>summary{display:grid;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:10px;min-height:83px;color:var(--header-cream);text-decoration:none;cursor:pointer;list-style:none}.fokus-header__mobile-submenu>summary::-webkit-details-marker,.fokus-header__mobile-grandchild>summary::-webkit-details-marker{display:none}.fokus-header__mobile-submenu>summary::marker,.fokus-header__mobile-grandchild>summary::marker{content:""}.fokus-header__mobile-number{color:var(--header-orange);font-family:var(--font-fokus-display, sans-serif);font-size:9px;font-weight:700}.fokus-header__mobile-title{font-family:var(--font-fokus-display, sans-serif);font-size:clamp(30px,9vw,42px);font-weight:700;line-height:.86;letter-spacing:-.025em;text-transform:uppercase}.fokus-header__mobile-link>span:last-child{justify-self:end;font-family:sans-serif;font-size:18px}.fokus-header__mobile-link.is-active .fokus-header__mobile-title{color:var(--header-orange)}.fokus-header__mobile-plus{position:relative;display:block;justify-self:end;width:24px;height:24px}.fokus-header__mobile-plus span{position:absolute;top:50%;left:50%;width:13px;height:1px;background:currentColor;transform:translate(-50%,-50%)}.fokus-header__mobile-plus span:last-child{transform:translate(-50%,-50%) rotate(90deg);transition:transform .18s ease}.fokus-header__mobile-submenu[open] .fokus-header__mobile-plus span:last-child{transform:translate(-50%,-50%)}.fokus-header__mobile-submenu>ul{padding:0 0 19px 46px}.fokus-header__mobile-submenu>ul>li{border-top:1px solid rgba(246,242,234,.1)}.fokus-header__mobile-submenu>ul a,.fokus-header__mobile-grandchild>summary{display:flex;align-items:center;justify-content:space-between;min-height:47px;color:#f6f2eaad;font-family:var(--font-fokus-display, sans-serif);font-size:11px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.fokus-header__mobile-grandchild>ul{padding:0 0 12px 16px}.fokus-header__mobile-grandchild>ul a{min-height:40px;color:#f6f2ea80;font-size:10px}.fokus-header__mobile-search{padding:28px 0;border-bottom:1px solid var(--header-border)}.fokus-header__mobile-search label{display:block;margin-bottom:10px;color:var(--header-orange);font-family:var(--font-fokus-display, sans-serif);font-size:8px;font-weight:700;letter-spacing:.15em}.fokus-header__mobile-search>div{display:grid;grid-template-columns:minmax(0,1fr) 54px;border:1px solid rgba(246,242,234,.48)}.fokus-header__mobile-search input{width:100%;height:54px;padding:0 15px;color:var(--header-cream);background:transparent;border:0;border-radius:0;box-shadow:none;font:inherit;font-size:14px;outline:none}.fokus-header__mobile-search input::placeholder{color:#f6f2ea6b}.fokus-header__mobile-search>div:focus-within{border-color:var(--header-orange);box-shadow:0 0 0 1px var(--header-orange)}.fokus-header__mobile-search button{color:var(--header-black);background:var(--header-orange);border:0;border-left:1px solid rgba(246,242,234,.48);font-size:20px;cursor:pointer}.fokus-header__mobile-actions{margin-top:10px}.fokus-header__mobile-actions a{display:flex;align-items:center;justify-content:space-between;min-height:48px;color:#f6f2ea9e;border-bottom:1px solid rgba(246,242,234,.1);font-family:var(--font-fokus-display, sans-serif);font-size:10px;font-weight:700;letter-spacing:.11em;text-decoration:none}.fokus-header__mobile-cta{display:flex;align-items:center;justify-content:space-between;min-height:62px;margin-top:26px;padding:0 22px;color:var(--header-black);background:var(--header-orange);border-radius:999px;font-family:var(--font-fokus-display, sans-serif);font-size:12px;font-weight:700;letter-spacing:.11em;text-decoration:none}.fokus-header__mobile-wordmark{display:flex;justify-content:center;height:160px;margin-top:30px;overflow:hidden;opacity:.1;filter:blur(2px);pointer-events:none}.fokus-header__mobile-wordmark img{width:120%;max-width:none;height:190px;object-fit:contain}}@media screen and (max-width:420px){.fokus-header__inner{grid-template-columns:44px minmax(0,1fr) auto;padding:0 8px}.fokus-header__logo,.fokus-header__logo img{width:116px}.fokus-header__utility{width:39px}.fokus-header__cart-count{right:-1px}.fokus-header__mobile-drawer{padding-right:15px;padding-left:15px}}@media(prefers-reduced-motion:reduce){.fokus-header-wrapper,.fokus-header__mobile-drawer,.fokus-header__menu-lines span,.fokus-header__dropdown-arrow,.fokus-header__faq-arrow{transition:none}}@media screen and (max-width:749px){fokus-hero-flavor-slider.fokus-hero .fokus-hero__pouch{flex:0 0 auto!important;width:auto!important;max-width:86vw!important;height:340px!important;max-height:43svh!important;margin:12px auto 0!important;object-fit:contain!important}fokus-hero-flavor-slider.fokus-hero .fokus-hero__pouch[hidden]{display:none!important}fokus-hero-flavor-slider.fokus-hero .fokus-hero__pouch.is-active:not([hidden]){display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-fokus-header.css.map */