header.darkflows-header{max-width:none;padding:0;margin:0;background:#191919;color:#efefeb;border-bottom:1px solid #ffffff12;position:relative;z-index:40}.darkflows-header .nav{max-width:1240px;margin:auto;padding:22px 32px;min-height:96px;display:flex;align-items:center;justify-content:space-between;column-gap:clamp(64px,7vw,112px)}.darkflows-header .brand{display:inline-flex;align-items:center;gap:13px;color:#efefeb;font-size:30px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.darkflows-header .brand-logo{width:48px;height:44px;display:block}.darkflows-header .nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:14px}.darkflows-header .products-navigation{position:relative}.darkflows-header details{margin:0;border:0;padding:0}.darkflows-header summary{list-style:none;cursor:pointer}.darkflows-header summary::-webkit-details-marker{display:none}.darkflows-header .products-menu>summary,.darkflows-header .sign-in{display:flex;align-items:center;gap:16px;padding:11px 22px;border:1px solid #ffffff12;border-radius:30px;background:#292929;color:#c1c1ba;min-height:46px;font-size:14px;font-weight:500}.darkflows-header .sign-in{color:#efefeb}.darkflows-header .nav-start{padding:12px 24px;min-height:46px;border-radius:30px;background:#efefeb;color:#191919;font-size:14px;font-weight:650;display:flex;align-items:center}.darkflows-header .products-panel{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;padding:10px;background:#242424;border:1px solid #ffffff18;border-radius:16px;box-shadow:0 18px 45px #0003;z-index:50;animation:header-menu .2s ease-out}.darkflows-header .shopify-submenu>summary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:12px;border-radius:9px;font-size:14px}.darkflows-header .shopify-panel{padding:4px 0 4px 14px}.darkflows-header .shopify-panel a{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:9px;font-size:13px}.darkflows-header .shopify-panel a:hover,.darkflows-header .shopify-submenu>summary:hover{background:#333}.darkflows-header summary span{transition:transform .2s}.darkflows-header details[open]>summary span{transform:rotate(180deg)}.darkflows-header a:focus-visible,.darkflows-header summary:focus-visible{outline:2px solid #adbfab;outline-offset:4px}main{padding-top:28px}@keyframes header-menu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(max-width:700px){.darkflows-header .nav{padding:18px 22px;gap:18px;flex-wrap:wrap}.darkflows-header .brand{font-size:25px}.darkflows-header .brand-logo{width:38px;height:36px}.darkflows-header .nav-actions{gap:8px}.darkflows-header .products-menu>summary,.darkflows-header .sign-in{font-size:12px;padding:9px 14px;min-height:42px}.darkflows-header .nav-start{font-size:12px;padding:10px 16px;min-height:42px}}@media(max-width:460px){.darkflows-header .nav{justify-content:center;padding:16px}.darkflows-header .nav-actions{width:100%;justify-content:center}.darkflows-header .products-panel{min-width:200px}main{padding-top:22px}}@media(prefers-reduced-motion:reduce){.darkflows-header .products-panel{animation:none}.darkflows-header summary span{transition:none}}
/* Floating pill navigation inspired by Babai Snacks. */
header.darkflows-header{background:transparent;border:0;padding:16px 20px 8px;position:sticky;top:0;pointer-events:none}.darkflows-header .nav{pointer-events:auto;width:max-content;max-width:100%;min-height:68px;padding:10px 18px;margin:0 auto;gap:36px;background:#fffffff2;color:#283d2c;border:1px solid #dce0d4;border-radius:60px;box-shadow:0 10px 30px #2035190c;backdrop-filter:blur(18px)}.darkflows-header .brand{color:#283d2c;font-size:24px;gap:10px}.darkflows-header .brand-logo{filter:brightness(0) saturate(100%);opacity:.8;width:35px;height:34px}.darkflows-header .nav-actions{gap:12px}.darkflows-header .products-menu>summary,.darkflows-header .sign-in{background:transparent;color:#52634b;border-color:transparent;padding:10px 14px;font-size:13px}.darkflows-header .products-menu>summary:hover,.darkflows-header .sign-in:hover{background:#f0f3e9}.darkflows-header .nav-start{background:#2d472e;color:#fff;font-size:13px;padding:12px 22px}.darkflows-header .products-panel{background:#fff;color:#354b2e;border-color:#dce0d4;box-shadow:0 15px 35px #20351918}.darkflows-header .shopify-panel a:hover,.darkflows-header .shopify-submenu>summary:hover{background:#f0f3e9}@media(max-width:700px){header.darkflows-header{padding:12px 16px 6px}.darkflows-header .nav{gap:16px;padding:9px 14px;min-height:60px}.darkflows-header .brand{font-size:21px}.darkflows-header .brand-logo{width:30px;height:30px}.darkflows-header .nav-actions{gap:4px}.darkflows-header .products-menu>summary,.darkflows-header .sign-in{padding:8px 10px;font-size:12px}.darkflows-header .nav-start{padding:10px 15px;font-size:12px}}@media(max-width:460px){.darkflows-header .nav{width:100%;justify-content:space-between;flex-wrap:nowrap;gap:8px;padding:8px 12px}.darkflows-header .brand{font-size:19px;gap:6px}.darkflows-header .brand-logo{width:27px;height:28px}.darkflows-header .nav-actions{width:auto;gap:3px}.darkflows-header .sign-in{display:none}.darkflows-header .products-menu>summary{padding:8px;font-size:11px;gap:5px}.darkflows-header .nav-start{padding:10px 12px;font-size:11px}.darkflows-header .products-panel{left:auto;right:0}}

.darkflows-header .nav{width:min(650px,100%);justify-content:space-between;gap:36px;padding:10px 14px 10px 22px}.darkflows-header .home-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#edf1e7;color:#3b5134;border:1px solid #e0e6d6;transition:background .2s,transform .2s}.home-button svg{width:20px;height:20px}.darkflows-header .home-button:hover{background:#dfe8d6;transform:translateY(-1px)}@media(max-width:460px){.darkflows-header .nav{padding:8px 10px 8px 17px}.darkflows-header .brand{font-size:22px;gap:9px}.darkflows-header .brand-logo{width:32px;height:32px}}

header.darkflows-header{will-change:transform,opacity;transform:translateY(0);opacity:1;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .24s ease}header.darkflows-header.nav-hidden{transform:translateY(calc(-100% - 8px));opacity:0;pointer-events:none}header.darkflows-header.nav-hidden .nav{pointer-events:none}@media(prefers-reduced-motion:reduce){header.darkflows-header{transition:none}}