/* 2026-08-27: myopia card grids single-per-row + doctor photo shape + FAQ open highlight */

@media (max-width: 960px) {
  /* Myopia: diagnostics/tests, treatment, for-parents, daily-habits cards — one per row */
  .svc-bento, .svc-cards, .svc-steps, .svc-tests, .svc-grid2r {
    grid-template-columns: 1fr !important;
  }
  .svc-bento > *, .svc-cards > *, .svc-steps > *, .svc-tests > *, .svc-grid2r > * {
    grid-column: auto !important; grid-row: auto !important;
  }
  /* Specialist doctor photo: keep a clean centered circle on mobile (was stretching to a pill) */
  .svc-doc > div:has(> img) {
    width: 120px !important; height: 120px !important; border-radius: 999px !important;
    margin-left: auto !important; margin-right: auto !important;
  }
}

/* FAQ: highlight the open accordion item (teal), matching the design's first-open look */
[data-dy-acc-item]:has(button[aria-expanded="true"]) {
  background: var(--teal-50, #eef8f9) !important;
  border: 1px solid var(--teal-200, #b9e4e7) !important;
}