/* base css */

/* --- Mobile improvements (iPhone) --- */
html, body { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
img, video { max-width: 100%; height: auto; }

@media (max-width: 768px){
  .container{ padding: 0 14px; }
  .hero h1{ font-size: 32px; }
  .hero-grid{ grid-template-columns: 1fr; gap: 18px; }
  .kpis{ grid-template-columns: repeat(2,1fr); }
  .gallery{ grid-template-columns: repeat(2,1fr); }
  .nav-inner{ flex-wrap: wrap; gap: 8px; }
  .nav a{ display:inline-block; padding:8px 6px; }
  .card img{ height: auto !important; }
  .btn{ padding: 12px 14px; }
  input,select,textarea{ font-size:16px; } /* prevents iOS zoom on focus */
}
@media (max-width: 480px){
  .gallery{ grid-template-columns: 1fr; }
  .hero h1{ font-size: 28px; }
}