/* Shared secondary nav-links bar — used on checkout/account/about/policies
   so every page carries the same links as the index.html header. */
.nav-links{display:flex;gap:24px;align-items:center}
.nav-links a{font-size:.9rem;font-weight:600;color:var(--muted);position:relative;padding:4px 0;text-decoration:none}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--red);transition:width .3s}
.nav-links a:hover{color:var(--ink)}
.nav-links a:hover::after{width:100%}
.nav-about{position:relative}
.nav-about-btn{background:none;border:none;font:inherit;color:var(--muted);cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:normal;text-transform:none;padding:4px 0;border-radius:0;transition:color .2s;display:flex;align-items:center;gap:4px;position:relative}
.nav-about-btn::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--red);transition:width .3s}
.nav-about-btn:hover,.nav-about.open .nav-about-btn{color:var(--ink);background:none}
.nav-about-btn:hover::after,.nav-about.open .nav-about-btn::after{width:calc(100% - 14px)}
.nav-about-drop{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;min-width:200px;box-shadow:0 8px 32px rgba(0,0,0,.1);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200}
.nav-about.open .nav-about-drop{opacity:1;pointer-events:all;transform:translateY(0)}
.nav-about-drop a{display:block;padding:9px 14px;border-radius:9px;font-size:.82rem;color:var(--ink);transition:background .15s;text-decoration:none}
.nav-about-drop a:hover{background:var(--paper2,#f5f5f0)}

/* MOBILE HAMBURGER — replaces the old "hide nav links" behaviour */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-right:-8px;flex-direction:column;gap:4px;align-items:center;justify-content:center}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s}
.nav-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:860px){
  .nav-toggle{display:flex}
  .nav-links{display:none;position:fixed;top:62px;left:0;right:0;z-index:150;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px 5vw 16px;box-shadow:0 16px 32px rgba(0,0,0,.1);max-height:calc(100vh - 62px);overflow-y:auto}
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 0;border-bottom:1px solid var(--line);font-size:.95rem}
  .nav-about{width:100%}
  .nav-about-btn{width:100%;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}
  .nav-about-drop{position:static;display:none;opacity:1;pointer-events:all;transform:none;box-shadow:none;border:none;border-radius:0;padding:0;min-width:0;margin-top:0}
  .nav-about.open .nav-about-drop{display:block}
  .nav-about-drop a{padding:12px 14px 12px 22px;border-radius:0}
}