/* Only the six marked homepage cards. Treatment CSS and JS are unchanged. */
#corrective-restoration [data-lht-match="hairline-lowering"]::before{background-image:url("editorial/hairline-lowering.webp");background-size:min(100%,453px) auto}
#corrective-restoration [data-lht-match="scar-camouflage"]::before{background-image:url("editorial/scar-camouflage.webp");background-size:min(100%,451px) auto}
#corrective-restoration [data-lht-match="forehead-scar"]::before{background-image:url("editorial/forehead-scar.webp")}
#corrective-restoration [data-lht-match]::before{opacity:0;pointer-events:none}
#corrective-restoration [data-lht-match]::before,
#concierge [data-lht-match] .lht-concierge-tile-image{
 transition:opacity .38s ease,transform .75s cubic-bezier(.2,.7,.2,1);
}
#concierge [data-lht-match]{transition:transform .28s ease,border-color .28s ease}
#corrective-restoration [data-lht-match]::after,
#concierge [data-lht-match]::after{transition:opacity .35s ease;pointer-events:none}
#corrective-restoration [data-lht-match]:hover::before,
#corrective-restoration [data-lht-match]:focus-within::before,
#concierge [data-lht-match]:hover .lht-concierge-tile-image,
#concierge [data-lht-match]:focus-visible .lht-concierge-tile-image{
 opacity:1!important;transform:scale(1.06)!important;
 transition:opacity .38s ease,transform .75s cubic-bezier(.2,.7,.2,1);
}
#corrective-restoration [data-lht-match]:hover::after,
#corrective-restoration [data-lht-match]:focus-within::after,
#concierge [data-lht-match]:hover::after,
#concierge [data-lht-match]:focus-visible::after{
 background:linear-gradient(180deg,rgba(3,25,24,.30),rgba(3,24,23,.72));opacity:.56!important;
}
#corrective-restoration [data-lht-match]:hover,
#corrective-restoration [data-lht-match]:focus-within,
#concierge [data-lht-match]:hover,
#concierge [data-lht-match]:focus-visible{transform:translateY(-2px);border-color:rgba(243,238,228,.28)}
/* Same capability query and final opacity/scale as the approved treatment cards.
   Native links remain one tap; no event listeners or click interception. */
@media(hover:none),(pointer:coarse){
 #corrective-restoration [data-lht-match]::before,
 #corrective-restoration [data-lht-match]:hover::before,
 #corrective-restoration [data-lht-match]:focus-within::before,
 #concierge [data-lht-match] .lht-concierge-tile-image,
 #concierge [data-lht-match]:hover .lht-concierge-tile-image,
 #concierge [data-lht-match]:focus-visible .lht-concierge-tile-image{opacity:.60!important;transform:scale(1.02)!important}
 #corrective-restoration [data-lht-match]::after,
 #corrective-restoration [data-lht-match]:hover::after,
 #corrective-restoration [data-lht-match]:focus-within::after,
 #concierge [data-lht-match]::after,
 #concierge [data-lht-match]:hover::after,
 #concierge [data-lht-match]:focus-visible::after{
 background:linear-gradient(180deg,rgba(3,25,24,.30),rgba(3,24,23,.72));opacity:.52!important;
 }
}

/* Corrective cards only: names, full-photo hover, native links and touch reveal. */
#corrective-restoration .corrective-hover-card{padding:28px 26px;min-width:0;border:1px solid rgba(218,231,222,.19);background:rgba(237,241,233,.035);color:inherit;text-decoration:none;cursor:pointer}
#corrective-restoration .corrective-hover-card .corrective-card-content{pointer-events:none}
#corrective-restoration .corrective-hover-card h3{margin:0}
/* Banner originals are shallow: show the entire photo, with a soft fill behind it. */
#corrective-restoration .corrective-hover-card::before{background-image:none!important;filter:none!important;transform:none!important}
#corrective-restoration .corrective-full-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;z-index:-1;pointer-events:none;transition:opacity .38s ease}
#corrective-restoration .corrective-hover-card:hover .corrective-full-image,
#corrective-restoration .corrective-hover-card:focus-visible .corrective-full-image,
#corrective-restoration .corrective-hover-card[data-image-open="true"] .corrective-full-image{opacity:1}
#corrective-restoration .corrective-hover-card[data-image-open="true"]::before{opacity:1!important}
#corrective-restoration .corrective-hover-card[data-image-open="true"]::after{opacity:.56!important}
@media(hover:none),(pointer:coarse){
 #corrective-restoration .corrective-hover-card .corrective-full-image{opacity:0!important}
 #corrective-restoration .corrective-hover-card[data-image-open="true"] .corrective-full-image{opacity:1!important}
 #corrective-restoration .corrective-hover-card:not([data-image-open="true"])::before{opacity:0!important}
 #corrective-restoration .corrective-hover-card:not([data-image-open="true"])::after{opacity:0!important}
}
@media(prefers-reduced-motion:reduce){#corrective-restoration .corrective-full-image{transition:none}}

/* Concierge cards only: titles at rest, photographs on hover or touch preview. */
#concierge .lht-editorial-tile{background:rgba(237,241,233,.035)}
#concierge .lht-editorial-tile .lht-concierge-tile-image{opacity:0!important;transform:scale(1.02)!important;transition:opacity .38s ease,transform .6s ease}
#concierge .lht-editorial-tile:hover .lht-concierge-tile-image,
#concierge .lht-editorial-tile:focus-visible .lht-concierge-tile-image,
#concierge .lht-editorial-tile[data-image-open="true"] .lht-concierge-tile-image{opacity:1!important;transform:scale(1.04)!important}
@media(hover:none),(pointer:coarse){
 #concierge .lht-editorial-tile .lht-concierge-tile-image,
 #concierge .lht-editorial-tile:hover .lht-concierge-tile-image,
 #concierge .lht-editorial-tile:focus-visible .lht-concierge-tile-image{opacity:0!important}
 #concierge .lht-editorial-tile[data-image-open="true"] .lht-concierge-tile-image{opacity:1!important}
}

/* Uniform corrective photo presentation: same image frame, no stretching. */
#corrective-restoration .corrective-full-image{object-fit:cover;object-position:center;width:100%;height:100%}