html, body { max-width: 100%; overflow-x: hidden; }
body { font-size: clamp(14px, 1.6vw, 16px); }
input, select, textarea, button { min-height: 44px; }

.mobile-full-btn { width: 100%; }

@media (max-width: 768px) {
  .nav-menu-toggle { display: inline-flex !important; }
  .nav-links { 
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    padding: 1rem;
    background: #121019;
    flex-direction: column;
    gap: 0.75rem;
  }
  .nav-links.open { display: flex; }
  .nav-links a, .nav-links button { width: 100%; }

  form, .form-row { display: flex; flex-direction: column; gap: 0.75rem; }
  .modal, .po-panel { width: 100% !important; max-width: 100% !important; border-radius: 14px !important; }
}

@media (max-width: 480px) {
  .container, .page, .content { padding-left: 1rem !important; padding-right: 1rem !important; }
  h1 { font-size: clamp(1.4rem, 7vw, 2rem); }
  h2 { font-size: clamp(1.1rem, 6vw, 1.5rem); }
  button, .btn { width: 100%; }
}