/* A shared header: primary links on desktop, a bag icon and a single menu.
   The panel contains both navigation and native, translated language links. */
body .site-header .header-inner {
  display:grid;
  grid-template-columns:minmax(133px,1fr) auto minmax(98px,1fr);
  min-height:var(--header-height);
  height:var(--header-height);
  padding-block:0;
  gap:clamp(20px,2.5vw,38px);
}
body .site-header .brand { flex-shrink:0; }
body .site-header .desktop-nav { margin:0; gap:clamp(24px,3vw,40px); }
body .site-header .desktop-nav a { white-space:nowrap; }
body .site-header .header-actions { display:flex; align-items:center; justify-self:end; gap:10px; }
body .site-header .header-bag {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:44px;
  height:44px;
  color:inherit;
  text-decoration:none;
}
body .site-header .header-bag svg { display:block; }
body .site-header .header-bag:hover { opacity:.7; }
body .site-header .mobile-menu { display:block; justify-self:end; flex-shrink:0; margin:0; }
body .site-header .mobile-menu > summary {
  display:flex;
  position:relative;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  width:44px;
  height:44px;
  gap:6px;
  cursor:pointer;
  list-style:none;
  color:inherit;
}
body .site-header .mobile-menu > summary::-webkit-details-marker { display:none; }
body .site-header .mobile-menu > summary > span {
  display:block;
  width:24px;
  height:1px;
  background:currentColor;
  transition:transform .2s ease;
}
body .site-header .mobile-menu[open] > summary > span:first-child { transform:translateY(3.5px) rotate(45deg); }
body .site-header .mobile-menu[open] > summary > span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
body .site-header .site-menu-panel {
  position:absolute;
  inset:100% 0 auto;
  height:calc(100dvh - var(--header-height));
  overflow-y:auto;
  overscroll-behavior:contain;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  align-content:start;
  column-gap:clamp(48px,10vw,160px);
  padding:clamp(32px,8dvh,80px) max(var(--page-pad),calc((100vw - 1000px)/2));
  padding-bottom:max(32px,env(safe-area-inset-bottom));
  color:#edece6;
  background:#111314;
}
/* Reset the legacy mobile nav rules for both groups inside the one panel. */
body .site-header .site-menu-panel > nav {
  position:static;
  inset:auto;
  height:auto;
  overflow:visible;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
}
body .site-header .site-menu-links { display:flex; flex-direction:column; gap:0; }
body .site-header .site-menu-links a {
  padding:17px 0;
  border:0;
  border-bottom:1px solid #edece62b;
  color:inherit;
  font-size:clamp(28px,3.5vw,44px);
  line-height:1.3;
  letter-spacing:-.035em;
  text-decoration:none;
}
body .site-header .site-menu-panel > .site-menu-languages {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;
  column-gap:24px;
  row-gap:0;
}
body .site-header .site-menu-languages p {
  grid-column:1/-1;
  margin:0 0 18px;
  color:#a3aaa7;
  font-size:12px;
  line-height:1.5;
}
body .site-header .site-menu-languages a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:44px;
  padding:8px 0;
  border:0;
  color:#b9bfbb;
  font-size:14px;
  line-height:1.4;
  letter-spacing:normal;
  text-decoration:none;
}
body .site-header .site-menu-languages a[aria-current] { color:#fff; }
body .site-header .site-menu-panel a:hover { color:#fff; text-decoration:underline; text-underline-offset:5px; }
body .site-header :focus-visible { outline:2px solid currentColor; outline-offset:5px; }
html body.menu-open .site-header[data-header]:has(.mobile-menu[open]) {
  position:fixed;
  inset:0 0 auto;
  border:0;
  background:#111314;
  color:#edece6;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body.menu-open .site-header .brand img { filter:brightness(0) invert(1); }
body.menu-open .site-header .desktop-nav { visibility:hidden; }
body.menu-open .site-header[data-header] :focus-visible { outline-color:#edece6; }
body.menu-open .language-suggestion { visibility:hidden; }
@media(max-width:1100px) {
  body .site-header .header-inner { grid-template-columns:minmax(0,1fr) auto; gap:0; }
  body .site-header .desktop-nav { display:none; }
  body .site-header .header-actions { gap:4px; }
  body .site-header .brand { width:104px; }
  body .site-header .site-menu-panel { grid-template-columns:minmax(0,1fr); gap:36px; padding-top:20px; }
  body .site-header .site-menu-links a { padding-block:14px; font-size:30px; }
  body .site-header .site-menu-languages p { margin-bottom:12px; }
}
@media(max-width:600px) {
  body .site-header .header-inner { padding-inline:20px; }
  body .site-header .site-menu-panel { padding-inline:24px; }
}
@media(min-width:700px) and (max-width:900px) and (max-height:600px) {
  body .site-header .site-menu-panel { grid-template-columns:1fr 1fr; column-gap:56px; padding-block:12px 24px; }
  body .site-header .site-menu-links a { font-size:26px; padding-block:12px; }
  body .site-header .site-menu-languages p { margin-bottom:4px; }
}
@media(prefers-reduced-motion:reduce) {
  body .site-header .mobile-menu > summary > span { transition:none; }
}