/* Site-wide header (loaded on every page). Variables live on the wrapper so it works outside the homepage. */
.vyhdr{--bg:#ebe5e3;--card:#f6f2f0;--ink:#2b2622;--muted:#5f5651;--accent-deep:#b5551c;
  --pad:clamp(16px,3vw,48px);--max:1360px;
  --s-small:clamp(.875rem,.85rem + .1vw,.9375rem);--s-body:clamp(1.0625rem,1rem + .25vw,1.1875rem);
  --font:"Switzer","Helvetica Neue",Arial,sans-serif;
  position:relative;z-index:60;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--s-body);line-height:1.45;letter-spacing:-.01em;text-align:left}
.vyhdr *{box-sizing:border-box}
.vyhdr a{color:inherit;text-decoration:none}
.vyhdr form,.vyhdr p{margin:0;padding:0}
.vyhdr button,.vyhdr input{font-family:var(--font);text-transform:none}
.vyhdr :focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.vyhdr .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.vy-newhead header.whb-header,body.vy-newhead .whb-header-clone{display:none!important}
.vyhead{padding:14px var(--pad) 0;max-width:calc(var(--max) + 2 * var(--pad));margin:0 auto}
.vyhead .bar{display:flex;align-items:center;gap:clamp(16px,3vw,40px)}
.vyhead .logo{flex:none;display:block;position:relative;width:76px;height:76px;overflow:hidden}
.vyhead .logo img{position:absolute;left:50%;top:50%;height:100%;width:auto;max-width:none;transform:translate(-50%,-50%);mix-blend-mode:multiply}
.vyhead .search{flex:1;display:flex;min-width:0}
.vyhead .search input[type=search]{flex:1;min-width:0;height:48px;border:0;border-radius:0;background:var(--card);padding:0 16px;font-size:var(--s-body);color:var(--ink);box-shadow:none}
.vyhead .search input[type=search]::placeholder{color:var(--muted)}
.vyhead .search button{height:48px;border:0;border-radius:0;padding:0 22px;background:var(--ink);color:#fff;font-size:var(--s-body);cursor:pointer;transition:background-color .15s ease}
.vyhead .search button:hover{opacity:.88}
.vyhead .acct{display:flex;gap:24px;flex:none;font-size:var(--s-body)}
.vyhead .acct a{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.vyhead .acct a:hover{text-decoration:underline;text-underline-offset:4px}
.vyhead .dot{display:none;width:9px;height:9px;border-radius:50%;background:var(--accent-deep)}
.has-cart .vyhead .dot{display:inline-block}
.vyhead{position:relative}
.vyhead .navrow{display:flex;align-items:center;gap:24px;padding:8px 0 14px}
.vyhead .allcats{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:0;background:var(--ink);color:#fff;font-size:var(--s-small);font-weight:500;cursor:pointer;transition:background-color .15s ease}
.vyhead .allcats:hover,.vyhead .allcats[aria-expanded=true]{opacity:.88}
.vyhead .allcats i{font-style:normal;font-size:.8em;transition:transform .15s ease}
.vyhead .allcats[aria-expanded=true] i{transform:rotate(180deg)}
.vyhead .cats{flex:1;min-width:0;display:flex;align-items:center;gap:24px;font-size:var(--s-small);white-space:nowrap}
.vyhead .cats a{min-height:44px;display:inline-flex;align-items:center}
.vyhead .cats a:hover,.vyhead .sub a:hover,.vyhead .mega a:hover{text-decoration:underline;text-underline-offset:4px}
.vyhead .cats .inl+.main-l{margin-left:auto}
.vyhead .has-sub{position:relative;display:inline-flex}
.vyhead .sub{display:none;position:absolute;top:100%;left:0;z-index:40;min-width:230px;padding:8px 0;background:var(--card);box-shadow:0 10px 30px rgba(43,38,34,.14)}
.vyhead .sub.two{min-width:460px;columns:2;column-gap:0}
.vyhead .sub a{display:flex;min-height:40px;padding:0 18px;break-inside:avoid}
.vyhead .has-sub:hover .sub,.vyhead .has-sub:focus-within .sub{display:block}
.vyhead .mega{position:absolute;left:var(--pad);right:var(--pad);top:calc(100% - 10px);z-index:50;display:block;columns:5 200px;column-gap:32px;padding:24px 28px 12px;background:var(--card);box-shadow:0 14px 36px rgba(43,38,34,.18)}
.vyhead .mega[hidden]{display:none}
.vyhead .mcol{display:flex;flex-direction:column;margin-bottom:18px}
.vyhead .mega a{display:flex;align-items:center;min-height:30px;font-size:var(--s-small);break-inside:avoid}
.vyhead .mega a.mt{font-size:var(--s-body);font-weight:500;margin-bottom:2px;break-after:avoid}
.vyhdr .strip{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px;padding:10px var(--pad);background:var(--accent-deep);color:#fff;font-size:var(--s-small);text-align:center;transition:background-color .15s ease}
.vyhdr .strip:hover{opacity:.92}
.vyhdr .strip b{font-weight:500;text-decoration:underline;text-underline-offset:4px}
.vyhead .cats a.bf{font-weight:600;color:var(--accent-deep)}
@media (max-width:1000px){
  .vyhead .cats .inl{display:none}
  .vyhead .cats{overflow-x:auto;scrollbar-width:none}
  .vyhead .cats::-webkit-scrollbar{display:none}
  .vyhead .cats::-webkit-scrollbar{display:none}
}
@media (max-width:720px){
  .vyhead .bar{flex-wrap:wrap;gap:8px 12px}
  .vyhead .logo{width:84px;height:84px}
  .vyhead .navrow{gap:16px}
  .vyhead .cats{overflow-x:auto;scrollbar-width:none;gap:20px}
  .vyhead .mega{columns:2;column-gap:20px;padding:16px 16px 4px;max-height:75vh;overflow-y:auto}
  .vyhead .mega a{min-height:40px}
  .vyhead .acct{margin-left:auto;gap:16px}
  .vyhead .search{order:3;flex:1 0 100%}
}

/* desktop: the logo runs the full height of the search + nav rows */
@media (min-width:721px){
  .vyhead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(16px,3vw,40px);align-items:center}
  .vyhead .bar{display:contents}
  .vyhead .logo{grid-column:1;grid-row:1 / 3;width:128px;height:128px}
  .vyhead .search{grid-column:2;grid-row:1}
  .vyhead .acct{grid-column:3;grid-row:1}
  .vyhead .navrow{grid-column:2 / 4;grid-row:2}
}