/* Glaucoma page (page-id-108) fixes - 2026-08-28
   1. Causes & Types (.svc-types): single card per row on phones. procedure.css line ~339
      (.svc-types{1fr 1fr} @<=960) overrides the intended line ~267 (.svc-types{1fr} @<=620),
      so phones wrongly show 2 columns. Restore 1 column at <=620 for this page.
   2. Doctors 'Our Team' (.svc-doc): the first doctor card was squished/clipped on mobile
      because doctor-photo-mobile-20260827.css's '.svc-doc > div:first-child' assumes the
      first child is the PHOTO, but here it is the whole first doctor card. Reset it so
      card 1 renders like the other cards. */
@media (max-width: 620px) {
  .page-id-108 .svc-types {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 960px) {
  .page-id-108 .svc-doc > div:first-child {
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    border-radius: 20px !important;
  }
}