/* LHT mobile interaction standard — approved 15 Oct 2026.
   Touch: first tap reveals the existing image; tap elsewhere closes; second tap follows native link.
   Desktop hover behaviour remains unchanged. */
@media (hover:none), (pointer:coarse) {
  /* Treatment cards: clean title-only resting state, photograph on first tap. */
  body.home #treatments .treatment-card.image-ready .treatment-card-image,
  body.home #treatments .treatment-card.image-ready:hover .treatment-card-image,
  body.home #treatments .treatment-card.image-ready:focus-visible .treatment-card-image {
    opacity:0 !important;
    transform:scale(1.025) !important;
    transition:opacity .32s ease, transform .58s cubic-bezier(.2,.7,.2,1) !important;
  }
  body.home #treatments .treatment-card.image-ready::after,
  body.home #treatments .treatment-card.image-ready:hover::after,
  body.home #treatments .treatment-card.image-ready:focus-visible::after {
    opacity:0 !important;
    transition:opacity .28s ease !important;
  }
  body.home #treatments .treatment-card.image-ready[data-image-open="true"] .treatment-card-image {
    opacity:1 !important;
    transform:scale(1.045) !important;
  }
  body.home #treatments .treatment-card.image-ready[data-image-open="true"]::after {
    opacity:.56 !important;
  }

  /* Consistent restrained touch feedback across interactive image reveals. */
  body.home #treatments .treatment-card.image-ready,
  body.home #corrective-restoration .corrective-hover-card,
  body.home #concierge .lht-editorial-tile,
  body.home .clinical .lht-clinic-moment,
  body.home #consultation .lht-consult-heading-reveal {
    -webkit-tap-highlight-color:transparent;
  }
  body.home #treatments .treatment-card.image-ready:active,
  body.home #corrective-restoration .corrective-hover-card:active,
  body.home #concierge .lht-editorial-tile:active,
  body.home .clinical .lht-clinic-moment:active,
  body.home #consultation .lht-consult-heading-reveal:active {
    transform:scale(.992);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home #treatments .treatment-card.image-ready .treatment-card-image,
  body.home #treatments .treatment-card.image-ready::after {transition:none !important;}
}