.header{position:fixed;inset:0 0 auto;z-index:var(--z-header);height:var(--header-height);color:var(--color-graphite);background:rgba(255,255,255,.08);transition:background-color .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}.header--solid{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-color:var(--color-border)}
.header__inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-5)}.header__logo{grid-column:2;grid-row:1;font-size:var(--text-sm);letter-spacing:-.03em;text-transform:lowercase}.header__nav{grid-column:1;grid-row:1;display:flex;gap:var(--space-5)}.header__nav-link{font-size:var(--text-xs);position:relative;padding-block:4px}.header__nav-link::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:currentColor;transition:right .25s}.header__nav-link:hover::after{right:0}
.header__actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.header__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-pill);position:relative}.header__icon-btn:hover{background:rgba(23,23,23,.06)}.header__cart-count{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--color-graphite);color:#fff;font-size:9px;line-height:16px;text-align:center}
.header__search-form{max-width:0;overflow:hidden;opacity:0;transition:max-width .3s,opacity .2s}.header__search-form--open{max-width:210px;opacity:1;margin-right:var(--space-2)}.header__search-input{width:190px;border:0;border-bottom:1px solid currentColor;background:transparent;font-size:var(--text-xs);padding:var(--space-2) 0}.header__search-input:focus{outline:0}
.header__menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px}.header__menu-btn span{width:20px;height:1px;background:currentColor;transition:transform .3s,opacity .2s}.header__menu-btn--active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.header__menu-btn--active span:nth-child(2){opacity:0}.header__menu-btn--active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.header__mobile-nav{display:none;position:fixed;inset:var(--header-height) 0 0;background:#fff;flex-direction:column;padding:var(--space-5) var(--container-pad);transform:translateY(-105%);transition:transform .4s var(--ease-out-expo);overflow:auto}.header__mobile-nav--open{transform:none}.header__mobile-link{font-family:var(--font-display);font-size:clamp(2.5rem,12vw,4.5rem);line-height:1;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.header__mobile-search{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-fog);border-radius:var(--radius-md)}.header__mobile-search-input{flex:1;min-width:0;border:0;background:transparent}.header__mobile-search-input:focus{outline:0}.header__mobile-search-submit{font-size:var(--text-lg)}
@media(max-width:1023px){.header__inner{display:flex;justify-content:space-between}.header__logo{order:1}.header__nav{display:none}.header__actions{order:2;margin-left:auto}.header__menu-btn{display:flex}.header__mobile-nav{display:flex}}@media(max-width:599px){:root{--header-height:68px}.header__actions>[data-search-toggle]{display:none}.header__icon-btn{width:40px;height:40px}}