:root{--header-space-xs:0.5rem;--header-space-sm:0.75rem;--header-space-md:1rem;--header-space-lg:1.5rem;--header-space-xl:2rem;--touch-target-min:48px;--touch-target-comfortable:56px;--header-height-mobile:56px;--header-height-tablet:64px;--header-height-desktop:72px;--drawer-width-mobile:280px;--drawer-subcategory-width:calc(100vw - 280px);--drawer-subcategory-max-width:28rem;--header-transition-fast:150ms;--header-transition-normal:200ms;--header-transition-slow:300ms;--z-header:50;--z-drawer-backdrop:60;--z-drawer:70;--z-drawer-subcategory:75;--z-search-dropdown:30;--header-radius-sm:0.5rem;--header-radius-md:0.75rem;--header-radius-lg:1rem;--header-radius-xl:1.5rem;--header-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--header-shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--header-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--header-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--header-shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25)}@media (min-width:768px){:root{--header-space-md:1.25rem;--header-space-lg:2rem;--header-space-xl:2.5rem}}@media (min-width:1024px){:root{--header-space-lg:2.5rem;--header-space-xl:3rem}}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.header-transition{transition-duration:var(--header-transition-normal);transition-timing-function:cubic-bezier(.4,0,.2,1)}.header-transition-fast{transition-duration:var(--header-transition-fast);transition-timing-function:cubic-bezier(.4,0,.2,1)}.header-focus-visible:focus-visible{outline:2px solid var(--brand-primary,#3b82f6);outline-offset:2px;border-radius:var(--header-radius-sm)}.prevent-layout-shift{contain:layout;content-visibility:auto}.header-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@supports (padding:max(0px)){.header-safe-area{padding-left:max(var(--header-space-md),env(safe-area-inset-left));padding-right:max(var(--header-space-md),env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.header-border{border-width:2px}.header-focus-visible:focus-visible{outline-width:3px}}@media (prefers-color-scheme:dark){:root{--header-shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--header-shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--header-shadow-lg:0 10px 15px -3px rgba(0,0,0,.5)}}