/* Paediatric + Oculoplasty batch - 2026-08-28 */

/* Paediatric: 'children's eye services', 'why choose us' and 'read more' all render as
   .svc-treat grids. 164=/paediatric/ophthalmology/  165=/paediatric/squint-correction/.
   Single card per row on phones. */
@media (max-width: 700px) {
  .page-id-164 .svc-treat,
  .page-id-165 .svc-treat {
    grid-template-columns: 1fr !important;
  }
}

/* Oculoplasty (/oculoplasty/, page-id-111) */
/* Hero + surgeon photos render tiny: the <img> is position:absolute inside a wrapper div
   that has no in-flow height and collapses. Make the wrapper fill its panel (all widths),
   give the hero panel a height so it cannot collapse when the hero stacks, and drop the
   dashed placeholder border now that a real photo fills the panel. */
.page-id-111 .svc-hero-img > div,
.page-id-111 .svc-surgeon-img > div {
  position: absolute !important;
  inset: 0 !important;
  padding: 0 !important;
}
.page-id-111 .svc-hero-img,
.page-id-111 .svc-surgeon-img {
  border: 0 !important;
}
.page-id-111 .svc-hero-img {
  min-height: 320px !important;
}
/* Surgeon card: stack photo above content on phones. */
@media (max-width: 700px) {
  .page-id-111 .svc-surgeon {
    grid-template-columns: 1fr !important;
  }
}