.face-treatment-map{--map-ink: #293c31;--map-muted: #626d65;--map-accent: #ad6c5c;--map-line: #dce3dd;--map-surface: #f4f6f3;padding:clamp(4rem,8vw,7rem) 0;background:var(--map-surface);color:var(--map-ink)}.face-treatment-map__intro{max-width:860px;margin-bottom:clamp(2.5rem,5vw,4.5rem);text-align:center}.face-treatment-map__eyebrow{margin:0 0 .9rem;color:var(--map-accent);font-size:1.2rem;font-weight:700;letter-spacing:0;line-height:1.4;text-transform:uppercase}.face-treatment-map__intro h1{margin:0;color:var(--map-ink)}.face-treatment-map__intro>p:last-child{max-width:60ch;margin:1.2rem auto 0;color:var(--map-muted);font-size:1.7rem;line-height:1.6}.face-treatment-map__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(3rem,8vw,9rem);max-width:1120px}.face-treatment-map__visual{min-width:0}.face-treatment-map__stage{position:relative;width:min(100%,440px);aspect-ratio:26 / 35;margin:0 auto;border:1px solid rgba(41,60,49,.12);border-radius:48% 48% 5px 5px;background:radial-gradient(ellipse at 50% 38%,#fff,#e8eeea 73%);box-shadow:0 18px 42px #293c3114}.face-treatment-map__portrait{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.face-treatment-map__hotspot{position:absolute;z-index:1;top:var(--hotspot-y);left:var(--hotspot-x);display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.95);border-radius:50%;background:#293c31e6;box-shadow:0 0 0 5px #293c3129,0 4px 12px #18231c33;color:#fff;text-decoration:none;transform:translate(-50%,-50%);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease;cursor:pointer}.face-treatment-map__hotspot.is-active{background:var(--map-accent);box-shadow:0 0 0 7px #ad6c5c33,0 4px 12px #18231c33}.face-treatment-map__hotspot:hover,.face-treatment-map__hotspot:focus-visible{z-index:3;background:var(--map-accent);box-shadow:0 0 0 8px #ad6c5c33,0 6px 18px #18231c3d;transform:translate(-50%,-50%) scale(1.08)}.face-treatment-map__hotspot:focus-visible,.face-treatment-map__option:focus-visible,.face-treatment-map__link:focus-visible{outline:3px solid var(--map-accent);outline-offset:4px}.face-treatment-map__number{font-size:1.1rem;font-weight:700;line-height:1}.face-treatment-map__tooltip{position:absolute;bottom:calc(100% + 13px);left:50%;padding:.65rem .9rem;border:1px solid var(--map-line);border-radius:4px;background:#fff;box-shadow:0 5px 18px #18231c1f;color:var(--map-ink);font-size:1.3rem;font-weight:600;line-height:1.3;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .16s ease,transform .16s ease;white-space:nowrap}.face-treatment-map__hotspot:hover .face-treatment-map__tooltip,.face-treatment-map__hotspot:focus-visible .face-treatment-map__tooltip{opacity:1;transform:translate(-50%)}.face-treatment-map__hotspot--lip-flip .face-treatment-map__tooltip{top:calc(100% + 13px);bottom:auto}.face-treatment-map__caption{margin:1.3rem 0 0;color:var(--map-muted);font-size:1.2rem;text-align:center}.face-treatment-map__details h2{margin:0;color:var(--map-ink)}.face-treatment-map__description{margin:1.1rem 0 1.8rem;color:var(--map-muted);font-size:1.5rem;line-height:1.6}.face-treatment-map__selection{display:grid;min-height:16rem;align-content:start;gap:.65rem;margin-bottom:2rem;padding:1.7rem 2rem;border-left:3px solid var(--map-accent);background:#fff}.face-treatment-map__selection-label{margin:0;color:var(--map-accent);font-size:1.1rem;font-weight:700;letter-spacing:0;line-height:1.4;text-transform:uppercase}.face-treatment-map__selection h3{margin:0;color:var(--map-ink);font-size:2.1rem;line-height:1.3}.face-treatment-map__selection [data-treatment-description]{margin:0;color:var(--map-muted);font-size:1.4rem;line-height:1.5}.face-treatment-map__list{margin:0;padding:0;border-top:1px solid var(--map-line);list-style:none}.face-treatment-map__list li{margin:0;border-bottom:1px solid var(--map-line)}.face-treatment-map__option{display:grid;grid-template-columns:3.5rem minmax(0,1fr) 2rem;align-items:center;gap:1.1rem;min-height:7.2rem;padding:1.1rem .8rem;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .18s ease,padding .18s ease}.face-treatment-map__option:hover,.face-treatment-map__option:focus-visible{padding-right:1.2rem;padding-left:1.2rem;background:#ffffffbd}.face-treatment-map__option.is-active{background:#fff;box-shadow:inset 3px 0 var(--map-accent)}.face-treatment-map__option.is-active .face-treatment-map__number--list{border-color:var(--map-accent);background:var(--map-accent);color:#fff}.face-treatment-map__number--list{display:grid;width:3.2rem;height:3.2rem;place-items:center;border:1px solid #b5c1b8;border-radius:50%;color:var(--map-ink)}.face-treatment-map__option-copy{display:grid;gap:.2rem}.face-treatment-map__option-title{color:var(--map-ink);font-size:1.5rem;font-weight:700;line-height:1.35}.face-treatment-map__option-description{color:var(--map-muted);font-size:1.3rem;line-height:1.45}.face-treatment-map__arrow{color:var(--map-accent);font-size:1.8rem;opacity:.7;transition:opacity .18s ease,transform .18s ease}.face-treatment-map__option:hover .face-treatment-map__arrow,.face-treatment-map__option:focus-visible .face-treatment-map__arrow{opacity:1;transform:translate(3px)}.face-treatment-map__link{display:inline-flex;align-items:center;gap:.8rem;margin-top:2.2rem;color:var(--map-ink);font-size:1.5rem;font-weight:700;text-decoration-color:var(--map-accent);text-underline-offset:.35rem}.face-treatment-map__link span{transition:transform .18s ease}.face-treatment-map__link:hover span{transform:translate(3px)}@media screen and (max-width:749px){.face-treatment-map{padding:4rem 0}.face-treatment-map__intro{margin-bottom:3rem;text-align:left}.face-treatment-map__intro>p:last-child{margin-right:0;margin-left:0;font-size:1.5rem}.face-treatment-map__layout{grid-template-columns:minmax(0,1fr);gap:3.5rem}.face-treatment-map__stage{width:min(100%,360px)}.face-treatment-map__details h2{font-size:2.6rem}.face-treatment-map__selection{min-height:15rem}}@media(prefers-reduced-motion:reduce){.face-treatment-map__hotspot,.face-treatment-map__tooltip,.face-treatment-map__option,.face-treatment-map__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/face-treatment-map.css.map */