@media (max-width: 768px) {
  .achievement-card img, .badge-card img { width: 50px; height: 50px; }
  #achievements-spotlight { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  #achievements-spotlight { grid-template-columns: 1fr; }
}

/* ===== iOS Safari: stop input-focus zoom + prevent horizontal overflow ===== */
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
* { box-sizing: border-box; }

img, video, canvas, svg { max-width: 100%; height: auto; }

/* iOS zoom fix: inputs must be >=16px */
@media (max-width: 768px) {
  input, select, textarea, button {
    font-size: 16px !important;
  }
}

/* safety: keep grid/cards from forcing width */
.container, .homepage-grid, .lb-card, .card {
  max-width: 100%;
}