/* Shared public-site navigation treatment. Loaded after each page's local CSS. */
.header{
  top:0;
  padding:10px 16px;
  border-bottom:0!important;
  background:linear-gradient(to bottom,rgba(244,236,217,.98),rgba(244,236,217,.84))!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  transition:padding .25s ease,box-shadow .25s ease;
}
.header.header-scrolled{padding-top:6px;padding-bottom:6px;box-shadow:0 12px 35px -30px rgba(26,20,16,.7)}
.header .header-inner{
  width:min(1440px,100%);
  max-width:1440px;
  margin:0 auto;
  padding:9px 10px 9px 18px!important;
  border:1px solid rgba(26,20,16,.14);
  border-radius:999px;
  background:rgba(251,246,234,.92);
  box-shadow:0 8px 30px -24px rgba(26,20,16,.55);
  gap:22px;
}
.header .logo{transition:transform .2s ease;flex-shrink:0}
.header .logo:hover{transform:rotate(-1.5deg) scale(1.025)}
.header .nav{
  display:flex;
  gap:3px!important;
  margin-left:8px!important;
  padding:4px;
  border-radius:999px;
  background:rgba(26,20,16,.055);
}
.header .nav a{
  position:relative;
  padding:8px 15px!important;
  border-radius:999px;
  color:rgba(26,20,16,.62)!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1;
  transition:color .2s ease,background .2s ease,transform .2s ease!important;
}
.header .nav a:hover{color:var(--ink,#1A1410)!important;background:rgba(255,255,255,.72);transform:translateY(-1px)}
.header .nav a.active{background:var(--ink,#1A1410);color:var(--cream,#F4ECD9)!important;box-shadow:0 5px 14px -9px rgba(26,20,16,.8)}
.header .header-actions{display:flex!important;align-items:center;gap:8px!important;margin-left:auto;white-space:nowrap}
.header .auth-dynamic{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  min-height:38px;
  border:1.5px solid var(--line-strong,rgba(26,20,16,.24));
  border-radius:999px;
  padding:6px 13px;
  color:var(--ink,#1A1410);
  font-size:13px;
  font-weight:650;
  text-decoration:none;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.header .auth-dynamic:hover{border-color:var(--ink,#1A1410);background:rgba(255,255,255,.68);transform:translateY(-1px)}
.header .account-avatar{width:25px;height:25px;border-radius:50%;background:var(--kimchi,#D63327);color:var(--cream,#F4ECD9);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:750;flex-shrink:0}
.header .order-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:11px 17px!important;
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.header .order-btn::after{content:'→';font-size:16px;line-height:1;transition:transform .2s ease}
.header .order-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px -12px rgba(214,51,39,.9)}
.header .order-btn:hover::after{transform:translateX(3px)}
.header .cart-link{display:inline-flex!important;align-items:center;gap:7px;border-radius:999px!important;padding:9px 12px!important;background:transparent;color:var(--ink,#1A1410);font-size:13px;font-weight:700;text-decoration:none;transition:background .2s ease,transform .2s ease}
.header .cart-link:hover{background:rgba(26,20,16,.06);transform:translateY(-1px)}
.header .cart-count{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--kimchi,#D63327);color:var(--cream,#F4ECD9);display:inline-flex!important;align-items:center;justify-content:center;font-size:10px;font-weight:800;line-height:1}
.header .cart-count[hidden]{display:none!important}
.header .nav-hamburger{border:0!important;background:var(--kimchi,#D63327)!important;color:var(--cream,#F4ECD9)!important;box-shadow:0 7px 18px -12px rgba(214,51,39,.9)}

@media(max-width:900px){
  .header{padding:8px 10px}
  .header .header-inner{padding:8px 8px 8px 14px!important;border-radius:22px;gap:12px}
  .header .nav{display:none}
  .header .order-btn{display:none!important}
  .header .auth-dynamic{display:inline-flex!important}
}
@media(max-width:480px){
  .header{padding:6px 8px}
  .header .header-inner{padding:7px 7px 7px 12px!important;border-radius:19px}
  .header .header-actions{gap:3px!important}
  .header .account-link{padding:5px!important;border:0;background:transparent}
  .header .account-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .header .login-link{min-height:34px;padding:5px 9px;font-size:12px}
  .header .cart-link{padding:7px 6px!important;font-size:12px}
  .header .cart-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .header .cart-link::before{content:'Cart';position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;font-size:11px}
  .header .nav-hamburger{width:36px;height:36px;min-width:36px}
}
@media(prefers-reduced-motion:reduce){
  .header,.header *{transition:none!important}
}