/* Approved 14 Oct: unified soft translucent petrol gradient in LIGHT MODE only. */
html[data-lht-theme="light"] body.home #treatments .treatment-grid .treatment-card,
html[data-lht-theme="light"] body.home #corrective-restoration .corrective-grid .corrective-hover-card,
html[data-lht-theme="light"] body.home #concierge .lht-editorial-tile {
 background:linear-gradient(180deg,rgba(135,163,154,.38) 0%,rgba(91,129,118,.54) 58%,rgba(38,83,72,.78) 100%) !important;
 border-color:rgba(23,63,49,.17) !important;
}
/* The specialist cards now use centred titles, like treatment cards. */
body.home #corrective-restoration .corrective-grid .corrective-hover-card {
 position:relative;display:flex;align-items:center;justify-content:center;
 padding:20px 22px !important;min-width:0;overflow:hidden;
}
body.home #corrective-restoration .corrective-grid .corrective-hover-card .corrective-card-content {
 position:relative;z-index:4;box-sizing:border-box;display:flex;
 align-items:center;justify-content:center;text-align:center;
 width:100%;height:auto;min-height:0;padding:12px 14px !important;
 background:transparent !important;overflow:visible;
}
body.home #corrective-restoration .corrective-grid .corrective-hover-card .corrective-card-content h3 {
 max-width:100%;margin:0 !important;line-height:1.3 !important;
 overflow-wrap:break-word;hyphens:none;word-break:normal;
 text-align:center;color:#f7f1e7 !important;
}
/* Preserve original photos and their hover activation; keep photos inside the full card. */
body.home #corrective-restoration .corrective-grid .corrective-hover-card .corrective-full-image {
 position:absolute;inset:0 !important;width:100% !important;height:100% !important;
 object-fit:contain !important;object-position:center !important;
}
/* A small translucent backing appears only with the image, ensuring text legibility. */
body.home #corrective-restoration .corrective-grid .corrective-hover-card:hover .corrective-card-content,
body.home #corrective-restoration .corrective-grid .corrective-hover-card:focus-visible .corrective-card-content,
body.home #corrective-restoration .corrective-grid .corrective-hover-card[data-image-open="true"] .corrective-card-content {
 background:rgba(12,43,39,.67) !important;border-radius:3px;
}
@media(max-width:650px){body.home #corrective-restoration .corrective-grid .corrective-hover-card{padding:16px !important}}