* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Arial,
    sans-serif;

  background: var(--bg-50);
  color: var(--text-900);

  font-size: 16px;
  line-height: 1.5;
}

/* Container */
.container {
  width: min(var(--container), calc(100% - (var(--gutter) * 2)));
  margin-inline: auto;
}

/* Mobile gutter */
@media (max-width: 520px) {
  :root {
    --gutter: 16px;
  }
}
.nav-dd-menu {
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition: 220ms ease;
  display: block; /* ÖNEMLİ: display none yok */
}

.nav-dd.open .nav-dd-menu {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}