.header{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand user" "nav nav";align-items:center;padding:18px 4% 0;gap:15px 28px}
.header .brand{grid-area:brand}
.header-actions{display:contents}
.header-nav{grid-area:nav;display:flex;align-items:center;gap:6px;min-width:0;height:55px;border-top:1px solid #ffffff16;overflow-x:auto;scrollbar-width:none}
.header-nav::-webkit-scrollbar{display:none}
.header-nav .quiet{flex:0 0 auto;padding:11px 13px;border-radius:6px;color:#e5e0e6;font-size:.8rem;line-height:1;white-space:nowrap}
.header-nav .quiet:hover{color:#fff;background:#ffffff12}
.header-user{grid-area:user;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.header-user .cart-button{display:flex;align-items:center;gap:10px;padding:11px 15px;white-space:nowrap}
.header-user .cart-button span{margin:0}
.header-user .cart-label{padding:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:.78rem!important}
.account-menu{position:relative;min-width:0}
.account-menu summary{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:42px;max-width:230px;padding:8px 11px;border-radius:7px;color:#f6f3f6;font-size:.78rem;font-weight:650;cursor:pointer;list-style:none}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu summary:hover,.account-menu[open] summary{background:#ffffff12}
.account-menu summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chevron{color:#baadb7;font-size:1rem;transition:transform .16s ease}
.account-menu[open] .account-chevron{transform:rotate(180deg)}
.account-dropdown{position:absolute;z-index:80;right:0;top:calc(100% + 8px);width:190px;padding:7px;background:#fff;border:1px solid #e5e0e5;border-radius:9px;box-shadow:0 16px 45px #0004;color:#211d21}
.account-dropdown button{display:block;width:100%;padding:11px 12px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;font-size:.82rem}
.account-dropdown button:hover{background:#f4eef0;color:#a31f3b}
.header.header-compact{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nav user";padding:7px 4%;gap:12px}
.header-compact .header-actions{display:contents}
.header-compact .brand{display:none}
.header-compact .header-nav{height:43px;border:0}
.header-compact .header-user{min-width:max-content}
.header-compact .account-dropdown{top:calc(100% + 5px)}
@media(max-width:900px){.header{gap:12px 18px}.store-wordmark{width:190px}.header-nav .quiet{padding-inline:10px}.account-menu summary{max-width:170px}.header-user .cart-label{display:none}}
@media(max-width:600px){.header{padding:13px 4% 0;grid-template-columns:minmax(0,1fr) auto;gap:10px}.store-wordmark{width:145px}.brand-tag{display:none}.header-user{gap:6px}.header-user .cart-button{padding:9px 11px}.account-menu summary{max-width:115px;padding-inline:7px}.header-nav{height:49px}.header-nav .quiet{font-size:.72rem;padding:9px 8px}.header.header-compact{padding:6px 3%}.header-compact .account-menu summary{max-width:105px}.header-compact .header-nav{height:42px}.header-compact .cart-button::before{content:'🛒';font-size:1rem}}
@media(prefers-reduced-motion:reduce){.account-chevron{transition:none}}