/* Medical skin for the editorial service pages (templates/aesthetic-editorial.php on Medical pages).
   Same devices as the health-screening packages: clinical mono labels, ECG-grid paper, a lab-slip
   price card and a floating price-and-book pill. Loaded after fusion-aesthetic-editorial.css. */
.fae--medical{
	--fae-mono:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
	--fae-grid:rgba(201,139,105,.035);--fae-grid-2:rgba(201,139,105,.07);
	--fae-paper:#fcfaf7
}

/* Clinical labels in mono */
.fae--medical .fae-eyebrow{font-family:var(--fae-mono)!important;font-size:12px!important;letter-spacing:.16em!important}
.fae--medical .fae-crumbs ol{font-family:var(--fae-mono);font-size:11px;letter-spacing:.14em}
.fae--medical .fae-panel__num,.fae--medical .fae-journey__count{font-family:var(--fae-mono);font-weight:400;letter-spacing:.04em}
.fae--medical .fae-table thead th{font-family:var(--fae-mono);font-size:11.5px;letter-spacing:.14em}
.fae--medical .fae-hero__updated{font-family:var(--fae-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}

/* ECG-grid paper behind the opening statement */
.fae--medical .fae-intro{background:linear-gradient(var(--fae-grid-2) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--fae-grid-2) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(var(--fae-grid) 1px,transparent 1px) 0 0/8px 8px,linear-gradient(90deg,var(--fae-grid) 1px,transparent 1px) 0 0/8px 8px,var(--fae-cream)}

/* Room under the hero copy for the site's floating "View Aesthetic Clinic" pill (bottom left). */
.fae--medical .fae-hero{padding-bottom:clamp(96px,9vw,128px)}

/* Hero with a lab-slip fee card */
.fae-hero__inner--slip{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px 64px;align-items:end}
.fae-hero__inner--slip .fae-hero__foot{flex-direction:column;align-items:flex-start;gap:24px}
.fae-slip{position:relative;margin-bottom:6px;padding:26px 26px 22px;border-radius:2px 2px 10px 10px;background:var(--fae-paper);color:var(--fae-ink);box-shadow:0 34px 60px -30px rgba(0,0,0,.6)}
.fae-slip::before{content:"";position:absolute;left:0;right:0;top:-7px;height:8px;background:radial-gradient(circle at 7px 0,transparent 4.5px,var(--fae-paper) 5px) -1px 100%/14px 8px repeat-x}
.fae .fae-slip__label,.fae .fae-slip__note{font:500 10.5px/1.4 var(--fae-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fae-muted)}
.fae .fae-slip__price{margin-top:12px;font:400 60px/.95 var(--fae-serif);letter-spacing:.015em;color:var(--fae-ink)}
.fae .fae-slip__note{margin-top:8px}
.fae-slip__list{margin:18px 0 0;padding:14px 0 0;border-top:1px dashed rgba(43,33,29,.28);list-style:none}
.fae-slip__list li{display:flex;align-items:center;gap:10px;padding:4px 0;font:500 11px/1.35 var(--fae-mono);letter-spacing:.09em;text-transform:uppercase;color:#54463f}
.fae-slip__list li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--fae-accent)}

/* Floating price-and-book pill */
.fae-float{position:fixed;right:clamp(16px,2vw,28px);bottom:clamp(16px,2vw,28px);z-index:40;display:inline-flex;align-items:center;gap:12px;padding:7px 22px 7px 7px;border-radius:999px;background:var(--fae-deep);box-shadow:0 18px 40px -18px rgba(0,0,0,.65);color:var(--fae-light)!important;font:500 15px/1 var(--fae-sans);text-decoration:none!important;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s,transform .3s,background-color .2s}
.fae-float.is-visible{opacity:1;transform:none;pointer-events:auto}
.fae-float:hover{background:#000}
.fae-float__price{padding:10px 14px;border-radius:999px;background:var(--fae-accent);color:#fff;font:500 13px/1 var(--fae-mono);letter-spacing:.04em}

@media (max-width:1100px){
	.fae-hero__inner--slip{grid-template-columns:1fr}
	.fae-slip{max-width:420px}
}
@media (max-width:767px){
	/* Phones: the photo sits clear above the copy (as on the screening packages), not dimmed behind it. */
	.fae--medical .fae-hero{display:block;min-height:0;padding:50px 0 36px}
	.fae--medical .fae-hero__media{position:relative;inset:auto;z-index:0;aspect-ratio:1/1;overflow:hidden}
	.fae--medical .fae-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 35%}
	.fae--medical .fae-hero__media::after{background:linear-gradient(0deg,var(--fae-deep) 0%,rgba(43,33,29,.55) 14%,rgba(43,33,29,0) 32%)}
	.fae--medical .fae-hero__inner{position:relative;z-index:1;margin-top:-40px}
	.fae-float{right:12px;bottom:14px;padding-right:16px;font-size:14px}
	.fae-float__label{max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
@media (prefers-reduced-motion:reduce){.fae-float{transition:none}}