.eco-nav-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
}
.eco-nav-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background: currentColor;
  transition: transform 0.2s;
}
@media (max-width: 900px) {
  .eco-nav-toggle { display: flex; }
  .nav-links:not(.open) { display: none !important; }
  .nav-links.open {
    display: flex !important;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0; right: 0;
    padding: 16px 24px;
    gap: 12px;
    z-index: 200;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eco-nav-toggle span { transition: none; }
}
