Treatment Navigator | Compare Aesthetic & Wellness Treatments | EF MEDISPA

EF MEDISPA · The Treatment Navigator

Find the treatment that’s right for you

Explore, compare and understand your options, then book with confidence.

Start here · about 2 minutes

Tell us your goal,
we’ll find your starting point

No jargon needed. Answer a few quick questions and we’ll show you where to start.

Step 01 / 04

What would you most like to improve?

Pick the closest. You can change it any time.

Your suggested starting point

Based on your answers, this may be a useful route to explore. Your final recommendation should be confirmed by an EF MEDISPA practitioner, who can assess your goals, history and suitability.

Primary recommendation

Popular EF MEDISPA route

Also worth comparing

Best consultation route

Bring this to your consultation as a starting point.

Your result, explained

View treatment details

A starting point to discuss, not a diagnosis, prescription or promise of results. We can’t guarantee outcomes: every client is different and results depend on many individual factors, so treat this as a guideline only. A qualified practitioner will assess your skin, medical history, medications, contraindications, pregnancy status, previous treatments and goals, and agree the right plan with you in consultation.

30 treatments
Trusted since 2007
3 Central London clinics

Side by side

Or compare any two treatments

Already researching specifics? Put two options head to head on what they are best for, the typical course, downtime, when you may notice changes and the areas they treat.

Filter by area

First treatment

Second treatment

A guide to help you compare, not a quote or a promise of results. This comparison is designed to help you understand the broad differences between treatments before speaking with us. Many treatments are planned as a course, and package or new-client options may be available, so pricing is best reviewed in context rather than as a single-session figure. Your practitioner will confirm the most suitable plan, expected commitment and pricing with you in consultation.

Ready to talk it through? Book a complimentary, no-obligation consultation about the two treatments you are comparing.

Quick starts

Popular comparisons

Not sure what to put head to head? These are the comparisons clients ask about most. Tap one to load it into the tool above.

Skin tightening

HIFU vs Radiofrequency Tightening

Comparing two non-surgical routes to firmer, lifted skin.

Body contouring

Emsculpt NEO vs Fat Freezing

Muscle tone and fat reduction, weighed against targeted fat freezing.

Skin quality

NeoGen Plasma vs RF Microneedling

Two routes to texture, scarring and collagen. Which suits your skin?

Glow

Hydrafacial vs NeoGen Plasma

A gentle glow facial set against deeper skin regeneration.

Injectables

Dermal Fillers vs Anti-Wrinkle

Volume and contour, compared with softening expression lines.

Cellulite

T-Shape vs LPG Endermologie

Technology-led body smoothing against massage-based support.

Where you’ll be cared for

Three Central London clinics

Practitioner-led care in calm, considered spaces. Choose the location that suits you.

EF MEDISPA St John’s Wood clinic — St John’s Wood69 St John’s Wood High Street, NW8 7NL

EF MEDISPA Chelsea clinic — Chelsea193 Kings Road, SW3 5ED

EF MEDISPA Kensington clinic — Kensington29 Kensington Church Street, W8 4LL

Book a consultation

Ready to talk it through?

Share a few details and an EF MEDISPA practitioner will help you decide what’s right for you, with no obligation. We’ll be in touch within 24 hours.

Complimentary, no-obligation consultation
Practitioner-led, across three Central London clinics
Trusted for results since 2007

First name *

Last name

Telephone *

Email *

Preferred clinic

or call 0207 361 1000 · Mon–Sat

Browse by concern

Explore by concern

Prefer to browse? These quick links jump straight to the relevant treatment areas.

Keep exploring

Helpful next steps

£ View treatment prices Current pricing, courses and offers. Open → Choose a clinic Three Central London locations. Find → Read reviews Real client experiences. Read → Book a consultation The right next step for a plan. Book →

Good to know

FAQs about choosing treatments

How do I know which aesthetic treatment I need?

The best starting point is to think about your main concern, the area you want to treat, your downtime preference and whether you are open to injectables, energy-based treatments or body treatments. The Treatment Navigator helps you narrow your options, but a consultation is recommended before choosing a treatment.

Should I choose a facial, laser treatment or injectable?

Facials are often a good starting point for glow, hydration and maintenance. Laser and energy-based treatments may be more suitable for concerns such as hair reduction, skin texture, pigmentation or tightening. Injectables may be considered for lines, volume, facial balance or skin quality. A consultation can help you compare these options safely.

What treatment should I choose if I want no downtime?

If minimal downtime is important, you may want to explore options such as advanced facials, LED light therapy, laser hair removal or selected non-invasive body treatments. Downtime can vary depending on your skin, treatment intensity and treatment area, so your practitioner should confirm what to expect before treatment.

Can I compare injectable and non-injectable treatments?

Yes. Many people want to compare non-invasive treatments with injectable options, especially for concerns such as skin quality, lines, firmness or facial refreshment. The Treatment Navigator can help you understand the broad differences before discussing suitability with a practitioner.

What is the difference between a treatment and a device?

A treatment is the user-facing service or result pathway, such as radiofrequency body tightening, ultrasound body contouring, laser hair removal or pigmentation treatment. A device or platform is the technology used to deliver that treatment, such as Ultraformer III, NeoGen, EndyMed Pro, Soprano Titanium or CLATUU. The Treatment Navigator focuses on treatment types first, then mentions technology where helpful.

Is the Treatment Navigator a medical diagnosis?

No. The Treatment Navigator is a guidance tool only. It does not diagnose skin conditions, assess medical suitability or replace a consultation. Final treatment recommendations should be made by a qualified EF MEDISPA practitioner after assessment.

Are the session counts and timings shown exact?

No. Session counts, timings and when you may notice changes are shown as typical ranges and vary from person to person. Your recommended course, expected commitment and pricing are reviewed in context and confirmed with you in consultation.

Do I need a consultation before choosing a treatment?

Yes. The Treatment Navigator can help you understand possible routes to discuss, but it cannot assess your medical history, skin type, medications, contraindications, pregnancy status, previous treatments, lifestyle or suitability. You should always have a qualified practitioner consultation before starting any aesthetic or wellness treatment.

Still deciding?

Let’s find your starting point.

Tell us what you’d like to improve and an EF MEDISPA practitioner will help you understand your options and build a plan that suits you.

Contact EF MEDISPA

