body {
  font-family: system-ui, sans-serif;
  margin: 0;
}

/* Barre principale */
.main-nav {
  display: flex;
  gap: 20px;
  padding: 12px 20px;
  background: #333;
}

.main-nav a {
  color: white;
  text-decoration: none;
}

/* Sous-menu */
.sub-nav {
  display: flex;
  gap: 15px;
  padding: 10px 20px;
  background: #eee;
  font-size: 0.95rem;
}

/* Fil d’Ariane */
.breadcrumb {
  padding: 8px 20px;
  font-size: 0.85rem;
  color: #666;
}

/* Mobile */
@media (max-width: 600px) {
  .main-nav, .sub-nav {
    flex-direction: column;
  }
}