.hh-header-shell{background:var(--hh-header-bg);color:var(--hh-header-text)}
.hh-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:82px;padding:12px 5.5vw;gap:24px;position:relative;border-bottom:1px solid color-mix(in srgb,var(--hh-header-text) 12%,transparent)}
.hh-header-brand{max-width:var(--hh-logo-width);font-size:clamp(18px,2vw,25px);white-space:normal;overflow-wrap:anywhere;line-height:1.1;flex-shrink:0}
.hh-header-brand img{display:block;width:var(--hh-logo-width);max-width:100%;max-height:72px;object-fit:contain}
.hh-header--center{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.hh-header--center .hh-header-brand{grid-column:2;grid-row:1}
.hh-header--center .hh-desktop-nav{grid-column:1;grid-row:1;justify-self:start}
.hh-header--center .hh-header-actions{grid-column:3;grid-row:1;justify-self:end}
.hh-desktop-nav{justify-self:center;min-width:0}
.hh-menu-list,.hh-submenu-list{list-style:none;margin:0;padding:0}
.hh-desktop-nav>.hh-menu-list{display:flex;align-items:center;flex-wrap:wrap;gap:4px 22px}
.hh-menu-list a,.hh-submenu>summary{font-size:13px;display:flex;align-items:center;gap:10px;min-height:44px;line-height:1.4;color:inherit;cursor:pointer}
.hh-menu-list a:hover,.hh-menu-list a[aria-current=page],.hh-submenu[open]>summary{color:var(--red)}
.hh-submenu{position:relative}
.hh-submenu>summary{list-style:none}
.hh-submenu>summary::-webkit-details-marker{display:none}
.hh-submenu[open]>summary>span{transform:rotate(180deg)}
.hh-desktop-nav .hh-submenu-list{position:absolute;top:100%;left:0;width:250px;max-width:calc(100vw - 40px);max-height:65dvh;overflow:auto;padding:10px 16px;background:var(--hh-header-bg);border:1px solid color-mix(in srgb,var(--hh-header-text) 18%,transparent);border-radius:12px;box-shadow:0 20px 40px #0005;z-index:1}
.hh-menu-list a{overflow-wrap:anywhere}
.hh-desktop-nav .hh-submenu-nested>.hh-submenu-list{position:static;width:auto;max-height:none;margin:0 0 6px 8px;box-shadow:none;border:0;border-left:1px solid color-mix(in srgb,var(--hh-header-text) 20%,transparent);border-radius:0;padding:0 0 0 14px}
.hh-header-actions{display:flex;align-items:center;gap:10px}
.hh-header-icon{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}
.hh-header .cart-trigger{min-height:44px;gap:8px}
.hh-cart-icon{display:none}
.hh-header-cta{min-height:44px;padding:10px 16px;white-space:nowrap}
.hh-header .hh-mobile-menu{display:none}
.hh-announcement{background:var(--hh-announcement-bg);color:var(--hh-announcement-text);text-align:center;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.6}
.hh-announcement p{margin:0;padding:8px 16px}
.hh-announcement a{display:flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:8px 16px}
.hh-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hh-mobile-menu>summary{list-style:none;cursor:pointer}
.hh-mobile-menu>summary::-webkit-details-marker{display:none}
@media(max-width:1099px){
.hh-header,.hh-header--center{grid-template-columns:minmax(0,1fr) auto;min-height:72px;padding:10px 22px;gap:12px}
.hh-header--center .hh-header-brand{grid-column:1;grid-row:1}
.hh-header--center .hh-header-actions{grid-column:2;grid-row:1}
.hh-header .hh-desktop-nav,.hh-header-cta,.hh-cart-label,.hh-account-link{display:none}
.hh-cart-icon{display:block}
.hh-header-brand{max-width:var(--hh-logo-mobile);font-size:22px}
.hh-header-brand img{width:var(--hh-logo-mobile);max-height:52px}
.hh-header-actions{gap:4px}
.hh-header .hh-mobile-menu{display:block}
.hh-header .hh-mobile-menu>summary{height:44px;width:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.hh-header .hh-mobile-menu>summary>span{width:22px;height:1px;background:var(--hh-header-text);transition:transform .2s}
.hh-header .hh-mobile-menu[open]>summary>span:first-child{transform:translateY(3.5px) rotate(45deg)}
.hh-header .hh-mobile-menu[open]>summary>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hh-header .hh-mobile-menu>nav{position:absolute;top:100%;left:0;right:0;background:var(--hh-header-bg);color:var(--hh-header-text);padding:16px 22px calc(24px + env(safe-area-inset-bottom));border-bottom:1px solid #333;max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;display:block;box-shadow:0 24px 40px #0005}
.hh-mobile-menu .hh-menu-list>li{border-bottom:1px solid color-mix(in srgb,var(--hh-header-text) 12%,transparent)}
.hh-header .hh-mobile-menu nav a,.hh-mobile-menu .hh-submenu>summary{padding:12px 0;min-height:48px;font-size:16px}
.hh-mobile-menu .hh-submenu>summary{justify-content:space-between}
.hh-mobile-menu .hh-submenu-list{padding-left:18px}
.hh-header .hh-mobile-menu nav .hh-mobile-cta{padding:14px 18px;margin-top:20px;color:#090909;display:flex;justify-content:center}
.hh-mobile-account{margin-top:8px}
}
@media(max-width:359px){.hh-header{padding:10px 12px;gap:6px}.hh-header-brand{max-width:min(var(--hh-logo-mobile),100px);font-size:19px}.hh-header-actions{gap:0}.hh-header-icon{width:40px}.hh-header .cart-trigger{gap:4px}.hh-header .count{min-width:20px;height:20px;padding:0 4px}}
@media(prefers-reduced-motion:reduce){.hh-header .hh-mobile-menu>summary>span{transition:none}}
@media(min-width:1100px){.hh-header-actions{flex-wrap:wrap;justify-content:flex-end;min-width:0}.hh-header-cta{max-width:180px;white-space:normal;overflow-wrap:anywhere}}