(function(){
'use strict';

/*
 * AJAX / PJAX navigation compatibility
 * ------------------------------------
 * The page can be inserted more than once without redeclaring global constants.
 * Each rendered .tnv root is initialised once, whether reached through the site
 * navigation, browser history, a page-transition library or a normal refresh.
 */
const EF_TNV_VERSION='2026-06-24-complete-load-fix-2';

/* Re-execution is normal under some page-transition systems. Reuse the
   existing runtime rather than registering duplicate global observers. */
if(window.__EF_TNV_RUNTIME__ && window.__EF_TNV_RUNTIME__.version===EF_TNV_VERSION){
  window.__EF_TNV_RUNTIME__.boot();
  return;
}

function initTreatmentNavigator(root){
  if(!root || root.dataset.tnvReady===EF_TNV_VERSION || root.dataset.tnvInitialising==='1') return true;
  root.dataset.tnvInitialising='1';

try{
/* =====================================================================
   EF MEDISPA · TREATMENT NAVIGATOR - DATA
   ---------------------------------------------------------------------
   Single source of truth for the Compare tool and the Guided Match quiz.
   Change a URL, price or session count here and it updates everywhere.
   ===================================================================== */

/* ---------------------------------------------------------------------
   ⚑  PRICES - "from" figures, sourced from the EF MEDISPA price list.
   These are indicative starting prices; exact pricing is confirmed in
   consultation. To change one, just edit its value here.
   (skin_consultation / acne shown at the £250 skin-consultation entry fee.)
   --------------------------------------------------------------------- */
const PRICE_FROM = {
  hydrafacial:"£140", chemical_peel:"£165", led:"£150", rf_microneedling:"£750",
  laser_resurfacing:"£190", acne_treatments:"£250", dermatology_consultation:"£250",
  neogen_plasma:"£600", cosmelan:"£1,600", quick_lift:"£300", dermaroller_exosomes:"£450",
  laser_hair_removal:"£144", ipl:"£280", hifu_skin_tightening:"£700",
  radiofrequency_skin_tightening:"£275", anti_wrinkle:"£250", dermal_fillers:"£450",
  profhilo:"£500", polynucleotides:"£500", emsculpt_neo:"£475", fat_freezing:"£650",
  radiofrequency_body_tightening:"£250", ultrasound_body_contouring:"£270",
  cellulite_treatments:"£250", t_shape_body_smoothing:"£330", lpg_endermologie:"£250",
  body_hifu:"£875", skin_consultation:"£250", exomind:"£550", lpg_vss:"£250"
};

/* ---------------------------------------------------------------------
   TREATMENTS
   sessions / time / areas / tech are indicative guidance values, confirmed
   per person in consultation. best / style / downtime / start / route /
   url are carried from the original navigator.
   --------------------------------------------------------------------- */
const TREATMENTS = {
  /* ---- Face / skin ---- */
  hydrafacial:{name:"Hydrafacial",cat:"Skin & glow",best:"Glow, hydration and skin maintenance",style:"Gentle, non-invasive facial",downtime:"None",sessions:"1 · monthly upkeep",time:"30–45 min",areas:"Face, neck, décolletage",tech:"HydraFacial vortex",start:"You want a quick, no-downtime skin refresh",route:"Skin quality and glow",consultationFocus:"Skin type, hydration, sensitivity and booster choice are tailored in consultation.",planningNote:"Works as a one-off refresh or regular maintenance, depending on your goals.",url:"https://www.efmedispa.com/treatments/hydrafacial"},
  chemical_peel:{name:"Chemical Peel",cat:"Skin & glow",best:"Glow, texture, pigmentation and resurfacing",style:"Skin resurfacing treatment",downtime:"Varies by strength",sessions:"3–6 in a course",time:"30–45 min",areas:"Face, neck, hands",tech:"Medical-grade peels",start:"You want brighter, smoother-looking skin",route:"Pigmentation, redness and tone",consultationFocus:"Peel strength, sensitivity, pigmentation risk and aftercare are confirmed first.",planningNote:"Best planned around skin sensitivity, peel strength and any upcoming events.",url:"https://www.efmedispa.com/face-treatments/facials-peels"},
  led:{name:"LED Light Therapy",cat:"Skin & glow",best:"Calming, glow and skin support",style:"Light-based treatment",downtime:"None",sessions:"6–10 in a course",time:"20–30 min",areas:"Face & body",tech:"LED phototherapy",start:"You want a gentle, zero-downtime option",route:"Skin quality and glow",consultationFocus:"Sensitivity, redness, breakouts and frequency are discussed in consultation.",planningNote:"Often used as a gentle standalone or alongside other skin treatments.",url:"https://www.efmedispa.com/light-treatments"},
  rf_microneedling:{name:"RF Microneedling",cat:"Texture & resurfacing",best:"Texture, pores, acne scarring and firmness",style:"Microneedling with radiofrequency",downtime:"Short-lived redness",sessions:"3–4 in a course",time:"45–60 min",areas:"Face, neck, body",tech:"EndyMed Pro",start:"You want smoother, firmer-looking skin",route:"Texture, acne scarring and resurfacing",consultationFocus:"Texture, scarring, active breakouts, needle suitability and downtime are assessed first.",planningNote:"Usually course-led; active breakouts are assessed before microneedling.",url:"https://www.efmedispa.com/treatments/endymed-pro"},
  laser_resurfacing:{name:"Laser Resurfacing",cat:"Texture & resurfacing",best:"Texture, pigmentation and skin resurfacing",style:"Energy-based resurfacing",downtime:"Varies by intensity",sessions:"1–3 by intensity",time:"30–60 min",areas:"Face, neck, hands",tech:"Fractional laser",start:"You want a more targeted resurfacing option",route:"Texture, acne scarring and resurfacing",consultationFocus:"Skin type, pigmentation risk, intensity and recovery are discussed before treatment.",planningNote:"Plan around recovery time, pigmentation risk and treatment intensity.",url:"https://www.efmedispa.com/laser-treatments"},
  acne_treatments:{name:"Acne Treatments",cat:"Texture & resurfacing",best:"Active breakouts, congestion and acne marks",style:"Tailored acne plan",downtime:"Varies",sessions:"Course · tailored",time:"30–60 min",areas:"Face, back, chest",tech:"Tailored protocol",start:"You are managing acne or post-acne concerns",route:"Texture, acne scarring and resurfacing",consultationFocus:"Active breakouts, history, triggers and timing are assessed before treatment.",planningNote:"Best started with an assessment of breakout activity, triggers and skin history.",url:"https://www.efmedispa.com/dermatology"},
  dermatology_consultation:{name:"Dermatology Consultation",cat:"Consultation",best:"Persistent, complex or medically-led skin concerns",style:"Consultation-led assessment",downtime:"None",sessions:"1 · assessment",time:"30–45 min",areas:"Any concern",tech:"Practitioner-led",start:"You want expert guidance before choosing",route:"Consultation-led skin plan",consultationFocus:"An assessment-led route for persistent, complex or medically-led skin concerns.",planningNote:"Best for persistent or complex concerns where diagnosis-led guidance may be needed.",url:"https://www.efmedispa.com/dermatology"},
  neogen_plasma:{name:"NeoGen Plasma",cat:"Skin regeneration",best:"Pigmentation, texture, fine lines and tightening",style:"Nitrogen plasma regeneration",downtime:"Varies by intensity",sessions:"1–3 by intensity",time:"30–60 min",areas:"Face, neck, eyes",tech:"NeoGen Plasma EVO",start:"You want a multi-concern rejuvenation option",route:"Pigmentation, redness and tone",consultationFocus:"Skin quality, pigmentation, laxity, downtime and intensity are assessed first.",planningNote:"Intensity and recovery are planned around skin goals and diary commitments.",url:"https://www.efmedispa.com/treatments/neogen-plasma-treatment"},
  cosmelan:{name:"Cosmelan",cat:"Skin regeneration",best:"Melasma, stubborn pigmentation and uneven tone",style:"Professional depigmentation protocol",downtime:"Peeling 1–2 weeks",sessions:"1 in-clinic + homecare",time:"45–60 min",areas:"Face",tech:"mesoestetic Cosmelan",start:"You have stubborn pigmentation and can commit to homecare",route:"Pigmentation, redness and tone",consultationFocus:"Downtime, peeling, strict homecare and sun protection are planned before treatment.",planningNote:"Plan around peeling and homecare; avoid close to major events.",url:"https://www.efmedispa.com/treatments/cosmelan-peel"},
  quick_lift:{name:"Quick Lift",cat:"Skin & glow",best:"Non-invasive rejuvenation, smoothing and plumping",style:"Laser-based rejuvenation",downtime:"Usually minimal",sessions:"Course · tailored",time:"30–45 min",areas:"Face, neck",tech:"Laser rejuvenation",start:"You want a non-invasive skin refresh",route:"Skin quality and glow",consultationFocus:"Skin goal, treatment intensity, suitability and recovery preference are discussed in consultation.",planningNote:"Best planned around treatment intensity, skin goal and recovery preference.",url:"https://www.efmedispa.com/laser-treatments/quick-lift"},
  dermaroller_exosomes:{name:"Microneedling + Exosome Support",cat:"Texture & resurfacing",best:"Texture, glow and post-treatment skin support",style:"Microneedling with topical exosomes",downtime:"Redness varies",sessions:"3–4 in a course",time:"45–60 min",areas:"Face, neck, scalp",tech:"Microneedling + exosomes",start:"You want a professional skin-quality treatment route",route:"Texture, acne scarring and resurfacing",consultationFocus:"Needle suitability, skin barrier, product choice and aftercare are confirmed first.",planningNote:"Usually course-led; skin barrier and needle suitability are confirmed first.",url:"https://www.efmedispa.com/micro-needling"},
  /* ---- Hair ---- */
  laser_hair_removal:{name:"Laser Hair Removal",cat:"Hair reduction",best:"Long-term reduction of unwanted hair",style:"Energy-based hair reduction",downtime:"Little to none",sessions:"6–8 in a course",time:"15–45 min",areas:"Face & body",tech:"Soprano Titanium",start:"You want smoother, hair-free skin",route:"Hair reduction",consultationFocus:"Skin tone, hair colour, area, patch testing and course plan are confirmed first.",planningNote:"Usually a course; patch testing and treatment area are confirmed first.",url:"https://www.efmedispa.com/laser-hair-removal"},
  ipl:{name:"IPL Skin Rejuvenation",cat:"Skin & glow",best:"Pigmentation, sun damage, redness and uneven tone",style:"Intense pulsed light treatment",downtime:"Usually minimal",sessions:"3–6 in a course",time:"20–40 min",areas:"Face, neck, chest, hands",tech:"IPL / Aurora",start:"You are comparing light-based rejuvenation options",route:"Pigmentation, redness and tone",comparisonOnly:true,consultationFocus:"Skin tone, pigmentation, redness, sun damage and suitability are assessed first.",planningNote:"Usually course-led; skin tone and sun-exposure history are assessed first.",url:"https://www.efmedispa.com/light-treatments/ipl-skin-rejuvenation"},
  /* ---- Tightening ---- */
  hifu_skin_tightening:{name:"HIFU Skin Tightening",cat:"Lifting & tightening",best:"Lifting, firming and non-surgical tightening",style:"Focused ultrasound treatment",downtime:"Little to none",sessions:"1–2 per year",time:"45–90 min",areas:"Face, brow, jaw, neck",tech:"Ultraformer III",start:"You want a non-surgical lifting route",route:"Firming and skin tightening",consultationFocus:"Area, laxity, skin quality and suitability for ultrasound are assessed.",planningNote:"Usually planned as a course or personalised plan by area, laxity and goals.",url:"https://www.efmedispa.com/ultrasound-treatments/ultraformer-iii"},
  radiofrequency_skin_tightening:{name:"Radiofrequency Skin Tightening",cat:"Lifting & tightening",best:"Firmness, laxity and skin smoothing",style:"Radiofrequency treatment",downtime:"Little to none",sessions:"4–6 in a course",time:"30–45 min",areas:"Face, neck, body",tech:"Radiofrequency platform",start:"You want firmer-looking skin without surgery",route:"Firming and skin tightening",consultationFocus:"Area, firmness, skin quality and suitability are assessed before treatment.",planningNote:"Usually course-led for gradual firmness; area and skin quality are assessed.",url:"https://www.efmedispa.com/insights/faqs-radio-frequency-skin-tightening"},
  /* ---- Injectables ---- */
  anti_wrinkle:{name:"Anti-Wrinkle Injections",cat:"Injectables & boosters",best:"Softening expression lines",style:"Injectable treatment",downtime:"Usually minimal",sessions:"1 · review at 2 wks",time:"15–30 min",areas:"Upper face & more",tech:"Practitioner-led injectable",start:"You want to soften lines or wrinkles",route:"Subtle injectable refresh",consultationFocus:"Expression pattern, dose, placement, history and suitability are assessed by the practitioner.",planningNote:"Often a single treatment with review or maintenance discussed after assessment.",url:"https://www.efmedispa.com/face-treatments/face-injections/anti-wrinkle-injections"},
  dermal_fillers:{name:"Dermal Fillers",cat:"Injectables & boosters",best:"Volume, contour and facial balance",style:"Injectable treatment",downtime:"Possible bruising / swelling",sessions:"1 · staged if needed",time:"30–45 min",areas:"Lips, cheeks, jaw & more",tech:"Practitioner-led injectable",start:"You want to restore or enhance volume",route:"Subtle injectable refresh",consultationFocus:"Anatomy, volume loss, placement, product and suitability are assessed by the practitioner.",planningNote:"Single-session or staged; anatomy, placement and product choice matter.",url:"https://www.efmedispa.com/face-treatments/face-injections/dermal-fillers"},
  profhilo:{name:"Profhilo",cat:"Injectables & boosters",best:"Skin hydration, glow and skin quality",style:"Injectable skin booster",downtime:"Usually minimal",sessions:"2 · 4 weeks apart",time:"20–30 min",areas:"Face, neck, hands",tech:"Profhilo booster",start:"You want hydrated, refreshed-looking skin",route:"Skin quality and glow",consultationFocus:"Skin quality, hydration, injection points and suitability are assessed first.",planningNote:"Usually course-led, with maintenance planned around skin-quality goals.",url:"https://www.efmedispa.com/treatments/skin-booster-treatment"},
  polynucleotides:{name:"Polynucleotides",cat:"Injectables & boosters",best:"Skin quality, repair and regeneration support",style:"Injectable skin booster",downtime:"Usually minimal",sessions:"2–3 in a course",time:"20–30 min",areas:"Face, neck, under-eye",tech:"Polynucleotide booster",start:"You want to support skin quality over time",route:"Skin quality and glow",consultationFocus:"Skin quality, repair goals, product and plan are confirmed in consultation.",planningNote:"Usually course-led, with results building gradually through a planned protocol.",url:"https://www.efmedispa.com/treatments/skin-booster-treatment"},
  /* ---- Body ---- */
  emsculpt_neo:{name:"Emsculpt NEO",cat:"Body sculpting",best:"Muscle tone and body sculpting",style:"Non-invasive body treatment",downtime:"None",sessions:"4–6 in a course",time:"30 min",areas:"Abdomen, glutes, arms, legs",tech:"Emsculpt NEO",start:"You want to tone and sculpt",route:"Body contouring",consultationFocus:"Area, muscle tone, fat goals and suitability are assessed before a course.",planningNote:"Usually course-led; area, muscle tone and goals are assessed first.",url:"https://www.efmedispa.com/cosmetic-surgery/non-surgical-alternatives/emsculpt-neo"},
  fat_freezing:{name:"Fat Freezing",cat:"Body sculpting",best:"Stubborn fat pockets and body contouring",style:"Cryolipolysis contouring",downtime:"Little to none",sessions:"1–3 per area",time:"35–60 min",areas:"Abdomen, flanks, thighs",tech:"CLATUU Alpha",start:"You want to target stubborn fat",route:"Body contouring",consultationFocus:"Fat distribution, area, suitability and expected response are assessed first.",planningNote:"Best for localised fat pockets; area selection and suitability matter.",url:"https://www.efmedispa.com/fat-freezing-treatment"},
  radiofrequency_body_tightening:{name:"Radiofrequency Body Tightening",cat:"Body sculpting",best:"Body skin firmness, laxity and smoothing",style:"Non-invasive radiofrequency",downtime:"Little to none",sessions:"6–8 in a course",time:"30–45 min",areas:"Abdomen, arms, thighs",tech:"Alma PrimeX / T-Shape",start:"You want firmer-looking body skin",route:"Body contouring",consultationFocus:"Body area, laxity, skin quality and plan are confirmed in consultation.",planningNote:"Usually course-led; best for gradual body-skin firming goals.",url:"https://www.efmedispa.com/treatments/alma-primex"},
  ultrasound_body_contouring:{name:"Ultrasound Body Contouring",cat:"Body sculpting",best:"Body contouring and circumference goals",style:"Non-invasive ultrasound",downtime:"Little to none",sessions:"6–8 in a course",time:"30–45 min",areas:"Abdomen, flanks, thighs",tech:"Alma PrimeX",start:"You want to target body shape and contour",route:"Body contouring",consultationFocus:"Body area, contour goals, suitability and plan are confirmed in consultation.",planningNote:"Usually planned around body area, contour goals and suitability.",url:"https://www.efmedispa.com/treatments/alma-primex"},
  cellulite_treatments:{name:"Cellulite Treatments",cat:"Cellulite & smoothing",best:"Dimpled texture, puffiness and body smoothing",style:"Personalised body route",downtime:"Varies",sessions:"Course · tailored",time:"30–45 min",areas:"Thighs, buttocks, abdomen",tech:"LPG / T-Shape / RF",start:"You want to improve cellulite or texture",route:"Cellulite and body smoothing",consultationFocus:"Cellulite type, fluid retention, firmness and route are assessed.",planningNote:"Usually course-led and tailored to cellulite type, firmness and fluid retention.",url:"https://www.efmedispa.com/conditions/cellulite"},
  t_shape_body_smoothing:{name:"T-Shape Body Smoothing",cat:"Cellulite & smoothing",best:"Cellulite, firmness, smoothing and contour",style:"Radiofrequency + vacuum smoothing",downtime:"Little to none",sessions:"6–10 in a course",time:"30–45 min",areas:"Thighs, abdomen, arms",tech:"T-Shape 2",start:"You want a body smoothing route with firmness",route:"Cellulite and body smoothing",consultationFocus:"Cellulite, firmness, area and suitability are assessed.",planningNote:"Usually course-led; best planned around smoothing, firmness and area.",url:"https://www.efmedispa.com/cellulite-removal-treatments/t-shape-2"},
  lpg_endermologie:{name:"LPG Endermologie",cat:"Cellulite & smoothing",best:"Cellulite, lymphatic support and smoothing",style:"Mechanical tissue stimulation",downtime:"None",sessions:"6–12 in a course",time:"35–45 min",areas:"Full body",tech:"LPG Cellu M6",start:"You want a massage-based smoothing route",route:"Cellulite and body smoothing",consultationFocus:"Fluid retention, cellulite pattern, sensitivity and frequency are discussed.",planningNote:"Usually course-led, frequency tailored to fluid retention and smoothing goals.",url:"https://www.efmedispa.com/treatments/lpg-endermologie"},
  body_hifu:{name:"Body HIFU",cat:"Body sculpting",best:"Body skin tightening and firming",style:"Focused ultrasound body treatment",downtime:"Little to none",sessions:"1–2 per area",time:"45–60 min",areas:"Abdomen, arms, thighs",tech:"Ultraformer III",start:"You want a deeper body tightening route",route:"Body contouring",consultationFocus:"Area, laxity, skin quality and suitability for body ultrasound are assessed.",planningNote:"Usually planned as a course or personalised body-tightening plan.",url:"https://www.efmedispa.com/ultrasound-treatments/ultraformer-iii"},
  /* ---- Consultation ---- */
  skin_consultation:{name:"Skin Consultation",cat:"Consultation",best:"Unsure, mixed or complex treatment goals",style:"Practitioner-led assessment",downtime:"None",sessions:"1 · assessment",time:"30–45 min",areas:"Any concern",tech:"Practitioner-led",start:"You want expert guidance before choosing",route:"Consultation-led skin plan",consultationFocus:"Your practitioner assesses goals, skin, history and suitable options.",planningNote:"Best when you want a practitioner to prioritise concerns and build a plan.",url:"https://www.efmedispa.com/book-consultation"},
  /* ---- Wellness ---- */
  exomind:{name:"EXOMIND",cat:"Wellness",best:"Mental wellness, emotional wellbeing and stress support",style:"Non-invasive brain stimulation",downtime:"None expected",sessions:"Course · screened",time:"~25 min",areas:"Non-invasive (head)",tech:"ExoMind · ExoTMS",start:"You want to explore practitioner-led wellness support",route:"Wellness, stress and sleep support",consultationFocus:"Wellness goals, suitability screening and whether medical support is needed are discussed first.",planningNote:"Course and suitability are discussed carefully before starting wellness support.",url:"https://www.efmedispa.com/treatments/exomind"},
  lpg_vss:{name:"LPG Vitality · Stress · Sleep",cat:"Wellness",best:"Stress, sleep, vitality and relaxation",style:"Wellness endermologie protocol",downtime:"None",sessions:"Course · tailored",time:"35 min",areas:"Full body",tech:"LPG Vitality",start:"You want a non-invasive body-based wellness route",route:"Wellness, stress and sleep support",consultationFocus:"Stress, sleep, vitality goals and suitability for a body-based protocol are discussed.",planningNote:"Usually planned as a course or wellness-support protocol.",url:"https://www.efmedispa.com/treatments/lpg-endermologie"}
};

/* Compare dropdown grouping (display only) */
const COMPARE_GROUPS = [
  {label:"Face, skin & glow", items:["acne_treatments","chemical_peel","cosmelan","hydrafacial","ipl","led","neogen_plasma","quick_lift"]},
  {label:"Texture & resurfacing", items:["laser_resurfacing","dermaroller_exosomes","rf_microneedling"]},
  {label:"Lifting & tightening", items:["hifu_skin_tightening","radiofrequency_skin_tightening"]},
  {label:"Injectables & skin boosters", items:["anti_wrinkle","dermal_fillers","polynucleotides","profhilo"]},
  {label:"Laser hair removal", items:["laser_hair_removal"]},
  {label:"Body sculpting & fat reduction", items:["body_hifu","emsculpt_neo","fat_freezing","radiofrequency_body_tightening","ultrasound_body_contouring"]},
  {label:"Cellulite & body smoothing", items:["cellulite_treatments","lpg_endermologie","t_shape_body_smoothing"]},
  {label:"Wellness & consultation", items:["dermatology_consultation","exomind","lpg_vss","skin_consultation"]}
];

/* =====================================================================
   ROUTES - labels + result titles + why-bullets
   ===================================================================== */
const ROUTE_META = {
  skin_quality:{label:"Skin quality and glow",title:"Start with skin quality and glow",url:"https://www.efmedispa.com/face-treatments"},
  hair_reduction:{label:"Hair reduction",title:"Start with hair reduction",url:"https://www.efmedispa.com/laser-hair-removal"},
  texture:{label:"Texture, scarring and resurfacing",title:"Start with texture and resurfacing",url:"https://www.efmedispa.com/face-treatments"},
  pigmentation_tone:{label:"Pigmentation, redness and tone",title:"Start with pigmentation and tone",url:"https://www.efmedispa.com/face-treatments"},
  tightening:{label:"Firming and skin tightening",title:"Start with non-invasive tightening",url:"https://www.efmedispa.com/face-treatments"},
  injectables:{label:"Subtle injectable refresh",title:"Start with a subtle injectable refresh",url:"https://www.efmedispa.com/face-treatments"},
  body_contouring:{label:"Body contouring",title:"Start with body contouring",url:"https://www.efmedispa.com/conditions/excess-fat"},
  cellulite_body_smoothing:{label:"Cellulite and body smoothing",title:"Start with cellulite and body smoothing",url:"https://www.efmedispa.com/cellulite-compare"},
  consultation:{label:"Consultation-led plan",title:"Start with a consultation",url:"https://www.efmedispa.com/book-consultation"},
  wellness:{label:"Wellness, stress and sleep support",title:"Start with wellness and stress support",url:"https://www.efmedispa.com/treatments/exomind"}
};

/* =====================================================================
   GUIDED MATCH - branch-based quiz
   Q1 selects a branch; each branch asks its own follow-ups and may only
   recommend treatments from its allowed family. Safety guards: no-needles
   excludes injectables + microneedling, wellness stays in-branch,
   comparisonOnly never primary, cosmelan excluded when no downtime.
   ===================================================================== */
const START_QUESTION = {
  q:"What would you most like to improve?",
  hint:"Pick the closest. You can change it any time.",
  a:[
    {t:"Lift, tighten or refresh my face", s:"Face · lift & refresh", b:"face_refresh"},
    {t:"Skin quality, texture, scarring or pigmentation", s:"Skin quality & texture", b:"skin_quality_texture"},
    {t:"Remove unwanted hair", s:"Hair reduction", b:"hair"},
    {t:"Sculpt, tone or reduce stubborn fat", s:"Body sculpting", b:"body_contouring"},
    {t:"Smooth cellulite or firm body skin", s:"Cellulite & smoothing", b:"cellulite"},
    {t:"Support stress, sleep or wellbeing", s:"Wellness", b:"wellness"},
    {t:"I'm not sure, I have several concerns", s:"Several concerns", b:"unsure"}
  ]
};

const COMMERCIAL_PRIORITY = {
  emsculpt_neo:10, hifu_skin_tightening:9.5, neogen_plasma:9, body_hifu:8,
  laser_hair_removal:8.5, rf_microneedling:8, fat_freezing:7.5,
  anti_wrinkle:6.7, dermal_fillers:6.7, t_shape_body_smoothing:6.4,
  profhilo:6.2, polynucleotides:6.2, hydrafacial:4.8, ultrasound_body_contouring:4.4
};
const POPULAR_ROUTE_KEYS = ["emsculpt_neo","hifu_skin_tightening","neogen_plasma","laser_hair_removal","rf_microneedling","fat_freezing"];

const BRANCHES = {
  face_refresh:{
    allowed:["hifu_skin_tightening","neogen_plasma","radiofrequency_skin_tightening","anti_wrinkle","dermal_fillers","profhilo","polynucleotides","quick_lift","skin_consultation"],
    questions:[
      { q:"What best describes what you'd like to improve?", a:[
        {t:"Lift, firmness or sagging", s:"Lift & firmness", x:{hifu_skin_tightening:3,radiofrequency_skin_tightening:2}},
        {t:"Jawline definition or a sculpted profile", s:"Jawline definition", x:{hifu_skin_tightening:3,radiofrequency_skin_tightening:2,neogen_plasma:1,dermal_fillers:1}},
        {t:"Fine lines or ageing changes", s:"Fine lines", x:{neogen_plasma:2,anti_wrinkle:2,hifu_skin_tightening:1}},
        {t:"Volume or facial balance", s:"Volume & balance", x:{dermal_fillers:3}},
        {t:"Skin quality and glow", s:"Skin quality", x:{neogen_plasma:2,profhilo:2,polynucleotides:1}},
        {t:"I'm not sure", s:"Unsure", x:{skin_consultation:2}}
      ]},
      { q:"How would you prefer to approach this?", a:[
        {t:"Non-surgical tightening", s:"Non-surgical tightening", x:{hifu_skin_tightening:3,radiofrequency_skin_tightening:2,neogen_plasma:1}},
        {t:"Skin regeneration or collagen support", s:"Collagen support", x:{neogen_plasma:3,polynucleotides:1,profhilo:1}},
        {t:"Injectable refresh", s:"Injectable refresh", x:{anti_wrinkle:2,dermal_fillers:2}},
        {t:"I'd prefer no needles", s:"No needles", noNeedles:true, x:{hifu_skin_tightening:2,radiofrequency_skin_tightening:2,neogen_plasma:2,quick_lift:1}},
        {t:"I'm not sure", s:"Unsure", x:{skin_consultation:2}}
      ]},
      { q:"What matters most to you?", a:[
        {t:"Lift and structure", s:"Lift & structure", x:{hifu_skin_tightening:2,radiofrequency_skin_tightening:1}},
        {t:"Natural-looking refresh", s:"Natural refresh", x:{profhilo:1,anti_wrinkle:1,neogen_plasma:1,dermal_fillers:1}},
        {t:"Skin quality over time", s:"Skin quality over time", x:{neogen_plasma:2,polynucleotides:2,profhilo:1}},
        {t:"Minimal downtime", s:"Minimal downtime", x:{hifu_skin_tightening:1,radiofrequency_skin_tightening:1,quick_lift:1}},
        {t:"Expert guidance", s:"Expert guidance", x:{skin_consultation:2}}
      ]}
    ]
  },
  skin_quality_texture:{
    allowed:["neogen_plasma","rf_microneedling","hydrafacial","chemical_peel","cosmelan","laser_resurfacing","led","acne_treatments","dermatology_consultation","dermaroller_exosomes","skin_consultation"],
    questions:[
      { q:"What best describes the skin concern?", a:[
        {t:"Dullness or dehydration", s:"Dullness", x:{hydrafacial:3,led:1,neogen_plasma:1}},
        {t:"Pigmentation, sun damage or uneven tone", s:"Pigmentation", x:{neogen_plasma:3,chemical_peel:2,cosmelan:1,laser_resurfacing:1}},
        {t:"Texture, pores or acne scarring", s:"Texture & scarring", x:{rf_microneedling:3,neogen_plasma:2,laser_resurfacing:1,dermaroller_exosomes:1}},
        {t:"Active breakouts", s:"Active breakouts", x:{acne_treatments:3,dermatology_consultation:2}},
        {t:"Redness or sensitivity", s:"Redness & sensitivity", x:{led:3,skin_consultation:1}}
      ]},
      { q:"How much downtime would feel manageable?", a:[
        {t:"None", s:"No downtime", noDowntime:true, x:{hydrafacial:2,led:2}},
        {t:"A little redness is fine", s:"A little redness", x:{neogen_plasma:1,chemical_peel:1,rf_microneedling:1}},
        {t:"A few days is fine", s:"A few days", x:{rf_microneedling:2,neogen_plasma:2,laser_resurfacing:1}},
        {t:"I can allow 1–2 weeks if needed", s:"1–2 weeks ok", x:{cosmelan:4,neogen_plasma:1,laser_resurfacing:1}}
      ]},
      { q:"How would you prefer to approach this?", a:[
        {t:"Gentle glow and maintenance", s:"Gentle glow", x:{hydrafacial:3,led:1}},
        {t:"Stronger skin regeneration", s:"Strong regeneration", x:{neogen_plasma:3,laser_resurfacing:1}},
        {t:"Microneedling or collagen stimulation", s:"Microneedling", x:{rf_microneedling:3,dermaroller_exosomes:2}},
        {t:"Specialist pigmentation route", s:"Pigmentation route", x:{cosmelan:3,neogen_plasma:1}},
        {t:"Expert guidance", s:"Expert guidance", x:{skin_consultation:2,dermatology_consultation:1}}
      ]}
    ]
  },
  hair:{
    allowed:["laser_hair_removal","skin_consultation"],
    questions:[
      { q:"Which area are you thinking about?", a:[
        {t:"Face", s:"Face", x:{laser_hair_removal:2}},
        {t:"Bikini or underarms", s:"Bikini / underarms", x:{laser_hair_removal:2}},
        {t:"Legs or arms", s:"Legs / arms", x:{laser_hair_removal:2}},
        {t:"Multiple areas", s:"Multiple areas", x:{laser_hair_removal:2,skin_consultation:1}}
      ]},
      { q:"What matters most to you?", a:[
        {t:"Long-term hair reduction", s:"Long-term reduction", x:{laser_hair_removal:3}},
        {t:"Comfort during treatment", s:"Comfort", x:{laser_hair_removal:2}},
        {t:"Suitability for sensitive areas", s:"Sensitive areas", x:{laser_hair_removal:2,skin_consultation:1}},
        {t:"Understanding whether laser suits me", s:"Suitability", x:{laser_hair_removal:2,skin_consultation:1}}
      ]},
      { q:"Have you had hair removal before?", a:[
        {t:"No, I'm new to this", s:"New to it", x:{laser_hair_removal:2,skin_consultation:1}},
        {t:"Yes, waxing, shaving or threading", s:"Waxing / shaving", x:{laser_hair_removal:2}},
        {t:"Yes, laser or IPL before", s:"Laser before", x:{laser_hair_removal:2}},
        {t:"Not sure", s:"Not sure", x:{laser_hair_removal:1,skin_consultation:2}}
      ]}
    ]
  },
  body_contouring:{
    allowed:["emsculpt_neo","fat_freezing","ultrasound_body_contouring","radiofrequency_body_tightening","body_hifu","skin_consultation"],
    questions:[
      { q:"What is your main body goal?", a:[
        {t:"Tone and muscle definition", s:"Muscle tone", x:{emsculpt_neo:3}},
        {t:"Stubborn fat reduction", s:"Fat reduction", x:{fat_freezing:3}},
        {t:"Shape and contour", s:"Shape & contour", x:{ultrasound_body_contouring:2,emsculpt_neo:2,fat_freezing:1}},
        {t:"Skin firmness", s:"Skin firmness", x:{radiofrequency_body_tightening:3,body_hifu:2}},
        {t:"I'm not sure", s:"Unsure", x:{skin_consultation:2}}
      ]},
      { q:"Which area are you thinking about?", a:[
        {t:"Abdomen", s:"Abdomen", x:{emsculpt_neo:1,fat_freezing:1,ultrasound_body_contouring:1}},
        {t:"Bottom / glutes", s:"Glutes", x:{emsculpt_neo:3,skin_consultation:1}},
        {t:"Flanks", s:"Flanks", x:{fat_freezing:1,ultrasound_body_contouring:1}},
        {t:"Legs or arms", s:"Legs / arms", x:{emsculpt_neo:1,radiofrequency_body_tightening:1}},
        {t:"Multiple areas", s:"Multiple areas", x:{emsculpt_neo:1,skin_consultation:1}}
      ]},
      { q:"What matters most to you?", a:[
        {t:"Strong body sculpting result", s:"Strong sculpting", x:{emsculpt_neo:3}},
        {t:"Fat reduction", s:"Fat reduction", x:{fat_freezing:3}},
        {t:"Firmness", s:"Firmness", x:{radiofrequency_body_tightening:2,body_hifu:1}},
        {t:"Minimal downtime", s:"Minimal downtime", x:{emsculpt_neo:1,radiofrequency_body_tightening:1,ultrasound_body_contouring:1}},
        {t:"Expert guidance", s:"Expert guidance", x:{skin_consultation:2}}
      ]}
    ]
  },
  cellulite:{
    allowed:["t_shape_body_smoothing","cellulite_treatments","lpg_endermologie","radiofrequency_body_tightening","ultrasound_body_contouring","skin_consultation"],
    questions:[
      { q:"What best describes the concern?", a:[
        {t:"Cellulite dimpling", s:"Cellulite dimpling", x:{t_shape_body_smoothing:2,cellulite_treatments:2,lpg_endermologie:2}},
        {t:"Puffiness or fluid retention", s:"Puffiness", x:{lpg_endermologie:3}},
        {t:"Uneven body texture", s:"Uneven texture", x:{t_shape_body_smoothing:2,cellulite_treatments:1,ultrasound_body_contouring:1}},
        {t:"Body skin firmness", s:"Body firmness", x:{radiofrequency_body_tightening:3,t_shape_body_smoothing:1}}
      ]},
      { q:"What style of treatment feels most relevant?", a:[
        {t:"Technology-led smoothing", s:"Tech-led smoothing", x:{t_shape_body_smoothing:3,cellulite_treatments:1,ultrasound_body_contouring:1}},
        {t:"Massage-based or lymphatic support", s:"Lymphatic support", x:{lpg_endermologie:3}},
        {t:"Radiofrequency or firming", s:"Radiofrequency", x:{radiofrequency_body_tightening:2,t_shape_body_smoothing:1}},
        {t:"Not sure", s:"Not sure", x:{skin_consultation:1,cellulite_treatments:1}}
      ]},
      { q:"What matters most to you?", a:[
        {t:"Smoothing", s:"Smoothing", x:{t_shape_body_smoothing:2,cellulite_treatments:2,lpg_endermologie:1}},
        {t:"Firmness", s:"Firmness", x:{radiofrequency_body_tightening:2,t_shape_body_smoothing:1}},
        {t:"Circulation or lymphatic support", s:"Circulation", x:{lpg_endermologie:3}},
        {t:"Expert guidance", s:"Expert guidance", x:{skin_consultation:2}}
      ]}
    ]
  },
  wellness:{
    allowed:["exomind","lpg_vss","skin_consultation"],
    questions:[
      { q:"What best describes your wellness goal?", a:[
        {t:"Stress support", s:"Stress support", x:{exomind:2,lpg_vss:2}},
        {t:"Sleep support", s:"Sleep support", x:{lpg_vss:2,exomind:1}},
        {t:"Emotional wellbeing", s:"Emotional wellbeing", x:{exomind:3}},
        {t:"Overall vitality", s:"Vitality", x:{lpg_vss:3}}
      ]},
      { q:"Which approach feels most relevant?", a:[
        {t:"Mind-focused support", s:"Mind-focused", x:{exomind:3}},
        {t:"Body-based relaxation support", s:"Body-based relaxation", x:{lpg_vss:3}},
        {t:"Not sure", s:"Not sure", x:{skin_consultation:1,exomind:1,lpg_vss:1}}
      ]},
      { q:"What matters most to you?", a:[
        {t:"Practitioner-led suitability screening", s:"Suitability screening", x:{exomind:2,skin_consultation:1}},
        {t:"Non-invasive wellness support", s:"Non-invasive support", x:{lpg_vss:2,exomind:1}},
        {t:"Relaxation and vitality", s:"Relaxation", x:{lpg_vss:2}},
        {t:"Expert guidance", s:"Expert guidance", x:{skin_consultation:2}}
      ]}
    ]
  },
  unsure:{
    allowed:["skin_consultation","dermatology_consultation"],
    extraAlso:["hifu_skin_tightening","neogen_plasma","emsculpt_neo","laser_hair_removal"],
    questions:[
      { q:"What are you most unsure about?", a:[
        {t:"Which treatment type is right", s:"Which treatment", x:{skin_consultation:2}},
        {t:"Whether I am suitable", s:"Suitability", x:{skin_consultation:2,dermatology_consultation:1}},
        {t:"I have several concerns", s:"Several concerns", x:{skin_consultation:2}},
        {t:"I want expert guidance", s:"Expert guidance", x:{skin_consultation:1,dermatology_consultation:1}}
      ]},
      { q:"Which area are you thinking about?", a:[
        {t:"Face", s:"Face", x:{skin_consultation:1}},
        {t:"Body", s:"Body", x:{skin_consultation:1}},
        {t:"A skin condition", s:"Skin condition", x:{dermatology_consultation:2}},
        {t:"Wellness", s:"Wellness", x:{skin_consultation:1}},
        {t:"Multiple areas", s:"Multiple areas", x:{skin_consultation:1}}
      ]},
      { q:"What matters most to you?", a:[
        {t:"Safety and suitability", s:"Safety", x:{dermatology_consultation:1,skin_consultation:1}},
        {t:"Understanding my options", s:"Understanding options", x:{skin_consultation:2}},
        {t:"Minimal downtime", s:"Minimal downtime", x:{skin_consultation:1}},
        {t:"Expert guidance", s:"Expert guidance", x:{skin_consultation:1,dermatology_consultation:1}}
      ]}
    ]
  }
};

/* ---------------------------------------------------------------------
   RESULTS TIMELINE + LONGEVITY - the two questions researchers ask most.
   Indicative guidance; confirmed in consultation. Merged into TREATMENTS.
   --------------------------------------------------------------------- */
const RESULTS_LONGEVITY = {
  hydrafacial:{results:"Immediately",lasts:"5–7 days’ glow"},
  chemical_peel:{results:"After peeling, ~1 week",lasts:"Weeks to months"},
  led:{results:"Gradual over course",lasts:"Maintenance-based"},
  rf_microneedling:{results:"3–6 weeks, builds",lasts:"12+ months"},
  laser_resurfacing:{results:"Once healed (1–2 wks)",lasts:"Long-term with care"},
  acne_treatments:{results:"Over the course",lasts:"Maintenance-based"},
  dermatology_consultation:{results:"Guidance same day",lasts:"Not applicable"},
  neogen_plasma:{results:"2–4 weeks, builds",lasts:"12+ months"},
  cosmelan:{results:"From ~2 weeks",lasts:"Long-term with homecare"},
  quick_lift:{results:"1–2 weeks",lasts:"Several months"},
  dermaroller_exosomes:{results:"2–4 weeks",lasts:"Months; course-led"},
  laser_hair_removal:{results:"After 2–3 sessions",lasts:"Long-term reduction"},
  ipl:{results:"1–2 weeks",lasts:"Months; maintenance"},
  hifu_skin_tightening:{results:"8–12 weeks, builds",lasts:"12–18 months"},
  radiofrequency_skin_tightening:{results:"Gradual over course",lasts:"~12 months"},
  anti_wrinkle:{results:"3–7 days",lasts:"3–4 months"},
  dermal_fillers:{results:"Immediately",lasts:"6–18 months"},
  profhilo:{results:"After 2nd session",lasts:"~6 months"},
  polynucleotides:{results:"3–6 weeks",lasts:"~6–9 months"},
  emsculpt_neo:{results:"3–4 wks after course",lasts:"6 months+ with upkeep"},
  fat_freezing:{results:"6–12 weeks",lasts:"Long-term (fat cells)"},
  radiofrequency_body_tightening:{results:"Gradual over course",lasts:"~12 months"},
  ultrasound_body_contouring:{results:"Few weeks, builds",lasts:"Maintenance-based"},
  cellulite_treatments:{results:"Over the course",lasts:"Maintenance-based"},
  t_shape_body_smoothing:{results:"Over the course",lasts:"Maintenance-based"},
  lpg_endermologie:{results:"After a few sessions",lasts:"Maintenance-based"},
  body_hifu:{results:"8–12 weeks, builds",lasts:"12–18 months"},
  skin_consultation:{results:"Plan same day",lasts:"Not applicable"},
  exomind:{results:"Over the course",lasts:"Course-dependent"},
  lpg_vss:{results:"After a few sessions",lasts:"Maintenance-based"}
};
Object.keys(RESULTS_LONGEVITY).forEach(k=>{ if(TREATMENTS[k]) Object.assign(TREATMENTS[k], RESULTS_LONGEVITY[k]); });

/* Concern filters → which compare groups they reveal */
const FILTER_MAP = {
  face:['Face, skin & glow','Texture & resurfacing','Lifting & tightening'],
  body:['Body sculpting & fat reduction'],
  cellulite:['Cellulite & body smoothing'],
  injectables:['Injectables & skin boosters'],
  hair:['Laser hair removal'],
  wellness:['Wellness & consultation']
};

/* Server-hosted images live at /storage/... on efmedispa.com. Attempt to load each;
   if it can't be reached (e.g. design preview), hide it so there is no broken icon
   and the section's own background shows instead. Works direct or inside an iframe. */
(function(){
  root.querySelectorAll('img.srv-img').forEach(function(img){
    img.addEventListener('error',function(){ img.style.display='none'; },{once:true});
    if(!img.getAttribute('src') && img.getAttribute('data-src')){
      img.src = img.getAttribute('data-src');
    }
  });
})();

/* =====================================================================
   EF MEDISPA · TREATMENT NAVIGATOR - APP
   ===================================================================== */
const $  = (id)=>document.getElementById(id);
const el = (sel,ctx=document)=>ctx.querySelector(sel);

/* ---------- embed bridge (iframe-aware scroll + height) ----------
   When this page runs inside the CMS iframe, scrolling its OWN document
   does nothing useful (the frame is fixed height). So instead we tell the
   parent page how tall we are and where it should scroll to. When running
   standalone, we just scroll normally. */
const EF_EMBED = (function(){ try{ return window.parent && window.parent!==window; }catch(e){ return true; } })();
function efPostHeight(){
  if(!EF_EMBED) return;
  try{ window.parent.postMessage({ efNavHeight: Math.ceil(document.documentElement.getBoundingClientRect().height) }, '*'); }catch(e){}
}
function goTo(elOrSel){
  const node = typeof elOrSel==='string' ? document.querySelector(elOrSel) : elOrSel;
  if(!node) return;
  if(EF_EMBED){
    efPostHeight(); /* make sure the parent grows the frame before it scrolls */
    const y = node.getBoundingClientRect().top + (window.pageYOffset || document.documentElement.scrollTop || 0);
    try{ window.parent.postMessage({ efNavScrollTo: Math.max(0, Math.round(y)) }, '*'); }catch(e){}
    /* second nudge after layout settles (reveal animations, image loads) */
    setTimeout(()=>{ efPostHeight(); try{ const y2 = node.getBoundingClientRect().top + (window.pageYOffset||document.documentElement.scrollTop||0); window.parent.postMessage({ efNavScrollTo: Math.max(0, Math.round(y2)) }, '*'); }catch(e){} }, 260);
  } else {
    node.scrollIntoView({behavior:'smooth', block:'start'});
  }
}

/* ---------- helpers ---------- */
function priceText(key){
  const p = (PRICE_FROM[key]||"£-").trim();
  return p==="£-" ? '<span class="price-tba">£-</span>' : p;
}
function maxNum(str){
  const m = String(str).match(/\d+/g);
  return m ? Math.max(...m.map(Number)) : null;
}
/* commitment meter from session string: ≤2 → 1, 3–5 → 2, ≥6 → 3 */
function sessionLevel(str){
  const n = maxNum(str);
  if(n==null) return 2;
  if(n<=2) return 1;
  if(n<=5) return 2;
  return 3;
}
/* downtime meter from downtime string */
function downtimeLevel(str){
  const s = String(str).toLowerCase().trim();
  if(/peel|week/.test(s)) return 3;
  if(s==='none' || s==='none expected') return 0;
  if(/little|minimal|short/.test(s)) return 1;
  return 2;
}
function meterHTML(level,cls){
  let out = `<div class="meter ${cls||''}">`;
  for(let i=1;i<=3;i++) out += `<i class="${i<=level?'on':''}"></i>`;
  return out+`</div>`;
}

/* =====================================================================
   1) UI CHROME - reveal, topbar, smooth scroll
   ===================================================================== */
const RV = Array.from(document.querySelectorAll('.rv'));
const reveal = (n)=>n.classList.add('in');
const inView = (n)=>{ const r=n.getBoundingClientRect(); return r.top < (window.innerHeight||document.documentElement.clientHeight) - 40 && r.bottom > 0; };
if('IntersectionObserver' in window){
  const io = new IntersectionObserver((entries)=>{
    entries.forEach(e=>{ if(e.isIntersecting){ reveal(e.target); io.unobserve(e.target); } });
  },{threshold:.08,rootMargin:'0px 0px -6% 0px'});
  RV.forEach(n=> inView(n) ? reveal(n) : io.observe(n));
} else {
  RV.forEach(reveal);
}
// Safety net: nothing should ever remain invisible if the observer doesn't fire.
const revealVisible=()=>requestAnimationFrame(()=>RV.forEach(n=>{ if(inView(n)) reveal(n); }));
if(document.readyState==='complete') revealVisible();
else window.addEventListener('load',revealVisible,{once:true});
setTimeout(()=>RV.forEach(reveal), 1400);

root.addEventListener('click',(e)=>{
  const t = e.target.closest('[data-scroll]');
  if(!t) return;
  const target = document.querySelector(t.getAttribute('data-scroll'));
  if(target){ e.preventDefault(); goTo(target); }
});

/* =====================================================================
   2) GUIDED MATCH - conversational quiz
   ===================================================================== */
const TOTAL = 4;
const LABEL_TO_ROUTE = {};
Object.keys(ROUTE_META).forEach(k=>{ LABEL_TO_ROUTE[ROUTE_META[k].label]=k; });

let branchKey=null, current=0, answers=[];
function flow(){ return branchKey ? [START_QUESTION, ...BRANCHES[branchKey].questions] : [START_QUESTION]; }

const gStep=$('gStep'), gTrack=$('gTrack'), gSummary=$('gSummary'),
      gStage=$('gStage'), gBack=$('gBack'), gRestart=$('gRestart'),
      guideQ=$('guideQ'), matchResult=$('matchResult');

function renderQuestion(animate){
  const F=flow(), Q=F[current];
  gStep.innerHTML = `Step <b>${String(current+1).padStart(2,'0')}</b> / ${String(TOTAL).padStart(2,'0')}`;
  gTrack.querySelector('i').style.width = (current/(TOTAL-1)*100)+'%';
  renderSummary(current-1);

gStage.innerHTML=''; gStage.appendChild(wrap);
  gBack.hidden = current===0;
  gRestart.hidden = current===0;
}

advancing=true;
  setTimeout(()=>{
    const cur=el('.guide-q',gStage);
    if(current<TOTAL-1){
      if(cur) cur.classList.add('guide-anim-out');
      setTimeout(()=>{ current++; renderQuestion(true); advancing=false; }, 230);
    } else {
      advancing=false; showResult();
    }
  }, 300);
}

gBack.addEventListener('click',()=>{ if(current>0){ current--; renderQuestion(true); } });
gRestart.addEventListener('click',resetQuiz);
$('retakeBtn').addEventListener('click',()=>{ resetQuiz(); goTo('#match'); });

function resetQuiz(){
  branchKey=null; current=0; answers=[]; advancing=false;
  matchResult.classList.remove('show');
  guideQ.style.display='';
  renderQuestion(true);
}

/* ---------- scoring (branch-locked, with safety guards) ---------- */
function isInjectable(k){ return /Injectable/.test(TREATMENTS[k].style); }
function isMicroneedling(k){ return k==='dermaroller_exosomes' || /microneedling/i.test(TREATMENTS[k].style); }

function scoreBranch(){
  const B=BRANCHES[branchKey], treats={}, flags=new Set(), selTexts=[];
  for(let i=0;i<B.questions.length;i++){
    const ai=answers[i+1]; if(ai==null) continue;
    const opt=B.questions[i].a[ai];
    if(opt.x) for(const k in opt.x) treats[k]=(treats[k]||0)+opt.x[k];
    if(opt.noNeedles) flags.add('noNeedles');
    if(opt.noDowntime) flags.add('noDowntime');
    selTexts.push(opt.t);
  }
  const allowed=new Set(B.allowed);
  const noNeedles=flags.has('noNeedles'), noDowntime=flags.has('noDowntime');
  const has=t=>selTexts.indexOf(t)>-1;

let also=Object.keys(treats).filter(k=>treats[k]>0 && allowed.has(k) && permitted(k) && k!==primary)
    .sort((a,b)=>treats[b]-treats[a]||comm(b)-comm(a)||a.localeCompare(b)).slice(0,3);
  if(B.extraAlso) for(const k of B.extraAlso){
    if(also.length>=3) break;
    if(k!==primary && !also.includes(k) && TREATMENTS[k] && permitted(k) && !TREATMENTS[k].comparisonOnly) also.push(k);
  }
  return {primary, also, selTexts};
}

function showResult(){
  const {primary, also, selTexts}=scoreBranch();
  const routeKey=LABEL_TO_ROUTE[TREATMENTS[primary].route]||'consultation';
  const meta=ROUTE_META[routeKey], P=TREATMENTS[primary];

$('resTitle').textContent=meta.title;
  $('resPopular').style.display = POPULAR_ROUTE_KEYS.includes(primary) ? '' : 'none';
  $('resName').textContent=P.name;
  $('resCat').textContent=P.cat;
  $('resStats').innerHTML=[
    ['Typical course', P.sessions],
    ['Time in clinic', P.time],
    ['Downtime', P.downtime],
    ['When you may notice changes', P.results]
  ].map(s=>`<div class="pstat"><div class="k">${s[0]}</div><div class="v">${s[1]}</div></div>`).join('');

$('resAlso').innerHTML = also.map(k=>{
    const t=TREATMENTS[k];
    return `<a class="also-item" href="${t.url}"><div><div class="ai-n">${t.name}</div><div class="ai-m">${t.cat} · ${t.sessions}</div></div><span class="ai-go">View <span class="arr">→</span></span></a>`;
  }).join('') || `<a class="also-item" href="https://www.efmedispa.com/book-consultation"><div class="ai-n">A consultation can help shortlist your options</div><span class="ai-go">Book <span class="arr">→</span></span></a>`;

$('resRoute').textContent=meta.label;
  $('resWhy').innerHTML=buildReason(primary,selTexts).map(w=>`<li>${w}</li>`).join('');
  $('resView').href=P.url;
  $('resBookConsult').onclick=()=>openConsult('Guided match', P.name);

$('resCompare').onclick=()=>{
    const partner = also[0] || (primary==='hydrafacial'?'led':'hydrafacial');
    restoring=true;                 /* suppress the per-pick auto-scroll */
    setPick(selA, primary);         /* setPick updates the visible combo label, not just .value */
    setPick(selB, partner);
    restoring=false;
    runCompare();                   /* renders, reveals results, and scrolls to them */
  };

guideQ.style.display='none';
  gTrack.querySelector('i').style.width='100%';
  renderSummary(TOTAL-1);
  matchResult.classList.add('show');
  efPostHeight();
  goTo(matchResult);
}

renderQuestion(false);

/* =====================================================================
   3) COMPARE TOOL - searchable pickers · difference highlighting ·
      auto-compare · shareable + remembered state
   ===================================================================== */
const selA=$('selA'), selB=$('selB'), cmpOut=$('cmpOut'), cmpSurface=$('cmpSurface'), cmpTitle=$('cmpTitle');
let currentView='profiles', compareFilter='all', restoring=false;
const norm=(x)=>String(x).toLowerCase().replace(/\s+/g,' ').trim();

/* hidden native selects remain the source of truth for values */
COMPARE_GROUPS.forEach(group=>{
  const ga=document.createElement('optgroup'); ga.label=group.label;
  const gb=document.createElement('optgroup'); gb.label=group.label;
  group.items.forEach(id=>{ if(!TREATMENTS[id])return; ga.appendChild(new Option(TREATMENTS[id].name,id)); gb.appendChild(new Option(TREATMENTS[id].name,id)); });
  selA.appendChild(ga); selB.appendChild(gb);
});

/* ---- searchable combobox over each hidden <select> ---- */
function buildCombo(sel){
  sel.style.display='none';
  const wrap=sel.parentElement; wrap.classList.add('combo');
  const btn=document.createElement('button');
  btn.type='button'; btn.className='combo-btn'; btn.setAttribute('aria-haspopup','listbox'); btn.setAttribute('aria-expanded','false');
  btn.innerHTML='<span class="combo-val faint">Select a treatment…</span><span class="combo-caret" aria-hidden="true"></span>';
  const panel=document.createElement('div'); panel.className='combo-panel'; panel.hidden=true;
  panel.innerHTML='<div class="combo-search"><input type="text" placeholder="Search treatments…" aria-label="Search treatments" autocomplete="off"></div><div class="combo-list" role="listbox"></div>';
  wrap.appendChild(btn); wrap.appendChild(panel);
  const listEl=panel.querySelector('.combo-list'), input=panel.querySelector('input');

const METRICS=[
  {k:'best',   label:'Best for'},
  {k:'style',  label:'Treatment type'},
  {k:'sessions',label:'Typical course', big:true, guide:true},
  {k:'time',   label:'Time in clinic'},
  {k:'downtime',label:'Downtime'},
  {k:'results',label:'When you may notice changes', guide:true},
  {k:'areas',  label:'Areas commonly treated'},
  {k:'consultationFocus', label:'Consultation focus'}
];

let flashTimer;
function flash(msg){
  const n=$('cmpFlash'); n.textContent=msg; n.style.opacity='1';
  clearTimeout(flashTimer); flashTimer=setTimeout(()=>{ n.style.opacity='0'; },2600);
}

/* view toggle */
function setView(v,silent){
  currentView=v;
  document.querySelectorAll('[data-view]').forEach(btn=>btn.classList.toggle('on',btn.dataset.view===v));
  if(!silent && cmpOut.classList.contains('show')){ renderCompare(); syncURL(); }
}
document.querySelectorAll('[data-view]').forEach(btn=>btn.addEventListener('click',()=>setView(btn.dataset.view)));

/* concern filter - scopes both pickers */
document.querySelectorAll('[data-filter]').forEach(btn=>btn.addEventListener('click',()=>{
  compareFilter=btn.dataset.filter;
  document.querySelectorAll('[data-filter]').forEach(b=>b.classList.toggle('on',b===btn));
  [selA,selB].forEach(s=>{ if(s._combo && !s._combo.panel.hidden) s._combo.render(s._combo.input.value); });
}));

/* copy shareable link */
$('shareBtn').addEventListener('click',async()=>{
  syncURL();
  const t=$('shareBtn'), old=t.dataset.label||t.textContent; t.dataset.label=old;
  try{ await navigator.clipboard.writeText(location.href); t.textContent='Link copied ✓'; }
  catch(e){ t.textContent='Press ⌘/Ctrl + C'; }
  setTimeout(()=>{ t.textContent=t.dataset.label; },1800);
});

/* controls */
$('compareBtn').addEventListener('click',runCompare);
$('swapBtn').addEventListener('click',()=>{
  const a=selA.value, b=selB.value; if(!a&&!b) return;
  setPick(selA,b); setPick(selB,a);
});
document.querySelectorAll('[data-cmp]').forEach(btn=>{
  btn.addEventListener('click',()=>{
    setPick(selA,btn.dataset.a); setPick(selB,btn.dataset.b);
    goTo(cmpOut);
  });
});

/* share + remember */
function syncURL(){
  if(restoring) return;            /* only the user's own changes touch the URL */
  const a=selA.value,b=selB.value; if(!a||!b) return;
  const hash='compare='+a+','+b+','+currentView;
  history.replaceState(null,'',location.pathname+location.search+'#'+hash);
  try{ localStorage.setItem('efmn-compare',JSON.stringify({a,b,view:currentView})); }catch(e){}
}
function restoreCompare(){
  /* Only restore when arriving via a shared link (#compare=...). A normal visit
     starts clean: empty pickers, no comparison shown, and a clean URL. */
  const m=(location.hash||'').match(/compare=([^,]+),([^,]+)(?:,(\w+))?/);
  if(!m) return;
  restoring=true;
  const a=m[1], b=m[2], view=m[3];
  if(view==='profiles'||view==='ledger') setView(view,true);
  if(a&&TREATMENTS[a]) setPick(selA,a);
  if(b&&TREATMENTS[b]) setPick(selB,b);
  restoring=false;
}
restoreCompare();

/* =====================================================================
   4) CONSULTATION FORM - uses the EF MEDISPA CRM submission mechanism.
   The comparison / quiz hands its context in here and tags the source so
   you can see where the enquiry came from in your CRM.
   ===================================================================== */
const CONSULT_CFG = {
  endpoint:'https://www.efmedispa.com/ajax/sendForm',
  recaptchaKey:'6LcdMsccAAAAADvMXgsjko1FOLx6wJCSgSa7xJR3'
  /* Hidden CRM fields (form_gen_id / form_id / page_id / page_slug) live in the
     markup and are set to the exact same values as the live book-consultation
     form (form_id 2, page_id 5, page_slug "book-consultation"), so submissions
     travel the same CMS pipeline and are stored against that form. */
};
const cfForm=$('consultForm');

/* open + prefill the form with context from compare or quiz.
   The "what you compared" text is shown on-page for the visitor's reassurance
   only; it is NOT submitted, because the CMS book-consultation form (form_id 2)
   has no registered field for it. Core lead fields are what get stored. */
function openConsult(source, treatments){
  const ctx=$('consultContext');
  if(treatments){
    ctx.hidden=false;
    ctx.innerHTML = `<span class="cc-k">Your enquiry</span><span class="cc-v">${treatments}</span><span class="cc-src">via ${source}</span>`;
  } else { ctx.hidden=true; }
  goTo('#consult');
  cfForm.classList.remove('flash'); void cfForm.offsetWidth; cfForm.classList.add('flash');
}
document.querySelectorAll('[data-consult]').forEach(b=>{
  b.addEventListener('click',()=>openConsult(b.dataset.source||'Treatment Navigator', b.dataset.treatments||''));
});

/* validation (ported from the EF booking form) */
function vName(v){ return v.trim().length>=2 && /^[a-zA-ZÀ-ÿ\s\-'.]+$/.test(v.trim()); }
function vPhone(v){ const c=v.replace(/[\s\-().]/g,''); if(c.length<7||c.length>15) return 'Enter a valid phone number'; if(!/^\+?\d+$/.test(c)) return 'Digits, spaces, dashes or + only'; return ''; }
function vEmail(v){ v=v.trim(); if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return 'Enter a valid email address'; return ''; }
function cfSet(id,msg){ const f=$(id).closest('.cf-field'); if(msg){ f.classList.add('err'); f.querySelector('.cf-err').textContent=msg; } else { f.classList.remove('err'); f.querySelector('.cf-err').textContent=''; } }
function validateConsult(){
  let ok=true, first=null;
  const fn=$('cfFirst').value; if(!vName(fn)){ cfSet('cfFirst', fn.trim()?'Enter a valid name':'First name is required'); ok=false; first=first||'cfFirst'; } else cfSet('cfFirst','');
  const tel=$('cfTel').value; const te=!tel.trim()?'Telephone is required':vPhone(tel); cfSet('cfTel',te); if(te){ ok=false; first=first||'cfTel'; }
  const em=$('cfEmail').value; const ee=!em.trim()?'Email is required':vEmail(em); cfSet('cfEmail',ee); if(ee){ ok=false; first=first||'cfEmail'; }
  const consent=$('cfConsent'); consent.closest('.cf-consent').classList.toggle('err',!consent.checked); if(!consent.checked){ ok=false; first=first||'cfConsent'; }
  if(first) $(first).focus();
  return ok;
}
['cfFirst','cfTel','cfEmail'].forEach(id=>{
  $(id).addEventListener('blur',function(){
    const v=this.value; if(!v.trim()){ cfSet(id,''); return; }
    cfSet(id, id==='cfFirst'? (vName(v)?'':'Enter a valid name') : id==='cfTel'? vPhone(v) : vEmail(v));
  });
});
$('cfConsent').addEventListener('change',function(){ this.closest('.cf-consent').classList.toggle('err',!this.checked); });

cfForm.addEventListener('submit',function(e){
  e.preventDefault();
  $('cfFormErr').classList.remove('show');
  if(!validateConsult()) return;
  const btn=cfForm.querySelector('.cf-submit'); btn.disabled=true;
  $('cfLoading').hidden=false;
  const ok=()=>{ $('cfLoading').hidden=true; cfForm.querySelector('.cf-grid').style.display='none'; $('consultContext').hidden=true; $('cfSuccess').hidden=false; };
  const err=(m)=>{ $('cfLoading').hidden=true; btn.disabled=false; const fe=$('cfFormErr'); fe.textContent=m||'Something went wrong, please try again or call us.'; fe.classList.add('show'); };

/* If embedded in an iframe, report height to the parent so it can size the frame. */
(function(){
  if(window.parent===window) return;
  let frameRequest=0;
  let resizeObserver=null;
  let removalObserver=null;

if(document.readyState==='complete') requestPostH();
  else window.addEventListener('load',requestPostH,{once:true});
  window.addEventListener('resize',requestPostH);
  root.addEventListener('click',onRootClick);
  if(window.ResizeObserver){ resizeObserver=new ResizeObserver(requestPostH); resizeObserver.observe(root); }
  if(window.MutationObserver && document.documentElement){
    removalObserver=new MutationObserver(function(){ if(!root.isConnected) cleanup(); });
    removalObserver.observe(document.documentElement,{childList:true,subtree:true});
  }
  requestPostH();
  setTimeout(requestPostH,250);
  setTimeout(requestPostH,1000);
})();

root.dataset.tnvReady=EF_TNV_VERSION;
    delete root.dataset.tnvInitialising;
    root.dispatchEvent(new CustomEvent('ef:tnv-ready',{bubbles:true}));
    return true;
  }catch(error){
    delete root.dataset.tnvInitialising;
    console.error('EF Treatment Navigator failed to initialise:',error);
    return false;
  }
}

function bootTreatmentNavigator(){
  const roots=document.querySelectorAll('.tnv');
  let found=false;
  roots.forEach(function(root){ found=true; initTreatmentNavigator(root); });
  return found;
}

/* Public hook for the CMS/page-transition layer, should it wish to call it. */
window.EFTreatmentNavigatorBoot=bootTreatmentNavigator;
window.__EF_TNV_RUNTIME__={version:EF_TNV_VERSION,boot:bootTreatmentNavigator};

/* Initialise now, after DOM ready, and after common AJAX navigation events. */
if(document.readyState==='loading'){
  document.addEventListener('DOMContentLoaded',bootTreatmentNavigator,{once:true});
}else{
  bootTreatmentNavigator();
}
window.addEventListener('pageshow',bootTreatmentNavigator);
window.addEventListener('popstate',bootTreatmentNavigator);
document.addEventListener('turbo:load',bootTreatmentNavigator);
document.addEventListener('pjax:complete',bootTreatmentNavigator);
document.addEventListener('swup:contentReplaced',bootTreatmentNavigator);
document.addEventListener('barba:after',bootTreatmentNavigator);

/* Covers CMS routers that replace content without emitting a documented event. */
if(window.MutationObserver && document.documentElement){
  const routeObserver=new MutationObserver(function(mutations){
    for(const mutation of mutations){
      for(const node of mutation.addedNodes){
        if(node.nodeType!==1) continue;
        if((node.matches && node.matches('.tnv')) || (node.querySelector && node.querySelector('.tnv'))){
          bootTreatmentNavigator();
          return;
        }
      }
    }
  });
  routeObserver.observe(document.documentElement,{childList:true,subtree:true});
}

})();

Make an enquiry

Find the treatment that’s right for you