/* Only the three corrective cards and Patient Journey concierge cards.
   Resolve URLs relative to this stylesheet, never through an inline custom property. */
[data-lht-reveal="hairline-lowering"]::before{background-image:url("editorial/hairline-lowering.webp")}
[data-lht-reveal="scar-camouflage"]::before{background-image:url("editorial/scar-camouflage.webp")}
[data-lht-reveal="forehead-scar"]::before{background-image:url("editorial/forehead-scar.webp")}
[data-lht-reveal="chauffeur"]::before{background-image:url("editorial/chauffeur.webp")}
[data-lht-reveal="hotel"]::before{background-image:url("editorial/hotel.webp")}
[data-lht-reveal="airport-transfer"]::before{background-image:url("editorial/airport-transfer.webp")}

/* Override legacy width-based reveals; input capability controls touch behaviour. */
[data-lht-reveal]::before,
[data-lht-reveal]:hover::before,
[data-lht-reveal]:focus-within::before{
  opacity:0;transform:scale(1.045);pointer-events:none;
  transition:opacity .4s ease,transform .6s ease;
}
[data-lht-reveal]::after{pointer-events:none}
[data-lht-reveal][data-image-open="true"]::before{opacity:1;transform:scale(1)}
@media(hover:hover) and (pointer:fine){
  [data-lht-reveal]:hover::before,
  [data-lht-reveal]:focus-within::before{opacity:1;transform:scale(1)}
}

/* A separate control never consumes a treatment-guide or navigation link tap. */
[data-lht-reveal] > .lht-image-toggle{
  position:absolute;top:4px;right:4px;z-index:3;
  width:44px;height:44px;padding:10px;display:grid;place-items:center;
  border:0;border-radius:50%;background:rgba(4,26,23,.88);color:#f3eee4;
  cursor:pointer;opacity:0;pointer-events:none;
}
[data-lht-reveal] > .lht-image-toggle svg{width:22px;height:22px;pointer-events:none}
[data-lht-reveal] > .lht-image-toggle:focus-visible{
  opacity:1;pointer-events:auto;outline:2px solid #91c9bf;outline-offset:2px;
}
@media(hover:none),(any-pointer:coarse){
  [data-lht-reveal] > .lht-image-toggle{opacity:1;pointer-events:auto}
  /* Avoid sticky hover/focus keeping a touch-toggled image open. */
  [data-lht-reveal]:hover::before,
  [data-lht-reveal]:focus-within::before{opacity:0;transform:scale(1.045)}
  [data-lht-reveal][data-image-open="true"]::before{opacity:1;transform:scale(1)}
  [data-lht-reveal]:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  [data-lht-reveal]::before,
  [data-lht-reveal]:hover::before,
  [data-lht-reveal]:focus-within::before{transition:none}
}

/* Homepage concierge: ordinary image URLs also work from a local ZIP. */
.lht-concierge-teaser .lht-editorial-tile::before{content:none}
.lht-concierge-teaser .lht-concierge-tile-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:1;transition:transform .5s ease}
.lht-concierge-teaser .lht-editorial-tile::after{background:linear-gradient(180deg,rgba(4,26,23,.08) 25%,rgba(4,26,23,.85) 100%)}
.lht-concierge-teaser .lht-editorial-tile:hover .lht-concierge-tile-image{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.lht-concierge-teaser .lht-concierge-tile-image{transition:none}}

/* Only the three corrective cards: full images with no zoom or stretching. */
#corrective-restoration .corrective-hover-card::before,
#corrective-restoration .corrective-hover-card:hover::before,
#corrective-restoration .corrective-hover-card:focus-within::before,
#corrective-restoration .corrective-hover-card[data-image-open="true"]::before{
 background-size:contain;background-repeat:no-repeat;background-position:center top;
 transform:none;transition:opacity .4s ease;
}
#corrective-restoration [data-lht-reveal="hairline-lowering"]::before{background-size:min(100%,453px) auto}
#corrective-restoration [data-lht-reveal="scar-camouflage"]::before{background-size:min(100%,451px) auto}