/* ═══════════════════════════════════════════
   GLASS TIERS
   ═══════════════════════════════════════════ */
.glass {
  background: var(--glass);
  backdrop-filter: blur(var(--blur)) saturate(1.6) brightness(1.04);
  -webkit-backdrop-filter: blur(var(--blur)) saturate(1.6) brightness(1.04);
  border: 1px solid var(--border);
  border-radius: var(--r);
  box-shadow: var(--shadow), var(--specular);
  transition: background .3s, border-color .3s, box-shadow .3s;
}
.glass-card {
  background: var(--glass-hi);
  backdrop-filter: blur(40px) saturate(1.4);
  -webkit-backdrop-filter: blur(40px) saturate(1.4);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  box-shadow: var(--shadow-sm), var(--specular);
  transition: background .3s, border-color .3s, box-shadow .3s;
}
.glass-well {
  background: var(--glass-inner);
  border: 1px solid var(--border);
  border-radius: var(--r-xs);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.04);
  transition: background .3s, border-color .3s;
}

/* Pied de page empilé sur mobile (le gabarit inline est en 4 colonnes). 2026-09-14 */
@media (max-width: 760px) {
  footer [style*="grid-template-columns:1.3fr 1fr 1fr 1fr"], footer [style*="grid-template-columns: 1.3fr 1fr 1fr 1fr"] { grid-template-columns: 1fr !important; gap: 32px !important; }
}

/* Sélecteur de langue : drapeaux FR / UK, généré par tools/i18n/build-en.py. 2026-09-14 */
.lang-switch { display: inline-flex; align-items: center; gap: 6px; }
.lang-switch a { display: inline-flex; padding: 6px 4px; line-height: 0; opacity: .38; transition: opacity .2s; }
.lang-switch a:hover { opacity: .75; }
.lang-switch a.on { opacity: 1; cursor: default; }
.lang-switch svg { display: block; border-radius: 2px; }
@media (max-width: 900px) { .lang-switch { display: none; } .mdv-menu .lang-switch { display: inline-flex; align-self: flex-start; } }

/* Menu mobile, construit par js/app.js (le panneau du handoff était inerte). 2026-09-14 */
.mdv-menu { position: fixed; left: 0; right: 0; z-index: 60; display: none; flex-direction: column; gap: 2px; padding: 14px 20px 22px; background: #141419; border-top: 1px solid var(--border-hi); box-shadow: var(--shadow); max-height: calc(100vh - 70px); overflow-y: auto; }
.mdv-menu.open { display: flex; }
.mdv-menu .mdv-menu-label { padding: 8px 4px; font-family: var(--mo); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--tx3); }
.mdv-menu a + .mdv-menu-label { margin-top: 10px; }
.mdv-menu > a { padding: 12px 4px; font-family: var(--fn); font-weight: 700; font-size: 16px; color: var(--tx); }
.mdv-menu > a.mdv-menu-cta { margin-top: 16px; display: block; text-align: center; padding: 15px 24px; border-radius: 12px; background: var(--or); color: #fff; font-weight: 900; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; }
.mdv-menu .lang-switch { margin-top: 14px; }
@media (max-width: 900px) { [data-burger] { display: inline-flex !important; } }
@media (max-width: 480px) { a[href*="utm_content=nav"] { padding: 10px 12px !important; font-size: 12.5px !important; white-space: nowrap; } }

/* Produit : hero capteur empilé, texte puis image. 2026-09-14 */
@media (max-width: 760px) {
  #track-sticky { display: flex !important; flex-direction: column !important; min-height: auto !important; align-items: stretch !important; }
  #track-sticky > div:first-child { padding: 36px 20px 8px !important; }
  #scene { padding: 16px 12px 40px !important; }
}