/* Header refinement: keeps the expanded navigation readable at all widths. */
.site-header .container { gap: 22px; }
.nav-links { flex: 1; justify-content: center; gap: clamp(12px, 1.55vw, 22px); white-space: nowrap; }
.nav-links a { font-size: clamp(13px, 1.05vw, 15px); }
.nav-cta { flex-shrink: 0; }

@media (min-width: 769px) and (max-width: 1180px) {
  .site-header { padding: 12px 0; }
  .site-header .container { gap: 12px; }
  .logo-img { block-size: 46px; }
  .nav-links { gap: 12px; }
  .nav-links a { font-size: 13px; }
  .nav-cta { gap: 8px; }
  .lang-btn { padding-inline: 8px; }
  .nav-cta .btn-primary { padding: 10px 14px; }
}

@media (max-width: 768px) {
  .site-header { padding: 12px 0; background: rgba(11,33,71,.97); box-shadow: 0 4px 18px rgba(11,33,71,.18); }
  .site-header .container { gap: 12px; }
  .nav-links { position:fixed; inset-block-start:0; inset-inline-end:0; block-size:100vh; inline-size:min(320px,84%); background:#fff; flex-direction:column; justify-content:center; align-items:center; gap:26px; padding:48px 24px; box-shadow:-10px 0 40px rgba(0,0,0,.12); clip-path:inset(0 0 0 100%); visibility:hidden; pointer-events:none; transition:clip-path .35s ease, visibility 0s linear .35s; z-index:1001; overflow-y:auto; }
  .nav-links.open { inset-inline-end:0; clip-path:inset(0); visibility:visible; pointer-events:auto; transition-delay:0s; }
  .nav-links a { color:var(--navy)!important; font-size:16px; font-weight:650; }
  .nav-toggle { display:flex; }
}

@media (max-width: 480px) { .lang-switch { display:none; } }