/* ===== Squelette commun VinX Labs (barre du haut + pied de page) =====
   Utilisé sur toutes les pages, y compris les pages produit. */
.vx-bar, .vx-footer {
  --vx-bg: #0c0f0e; --vx-text: #ecf1ee; --vx-soft: #a3afa9; --vx-line: #252d29; --vx-accent: #10de8c;
  background: var(--vx-bg); color: var(--vx-soft);
  font-family: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 14px; line-height: 1.5;
}
.vx-bar a, .vx-footer a { color: inherit; text-decoration: none; transition: color .15s; }
.vx-bar a:hover, .vx-footer a:hover { color: var(--vx-text); }
.vx-wrap { max-width: 1160px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }

.vx-bar { position: relative; z-index: 70; border-bottom: 1px solid var(--vx-line); }
.vx-bar .vx-wrap { height: 52px; }
.vx-brand { display: flex; align-items: center; gap: 10px; color: var(--vx-text) !important; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 16px; letter-spacing: -0.01em; }
.vx-brand img { width: 26px; height: auto; }
.vx-links { list-style: none; display: flex; align-items: center; gap: 24px; margin: 0; padding: 0; }
.vx-links a[aria-current] { color: var(--vx-text); }
.vx-lang { font-weight: 600; font-size: 12.5px; letter-spacing: .05em; }

.vx-footer { border-top: 1px solid var(--vx-line); }
.vx-footer .vx-wrap { padding-top: 26px; padding-bottom: 26px; flex-wrap: wrap; }
.vx-footer .vx-brand { font-size: 14px; font-weight: 600; }
.vx-footer .vx-brand img { width: 20px; }
.vx-footer-links { display: flex; flex-wrap: wrap; gap: 8px 22px; }

@media (max-width: 560px) {
  .vx-links { gap: 16px; }
  .vx-links .vx-hide-sm { display: none; }
}