/* Header v2: live on main since deploy 0d8d8b8a (default build; HEADER_V2=0 builds the old header) */
/* One breakpoint (1179.98px) for the whole nav collapse + hamburger; site.css keeps its old 960px Menu-button rules only for HEADER_V2=0 builds. */
@media (max-width:1179.98px){
  .js .menu-btn{display:inline-flex;align-items:center;gap:8px}
  .js .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:2px solid #E2DED6;box-shadow:0 12px 24px rgba(0,0,0,.08)}
  .js .nav.open{display:block}
  .nav ul{flex-direction:column;align-items:stretch;padding:10px 20px 20px;gap:4px}
  .nav a{font-size:1.25rem;min-height:56px;padding:10px 14px}
  .nav .nav-shop a{margin:8px 0 0;justify-content:center}
  .head-in{position:relative;min-height:76px}
  .brand-name{font-size:1.35rem}
  .brand-logo{height:26px}
}

/* header: By [K61 logo] */
.brand-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:6px 0}
.brand-wrap .brand{padding:0}
.brand-by{display:inline-flex;align-items:baseline;gap:4px;min-height:24px;padding-left:2px;color:#4A4B50;text-decoration:none;font-family:Roboto,Arial,sans-serif;font-size:12px;line-height:1;letter-spacing:.02em;transition:opacity .18s}
.brand-by img{display:block;height:23px;width:auto}
.brand-by:hover{opacity:.75;color:#4A4B50}
.brand-by:focus-visible{outline:3px solid var(--gh-deep);outline-offset:2px;border-radius:4px}

/* hamburger toggle (v2) */
.menu-btn{border:0;background:transparent;padding:0;width:48px;height:48px;min-height:48px;border-radius:50%;justify-content:center;color:var(--gh-deep);box-shadow:none;transition:background-color .18s,box-shadow .18s}
.js .menu-btn{gap:0}
.menu-btn:hover{background:rgba(47,167,184,.14);box-shadow:inset 0 -2px 0 var(--gh-orange)}
.menu-btn:focus-visible{outline:none;background:rgba(47,167,184,.14);box-shadow:0 0 0 3px var(--gh-orange)}
.burger{position:relative;display:block;width:24px;height:18px}
.burger span{position:absolute;left:0;width:24px;height:2.5px;border-radius:2px;background:var(--gh-deep);transition:transform .25s ease,opacity .2s ease,top .25s ease}
.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:7.75px}.burger span:nth-child(3){top:15.5px}
.menu-btn[aria-expanded="true"] .burger span:nth-child(1){top:7.75px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] .burger span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .burger span:nth-child(3){top:7.75px;transform:rotate(-45deg)}
@media (prefers-reduced-motion:reduce){.burger span,.menu-btn{transition:none}}

/* menu behaviour fixes */
@media (max-width:1179.98px){
  html.nav-open,html.nav-open body{overflow:hidden}
  .js .nav{max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}
  .nav .nav-shop a{display:flex;width:100%;max-width:420px;margin:8px 0 0;justify-content:center}
}
@media (min-width:1180px){.menu-btn,.js .menu-btn{display:none}}
/* By K61 tweaks */
.brand-by .by{position:relative;top:-1px}
@media (max-width:600px){.brand-by{font-size:13px}}