/* Persistent, compact JWÈT PA W navigation. */
body > header.global-nav{position:sticky;top:0;left:0;right:0;z-index:1000;width:100%;max-width:none;min-height:78px;height:auto;margin:0;padding:12px clamp(22px,4.5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid #e8e2d9;background:#fff;box-shadow:0 2px 12px rgba(21,35,69,.04);color:#152345;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
body > header.global-nav .global-brand{display:block;flex:none;line-height:0}
body > header.global-nav .global-brand img{display:block;width:clamp(145px,15vw,185px);height:auto;max-width:none}
body > header.global-nav nav{position:static;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(11px,2vw,29px);min-width:0;width:auto;margin:0;padding:0;border:0;box-shadow:none;background:transparent}
body > header.global-nav nav a{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:3px 0;border:0;color:#152345;text-decoration:none;text-transform:uppercase;font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.08em;white-space:nowrap}
body > header.global-nav nav a[aria-current="page"]{color:#86172d;border-bottom:1px solid #ae8541}
body > header.global-nav nav a:hover,body > header.global-nav nav a:focus-visible{color:#86172d}
body > header.global-nav .cart-count{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:1px;border:1px solid #c9b48d;border-radius:50%;font:700 9px/1 Arial,Helvetica,sans-serif;letter-spacing:0}
@media(max-width:760px){body > header.global-nav{min-height:0;display:block;padding:10px 17px 7px}body > header.global-nav .global-brand img{width:134px}body > header.global-nav nav{justify-content:space-between;flex-wrap:nowrap;gap:7px;margin-top:8px}body > header.global-nav nav a{min-height:29px;font-size:9px;letter-spacing:.015em}body > header.global-nav .cart-count{width:14px;height:14px;font-size:8px}}
@media(max-width:360px){body > header.global-nav{padding-inline:12px}body > header.global-nav nav{gap:4px}body > header.global-nav nav a{font-size:8px}}
@media print{body > header.global-nav{position:static}}

/* Reveal on upward scroll; leave content unobstructed on the way down. */
body > header.global-nav,body > header.header{transition:transform .24s ease,box-shadow .24s ease;will-change:transform}
body > header.global-nav.is-hidden,body > header.header.is-hidden{transform:translateY(-105%);pointer-events:none}
@media(prefers-reduced-motion:reduce){body > header.global-nav,body > header.header{transition:none}}
/* Four useful destinations beside the logo on small screens. */
@media(max-width:760px){
  body > header.global-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:70px;padding:10px 16px}
  body > header.global-nav .global-brand img{width:clamp(94px,26vw,112px)}
  body > header.global-nav nav{display:flex;flex:1;justify-content:space-between;flex-wrap:nowrap;gap:clamp(4px,1.4vw,12px);min-width:0;margin:0}
  body > header.global-nav nav a{min-height:34px;padding:4px 0;font-size:clamp(8px,2.1vw,10px);letter-spacing:0}
  body > header.global-nav nav a[href="/"],body > header.global-nav nav a[href="/contact/"]{display:none}
}
@media(max-width:360px){body > header.global-nav{gap:7px;padding-inline:10px}body > header.global-nav .global-brand img{width:91px}body > header.global-nav nav{gap:3px}body > header.global-nav nav a{font-size:7.8px}}

/* Desktop layout only; phone and tablet rules stay unchanged. */
@media screen and (min-width:1024px){

body > header.global-nav{min-height:88px;padding-inline:max(48px,calc((100vw - 1320px)/2));gap:48px;}
body > header.global-nav nav{gap:32px;flex-wrap:nowrap;}
body > header.global-nav nav a{font-size:12px;min-height:42px;}
}
