.top-strip{background:var(--color-primary, #df1037);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.02em}
.top-strip__inner{min-height:32px;display:flex;align-items:center;justify-content:center;gap:2rem}
.top-strip__right{opacity:.9}
.site-header{background:#fff;border-bottom:1px solid #e9e9e9}
.site-header__inner{min-height:88px;display:grid;grid-template-columns:180px minmax(320px,620px) 120px;align-items:center;justify-content:space-between;gap:2rem}
.site-brand{display:inline-flex;align-items:center;max-width:170px;text-decoration:none}
.site-brand img{width:auto;max-width:100%;max-height:58px}
.site-brand__text{color:#121212;font-size:1.5rem;font-weight:900}
.header-search{position:relative;display:flex;align-items:stretch;min-width:0}
.category-button{display:flex;align-items:center;gap:.5rem;min-width:145px;padding:0 1rem;border:0;border-radius:999px 0 0 999px;background:var(--color-primary, #df1037);color:#fff;font-size:.75rem;font-weight:800;cursor:pointer}
.category-button__icon{font-size:1rem}.category-button__chevron{margin-left:auto}
.category-button[aria-expanded="true"] .category-button__chevron{transform:rotate(180deg)}
.header-category-menu{position:absolute;top:calc(100% + .5rem);left:0;z-index:30;display:grid;min-width:220px;max-height:320px;overflow-y:auto;padding:.4rem;border:1px solid #dfe4e7;border-radius:var(--radius-md);background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.header-category-menu[hidden]{display:none}
.header-category-menu__item{padding:.65rem .75rem;border:0;border-radius:4px;background:transparent;color:#252525;font-size:.75rem;text-align:left;cursor:pointer}
.header-category-menu__item:hover,.header-category-menu__item:focus{background:var(--color-primary-soft, #fff0f3);color:var(--color-primary, #df1037);outline:0}
.header-search-form{display:flex;flex:1;min-width:0;border:1px solid #e1e5e8;border-left:0;border-radius:0 999px 999px 0;background:#f7f8f9}
.header-search-form input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:.75rem 1rem;color:#222;font-size:.78rem}
.header-search-form button{display:grid;place-items:center;width:48px;border:0;background:transparent;cursor:pointer}
.header-search-form svg{width:16px;height:16px;fill:none;stroke:#222;stroke-width:1.8;stroke-linecap:round}
.site-header__actions{display:flex;justify-content:flex-end;align-items:center;gap:.25rem}
.header-icon{position:relative;display:grid;place-items:center;width:38px;height:38px;color:#222;text-decoration:none}
.header-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.header-icon:hover{color:var(--color-primary, #df1037)}
.cart-count{position:absolute;top:1px;right:1px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 4px;border-radius:99px;background:var(--color-primary, #df1037);color:#fff;font-size:8px;font-weight:800}
.site-navigation{background:#fff}
.primary-menu{display:flex;align-items:center;justify-content:center;gap:2.4rem;min-height:44px;margin:0;padding:0;list-style:none}
.primary-menu a{color:#1b1b1b;font-size:.72rem;font-weight:800;text-decoration:none}
.primary-menu a:hover,.primary-menu .current-menu-item>a{color:var(--color-primary, #df1037)}
.mobile-menu-toggle{display:none}
@media(max-width:950px){
.site-header__inner{grid-template-columns:auto 1fr auto;min-height:76px}
.header-search{order:3;grid-column:1/-1;padding-bottom:.75rem}
.site-header__inner{padding-bottom:.75rem}
.site-navigation{display:none}.site-navigation.is-open{display:block}
.primary-menu{flex-direction:column;align-items:stretch;gap:0;padding:0 1rem}.primary-menu a{display:block;padding:.75rem 0;border-bottom:1px solid #eee}
.mobile-menu-toggle{display:grid;place-items:center;width:38px;height:38px;border:0;background:transparent;cursor:pointer}
.mobile-menu-toggle span:not(.screen-reader-text){display:block;width:19px;height:2px;margin:2px;background:#222}
}
@media(max-width:600px){
.top-strip__right{display:none}.top-strip__inner{min-height:28px;font-size:.62rem}
.site-header__inner{min-height:64px;grid-template-columns:1fr auto;gap:.75rem;padding-bottom:.65rem}
.site-brand{max-width:100px}.site-brand img{max-height:38px}
.header-search{grid-column:1/-1;width:100%}
.category-button{min-width:112px;font-size:.68rem}
.header-search-form input{font-size:.7rem}
.site-header__actions{gap:0}
.header-icon{width:34px}
}
