.cosmetic-results,.cosmetic-treatments{margin:36px 0;font:inherit}
#cosmetology-results,#cosmetology-video{scroll-margin-top:100px}.cosmetic-section-heading h2,.cosmetic-treatment h2{margin:0 0 12px;text-transform:uppercase}
.cosmetic-section-heading p{margin:0 0 22px;}.cosmetic-comparisons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cosmetic-comparison{margin:0;min-width:0;border:1px solid var(--mx-border);border-radius:var(--mx-card-radius);overflow:hidden;background:var(--mx-white)}
/* Equal-aspect pairs share a centered crop; the eye pair has different heights and uses its common top edge. */
.cosmetic-comparison__photos{position:relative;aspect-ratio:4/3;overflow:hidden}.cosmetic-comparison__photos img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;max-height:none;pointer-events:none}
.cosmetic-comparison__after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--comparison-position))}
.cosmetic-comparison__before{position:absolute;top:0;left:0}.cosmetic-comparison--top .cosmetic-comparison__photos img{object-position:center top}.cosmetic-comparison__label{position:absolute;top:12px;padding:4px 12px;border-radius:20px;background:var(--mx-white);color:var(--mx-text);font:400 13px/1.5 var(--mx-font);pointer-events:none}.cosmetic-comparison__label--before{left:12px}.cosmetic-comparison__label--after{right:12px;background:var(--mx-accent);color:var(--mx-white)}
.cosmetic-comparison__divider{position:absolute;left:var(--comparison-position);top:0;bottom:0;border-left:2px solid var(--mx-white);pointer-events:none}.cosmetic-comparison__divider span{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--mx-white);border-radius:50%;background:var(--mx-accent);color:var(--mx-white);font-size:24px}
.cosmetic-comparison__control{position:absolute;inset:0;margin:0;cursor:ew-resize}.cosmetic-comparison__control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;touch-action:pan-y}.cosmetic-comparison__photos:focus-within{outline:2px solid var(--mx-green-deep);outline-offset:-3px}.cosmetic-comparison figcaption{padding:14px 16px;font:var(--mx-subtitle-weight) var(--mx-card-title-size)/var(--mx-title-leading) var(--mx-font);color:var(--mx-text)}
.cosmetic-note{font-size:13px;color:var(--mx-text);margin:16px 0}.cosmetic-price-link{display:inline-flex;gap:10px;margin:10px 0;color:var(--mx-accent);font:400 var(--mx-body-size)/1.45 var(--mx-font);text-underline-offset:4px}
.cosmetic-treatment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;padding:28px 0;border-top:1px solid var(--mx-border)}.cosmetic-treatment__copy{min-width:0}.cosmetic-treatment p{margin:12px 0}
.cosmetic-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;align-self:start;padding:10px;border:1px solid var(--mx-border);border-radius:var(--mx-card-radius);background:var(--mx-white)}.cosmetic-gallery a{display:block;min-width:0;overflow:hidden;border-radius:10px;aspect-ratio:4/3}.cosmetic-gallery img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;max-height:none}.cosmetic-gallery a:focus-visible{outline:2px solid var(--mx-green-deep);outline-offset:2px}
.cosmetic-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.cosmetic-comparisons{grid-template-columns:1fr;gap:16px}.cosmetic-treatment{grid-template-columns:1fr;gap:18px;padding:24px 0}.cosmetic-results,.cosmetic-treatments{margin:28px 0}#cosmetology-results,#cosmetology-video{scroll-margin-top:86px}}

.cosmetic-video-section{margin:0;min-width:0}
.cosmetic-video-section>h2{margin:0 0 18px}
.cosmetic-video{position:relative;width:min(100%,360px);margin-inline:auto;aspect-ratio:9/16;border-radius:var(--mx-card-radius);overflow:hidden;background:var(--mx-text)}
.cosmetic-video video{display:block;width:100%;height:100%;object-fit:contain}
.cosmetic-video__cover{position:absolute;inset:0;border:0;padding:0;margin:0;cursor:pointer;background:transparent}
.cosmetic-video__cover img{display:block;width:100%;height:100%;object-fit:contain}
.cosmetic-video [hidden],.cosmetic-video-section>[hidden]{display:none!important}
.cosmetic-video__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border:2px solid var(--mx-white);border-radius:50%;background:var(--mx-accent);color:var(--mx-white);pointer-events:none;isolation:isolate;box-shadow:0 2px 10px #0003}
.cosmetic-video__play-icon::before,.cosmetic-video__play-icon::after{content:"";position:absolute;inset:-2px;z-index:-1;border:2px solid var(--mx-white);border-radius:50%;background:color-mix(in srgb,var(--mx-accent) 22%,transparent);opacity:0;pointer-events:none;animation:cosmetic-play-ring 3.6s ease-out infinite}
.cosmetic-video__play-icon::after{animation-delay:.6s}
.cosmetic-video__cover:disabled .cosmetic-video__play-icon::before,.cosmetic-video__cover:disabled .cosmetic-video__play-icon::after{animation-play-state:paused}
@keyframes cosmetic-play-ring{0%{transform:scale(1);opacity:.65}48%,100%{transform:scale(1.8);opacity:0}}
@media(prefers-reduced-motion:reduce){.cosmetic-video__play-icon::before,.cosmetic-video__play-icon::after{animation:none}}
.cosmetic-video__play-icon svg{width:32px;height:32px;fill:currentColor}
.cosmetic-video__cover:focus-visible{outline:3px solid var(--mx-white);outline-offset:-5px}
.cosmetic-video__cover:disabled{cursor:wait}
.cosmetic-video-section .cosmetic-video__status{margin:8px 0;font-size:14px;min-height:0}
.cosmetic-video__status:empty{display:none}
@media(min-width:768px){.cosmetic-video{width:min(100%,360px)}}

.cosmetic-price-link:is(:hover,:focus-visible){color:var(--mx-accent);text-decoration:underline}
