/* LVLX global top navigation banner — matches the approved black & gold
   homepage header; sits above every inner page's own header. */
.lvlxbar { background:#050505; border-bottom:1px solid #98702b; color:#f8f5ee;
  height:66px; display:flex; align-items:center; gap:24px; padding:0 28px;
  font-family:inherit; position:relative; z-index:80; }
.lvlxbar .lvlxbar-brand { flex:0 0 auto; display:flex; align-items:center; }
.lvlxbar .lvlxbar-brand img { width:112px; height:57px; display:block; }
.lvlxbar nav { display:flex; align-items:center; overflow-x:auto; scrollbar-width:none; }
.lvlxbar nav::-webkit-scrollbar { display:none; }
.lvlxbar nav a { color:#f8f5ee; text-decoration:none; font-size:15px; font-weight:500;
  padding:10px 18px; border-right:1px solid #514126; white-space:nowrap; }
.lvlxbar nav a:last-child { border-right:0; }
.lvlxbar nav a:hover { color:#f1ce74; }
.lvlxbar nav a.on { color:#f1ce74; }
.lvlxbar .lvlxbar-start { margin-left:auto; flex:0 0 auto; color:#120e05; text-decoration:none;
  font-size:14px; font-weight:600; padding:9px 18px; border-radius:999px; white-space:nowrap;
  background:linear-gradient(135deg,#a66d29,#eac477 45%,#b58439); }
@media (max-width:760px) {
  .lvlxbar { height:auto; min-height:54px; gap:12px; padding:8px 14px; flex-wrap:wrap; }
  .lvlxbar .lvlxbar-brand img { width:84px; height:43px; }
  .lvlxbar nav a { font-size:13px; padding:8px 12px; }
  .lvlxbar .lvlxbar-start { padding:8px 14px; font-size:13px; }
}
/* actions: cart + login (Get started removed) */
.lvlxbar-actions { margin-left:auto; display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.lvlx-cart { display:flex; align-items:center; justify-content:center; width:42px; height:42px;
  border-radius:50%; color:#eac477; text-decoration:none; }
.lvlx-cart:hover { background:#eac47722; }
.lvlx-cart svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round; }
.lvlx-login { color:#f8f5ee; text-decoration:none; font-size:14px; font-weight:600; letter-spacing:.04em;
  padding:9px 18px; border:1px solid #98702b; border-radius:999px; white-space:nowrap; }
.lvlx-login:hover { color:#f1ce74; border-color:#eac477; }
/* homepage header reuses these inside .header-actions */
.header-actions .lvlx-cart, .header-actions .lvlx-login { font-family:inherit; }
.header-actions { display:flex; align-items:center; gap:8px; }
/* new master logo is wider (2.6:1): keep natural aspect wherever sized by CSS */
.lvlxbar .lvlxbar-brand img { height:auto; }
/* Mobile: logo + cart + login share the top line; nav sits at the bottom
   of the header, all five links on one line with no sideways scrolling. */
@media (max-width:760px) {
  .lvlxbar { height:auto; min-height:0; flex-wrap:wrap; gap:0 10px; padding:10px 12px 0; }
  .lvlxbar .lvlxbar-brand { order:1; }
  .lvlxbar .lvlxbar-brand img { width:104px; }
  .lvlxbar-actions { order:2; margin-left:auto; gap:4px; }
  .lvlx-cart { width:38px; height:38px; }
  .lvlx-cart svg { width:21px; height:21px; }
  .lvlx-login { padding:7px 14px; font-size:13px; }
  .lvlxbar nav { order:3; flex:1 0 100%; justify-content:space-between; overflow-x:visible; margin-top:4px; }
  .lvlxbar nav a { font-size:12px; font-weight:600; padding:11px 2px; border-right:0; }
}
@media (max-width:374px) {
  .lvlxbar nav a { font-size:10.5px; }
  .lvlxbar .lvlxbar-brand img { width:96px; }
}