.v9-pied {
  --pied-ink: var(--v9-ink, var(--ink, #141414));
  --pied-muted: var(--v9-ink-2, var(--ink-2, #616161));
  --pied-line: var(--v9-line, var(--line, #dededb));
  border-top: 1px solid var(--pied-line);
  padding: 48px 24px 40px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--pied-muted);
  background: var(--v9-bg, var(--bg, #fafafa));
}
.v9-pied__intro, .v9-pied__grille, .v9-pied__bas { max-width: 1180px; margin: 0 auto; }
.v9-pied__intro { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 36px; }
.v9-pied__intro p { margin: 12px 0 0; max-width: 560px; }
.v9-pied__marque { display: inline-flex; align-items: center; gap: 8px; color: var(--pied-ink); font-size: 16px; font-weight: 600; text-decoration: none; }
.v9-pied__marque svg { width: 18px; height: 18px; }
.v9-pied__intro .v9-btn-nav { display: inline-flex; align-items: center; justify-content: center; padding: 12px 20px; border-radius: 999px; background: #30d158; color: #07190c; font-size: 13px; font-weight: 600; text-decoration: none; }
.v9-pied__intro .v9-pied__petit { font-size: 12px; margin-top: 10px; }
.v9-pied__grille { display: grid; gap: 32px; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.v9-pied__grille nav { display: block; min-width: 0; }
.v9-pied__grille .v9-pied__titre { font-size: 13px; font-weight: 600; color: var(--pied-ink); margin: 0 0 12px; }
.v9-pied__grille ul { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; }
.v9-pied__grille a { color: var(--pied-muted); text-decoration: none; overflow-wrap: break-word; }
.v9-pied a:hover { color: var(--pied-ink); }
.v9-pied a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.v9-pied__bas { margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--pied-line); font-size: 12px; }
@media (max-width: 820px) { .v9-pied__grille { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; } }
@media (max-width: 380px) { .v9-pied__grille { grid-template-columns: 1fr; } }
@media (pointer: coarse) {
  .v9-pied__grille ul { gap: 0; }
  .v9-pied__grille li a { display: inline-flex; align-items: center; min-height: 44px; }
}
