/* ============================================================
   ARCOVEX — HEADER & FOOTER (chrome.js)
   ============================================================ */
.axn .nav-inner { gap: 24px; }
.axn .nav-logo { flex: none; }
.axn-links { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0 auto 0 12px; padding: 0; }
.axn-links > li > a, .axn-dd-btn { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 8px; border: 0; background: none; font: 500 14px var(--font-body); color: var(--ax-text-muted, #5b5f66); text-decoration: none; cursor: pointer; transition: color .15s, background .15s; white-space: nowrap; }
.axn-links > li > a:hover, .axn-dd-btn:hover, .axn-dd-btn[aria-expanded="true"] { color: var(--ax-fg); background: rgba(0,0,0,.04); }
.axn-links > li > a.active, .axn-dd.active > .axn-dd-btn { color: var(--ax-fg); font-weight: 600; }
.axn-links > li > a:focus-visible, .axn-dd-btn:focus-visible, .axn-actions a:focus-visible, .axn-panel a:focus-visible { outline: 2px solid var(--ax-fg); outline-offset: 2px; }
.axn-caret { transition: transform .2s; } .axn-dd-btn[aria-expanded="true"] .axn-caret { transform: rotate(180deg); }
.axn-dd { position: relative; }
.axn-panel { position: absolute; top: calc(100% + 10px); left: -8px; width: 320px; padding: 8px; border-radius: 14px; background: var(--ax-bg-raised, #fff); border: 1px solid var(--ax-line); box-shadow: 0 18px 40px -16px rgba(0,0,0,.22); display: flex; flex-direction: column; }
.axn-panel[hidden] { display: none; }
.axn-panel a { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 9px; text-decoration: none; }
.axn-panel a:hover { background: var(--ax-bg-sunken); }
.axn-panel b { font: 600 14px var(--font-body); color: var(--ax-fg); } .axn-panel span { font-size: 12.5px; color: var(--ax-fg-muted); }
.axn-panel a.active b { text-decoration: underline; text-underline-offset: 3px; }
.axn-actions { display: flex; align-items: center; gap: 8px; flex: none; }
.axn-text { font: 500 14px var(--font-body); color: var(--ax-text-muted, #5b5f66); text-decoration: none; padding: 0 8px; } .axn-text:hover, .axn-text.active { color: var(--ax-fg); }
.axn-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 8px; color: var(--ax-fg); } .axn-icon:hover, .axn-icon.active { background: rgba(0,0,0,.05); }
.axn-cta, .axn-ghost { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; border-radius: 9px; font: 600 13.5px var(--font-body); text-decoration: none; white-space: nowrap; }
.axn-cta { background: var(--ax-fg); color: var(--ax-bg); } .axn-cta:hover { background: var(--n-800, #2a2c31); }
.axn-ghost { border: 1px solid var(--ax-line-strong); color: var(--ax-fg); } .axn-ghost:hover { border-color: var(--ax-fg); }
.axn-cta .nav-cart-badge { background: var(--ax-bg); color: var(--ax-fg); }
.axn .nav-mobile-toggle { display: none; }
.axn-drawer { display: none; }

@media (max-width: 1080px) {
  .axn .nav-inner { padding: 0 20px; }
  .axn-links { display: none; }
  .axn .nav-mobile-toggle { display: flex; margin-left: 4px; }
  .axn-actions { margin-left: auto; }
  .axn-drawer { position: absolute; top: 64px; left: 0; right: 0; max-height: calc(100vh - 64px); overflow-y: auto; background: var(--ax-bg-raised, #fff); border-bottom: 1px solid var(--ax-line); box-shadow: 0 18px 40px -20px rgba(0,0,0,.25); padding: 8px 20px 20px; display: none; grid-template-columns: repeat(3, 1fr); gap: 0 24px; }
  .axn-drawer.mobile-open { display: grid; }
  .axn-dg { display: flex; flex-direction: column; padding-top: 12px; }
  .axn-dg p { margin: 0 0 4px; font: 600 10.5px var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ax-fg-faint); }
  .axn-dg a { padding: 11px 0; border-bottom: 1px solid var(--ax-line); font: 500 15px var(--font-body); color: var(--ax-fg); text-decoration: none; }
  .axn-dg a.active { font-weight: 700; }
}
@media (max-width: 640px) {
  .axn-text, .axn-ghost { display: none; }
  .axn .ax-logo-sub { display: none; }
  .axn-drawer { grid-template-columns: 1fr; }
  .axn .nav-inner { padding: 0 16px; gap: 8px; }
  .axn-cta { padding: 0 11px; } .axn-cta-l { display: none; }
}
.axn-cta-i { flex: none; }

/* ---------- footer ---------- */
.axf-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(5, minmax(0, 1fr)); gap: 40px 28px; margin-bottom: 48px; }
.axf-desc { margin: 16px 0 14px; font-size: 13.5px; line-height: 1.6; color: rgba(255,255,255,.5); max-width: 280px; }
.axf-mail { font-size: 13.5px; color: rgba(255,255,255,.8); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.2); }
.axf-mail:hover { color: #fff; }
.axf .footer-col-head { margin: 0 0 14px; }
.axf .footer-links { margin: 0; padding: 0; gap: 9px; } .axf .footer-links a { font-size: 13.5px; text-decoration: none; }
.axf .footer-links a.active { color: rgba(255,255,255,.55); }
.axf-bottom p { margin: 0; } .axf-bottom strong { color: rgba(255,255,255,.6); } .axf-bottom a { color: rgba(255,255,255,.6); }
@media (max-width: 1080px) { .axf-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .axf-brand { grid-column: 1 / -1; } }
@media (max-width: 640px) { .axf-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; } .axf-bottom { flex-direction: column; } }