/* Quiet white masthead with orange accents. */
.preview-banner,.utility-bar{background:#f4f5f6}
.site-header{background:#fff}
.header-masthead{background:#fff;color:var(--ink)}
.header-masthead .header-main{grid-template-columns:178px minmax(0,1fr) auto;column-gap:28px;padding:21px 0;height:auto;min-height:104px}
.header-masthead .brand{color:var(--ink)}
.header-masthead .brand span{color:var(--orange)}
.header-masthead .brand-lockup>span{color:var(--muted)}
.header-masthead .header-search{background:#f7f8f9;border-color:#dfe3e9}
.header-masthead .header-search:focus-within{outline:2px solid var(--ink);outline-offset:3px;box-shadow:none}
.header-masthead .header-search .icon-button{background:transparent}
.header-masthead .header-actions>a{color:var(--ink);padding:0}
.header-masthead .header-actions>a:hover{color:var(--orange-dark)}
.header-masthead :is(a,button):focus-visible{outline-color:var(--ink)}
.header-masthead .header-actions .bumby-cart-count,.header-masthead .header-actions .bumby-wishlist-count{position:absolute;right:-1px;top:-3px;min-width:19px;height:19px;line-height:19px;padding:0 4px;border-radius:20px;background:var(--orange);color:var(--ink);font-size:10px;font-weight:800;text-align:center}
.header-masthead .bumby-wishlist-count[hidden]{display:none}
.header-navigation>.primary-nav{margin:0;border-top:1px solid var(--line);height:50px;background:#fff}
@media(max-width:1000px) and (min-width:761px){.header-masthead .header-main{grid-template-columns:155px minmax(0,1fr) auto;column-gap:22px}.header-masthead .header-actions{gap:8px}}
@media(max-width:760px){
 .header-masthead .header-main{grid-template-columns:44px minmax(0,1fr) auto;gap:12px 10px;padding:14px 0;min-height:0}
 .header-masthead .header-main>.brand-lockup{grid-column:1/3;grid-row:1}
 .header-masthead .header-main>.header-actions{grid-column:3;grid-row:1;gap:6px}
 .header-masthead .header-main>.menu-toggle{grid-column:1;grid-row:2;color:var(--ink)}
 .header-masthead .header-main>.header-search{grid-column:2/-1;grid-row:2;min-width:0;width:100%}
 .header-navigation>.primary-nav{position:absolute;top:100%;left:16px;right:16px;width:auto;height:auto;max-height:calc(100dvh - 190px);margin:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:9px;z-index:40}
 .header-navigation{height:0}
}
