1import{r as e,t}from"./jsx-runtime-DGeXAQPT.js";import{a as n,at as r,c as i,n as a,o,r as s,t as c}from"./track-3ARTrxOT.js";import{h as l,m as u}from"./index-CQtvAxEr.js";import{S as d,_ as f,a as p,b as m,c as h,d as g,f as _,g as v,i as y,l as b,m as x,n as S,o as C,p as w,r as T,s as E,t as D,u as O,v as ee,x as k,y as A}from"./process-3.webp.asset-BK_nlR1u.js";var j=k(`chevron-down`,[[`path`,{d:`m6 9 6 6 6-6`,key:`qrunsl`}]]),te=k(`chevron-left`,[[`path`,{d:`m15 18-6-6 6-6`,key:`1wnfg3`}]]),ne=k(`chevron-right`,[[`path`,{d:`m9 18 6-6-6-6`,key:`mthhwq`}]]),M=k(`clock-3`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 6v6h4`,key:`135r8i`}]]),N=k(`lock`,[[`rect`,{width:`18`,height:`11`,x:`3`,y:`11`,rx:`2`,ry:`2`,key:`1w4ew1`}],[`path`,{d:`M7 11V7a5 5 0 0 1 10 0v4`,key:`fwvmzm`}]]),P=k(`package-check`,[[`path`,{d:`m16 16 2 2 4-4`,key:`gfu2re`}],[`path`,{d:`M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14`,key:`e7tb2h`}],[`path`,{d:`m7.5 4.27 9 5.15`,key:`1c824w`}],[`polyline`,{points:`3.29 7 12 12 20.71 7`,key:`ousv84`}],[`line`,{x1:`12`,x2:`12`,y1:`22`,y2:`12`,key:`a4e8g8`}]]),re=k(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]),F=e(r(),1),ie={version:1,asset_id:`14f75c82-70c4-4391-a1fe-c2da7afc5851`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/14f75c82-70c4-4391-a1fe-c2da7afc5851/hair-men.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/14f75c82-70c4-4391-a1fe-c2da7afc5851/hair-men.webp`,original_filename:`hair-men.webp`,size:141932,content_type:`image/webp`,created_at:`2026-08-25T08:19:51Z`},I=t(),L=[{key:`women`,src:l.url},{key:`men`,src:ie.url}];function ae(){let e=n[i()].hero.slides,[t,r]=(0,F.useState)(0);return(0,F.useEffect)(()=>{if(window.matchMedia(`(prefers-reduced-motion: reduce)`).matches)return;let e=window.setInterval(()=>{document.hidden||r(e=>(e+1)%L.length)},3500);return()=>window.clearInterval(e)},[]),(0,I.jsxs)(`div`,{className:`hl-stage`,children:[(0,I.jsx)(`div`,{className:`hl-stage-glow`,"aria-hidden":`true`}),(0,I.jsx)(`div`,{className:`hl-stage-frame`,children:L.map((n,r)=>(0,I.jsx)(`img`,{src:n.src,alt:e[n.key].alt,width:820,height:820,loading:r===0?`eager`:`lazy`,decoding:r===0?`sync`:`async`,fetchPriority:r===0?`high`:`low`,className:`hl-stage-img${r===t?` is-active`:``}`,"aria-hidden":r!==t||void 0},n.key))})]})}function oe({assessmentUrl:e,track:t=!1}){let r=i(),o=n[r].mobileBar,s=v(r);return(0,I.jsxs)(`div`,{className:`hl-mbar`,role:`region`,"aria-label":o.aria,children:[(0,I.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,...t?a(c,`Mobile bar - speak to a doctor`,e):{},className:`hl-mbar-cta`,children:o.cta}),(0,I.jsx)(`a`,{href:s,target:`_blank`,rel:`noopener noreferrer`,...t?a(c,`Mobile bar - whatsapp`,s):{},className:`hl-mbar-wa`,"aria-label":o.whatsapp,children:(0,I.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`24`,height:`24`,"aria-hidden":`true`,fill:`currentColor`,children:(0,I.jsx)(`path`,{d:`M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.28-1.38a9.9 9.9 0 0 0 4.76 1.21h.01c5.46 0 9.91-4.45 9.91-9.91S17.5 2 12.04 2Zm0 18.02h-.01a8.2 8.2 0 0 1-4.19-1.15l-.3-.18-3.13.82.84-3.05-.2-.31a8.19 8.19 0 0 1-1.26-4.38c0-4.54 3.7-8.23 8.25-8.23 2.2 0 4.27.86 5.83 2.42a8.18 8.18 0 0 1 2.41 5.82c0 4.54-3.7 8.24-8.24 8.24Zm4.52-6.17c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.13-.16.24-.64.8-.79.97-.14.16-.29.18-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.65-1.23-1.46-1.38-1.71-.14-.25-.01-.38.11-.5.11-.11.25-.29.37-.43.13-.15.17-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.4-.42-.56-.43h-.48c-.16 0-.43.06-.65.31-.22.25-.85.83-.85 2.02s.87 2.34.99 2.5c.12.17 1.71 2.62 4.15 3.67.58.25 1.03.4 1.39.51.58.19 1.11.16 1.53.1.47-.07 1.47-.6 1.68-1.18.21-.58.21-1.07.14-1.18-.06-.11-.22-.17-.47-.29Z`})})})]})}var R=[ee,M,N,P];function z({ariaHidden:e}){let t=n[i()].marquee.map((e,t)=>({Icon:R[t],label:e}));return(0,I.jsx)(`div`,{className:`hl-marquee-group`,"aria-hidden":e?!0:void 0,children:t.map(({Icon:e,label:t})=>(0,I.jsxs)(`span`,{className:`hl-marquee-item`,children:[(0,I.jsx)(e,{size:16,strokeWidth:1.5,style:{color:`var(--hl-gold)`}}),(0,I.jsx)(`span`,{className:`hl-marquee-label`,children:t}),(0,I.jsx)(`span`,{className:`hl-marquee-dot`,"aria-hidden":`true`,children:`·`})]},t))})}function B(){return(0,I.jsxs)(`section`,{className:`hl-marquee`,children:[(0,I.jsx)(`div`,{className:`hl-marquee-viewport`,children:(0,I.jsxs)(`div`,{className:`hl-marquee-track`,children:[(0,I.jsx)(z,{}),(0,I.jsx)(z,{ariaHidden:!0}),(0,I.jsx)(z,{ariaHidden:!0})]})}),(0,I.jsx)(`div`,{className:`hl-marquee-fade hl-marquee-fade-l`,"aria-hidden":`true`}),(0,I.jsx)(`div`,{className:`hl-marquee-fade hl-marquee-fade-r`,"aria-hidden":`true`})]})}function V({className:e}){let t=`hl-arc`;return(0,I.jsxs)(`svg`,{className:e,viewBox:`0 0 800 480`,fill:`none`,"aria-hidden":`true`,focusable:`false`,preserveAspectRatio:`xMidYMid slice`,children:[(0,I.jsxs)(`defs`,{children:[(0,I.jsxs)(`linearGradient`,{id:`${t}-grad`,x1:`0`,y1:`0`,x2:`1`,y2:`0.4`,children:[(0,I.jsx)(`stop`,{offset:`0%`,stopColor:`#C58A3F`,stopOpacity:`0`}),(0,I.jsx)(`stop`,{offset:`45%`,stopColor:`#E9C889`,stopOpacity:`0.9`}),(0,I.jsx)(`stop`,{offset:`100%`,stopColor:`#C58A3F`,stopOpacity:`0.95`})]}),(0,I.jsx)(`filter`,{id:`${t}-blur`,x:`-20%`,y:`-20%`,width:`140%`,height:`140%`,children:(0,I.jsx)(`feGaussianBlur`,{stdDeviation:`3`})})]}),(0,I.jsxs)(`g`,{opacity:`0.4`,filter:`url(#${t}-blur)`,stroke:`url(#${t}-grad)`,fill:`none`,children:[(0,I.jsx)(`ellipse`,{cx:`400`,cy:`250`,rx:`360`,ry:`150`,strokeWidth:`2`,transform:`rotate(-8 400 250)`}),(0,I.jsx)(`ellipse`,{cx:`400`,cy:`240`,rx:`300`,ry:`196`,strokeWidth:`1.5`,transform:`rotate(9 400 240)`}),(0,I.jsx)(`ellipse`,{cx:`410`,cy:`260`,rx:`240`,ry:`110`,strokeWidth:`1`,transform:`rotate(-16 410 260)`})]})]})}function H(e,t){if(typeof e==`function`)return e(t);
1e!=null&&(e.current=t)}function U(...e){return t=>{let n=!1,r=e.map(e=>{let r=H(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():H(e[t],null)}}}}function W(...e){return F.useCallback(U(...e),e)}var G=class extends F.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(b(t)&&e.isPresent&&!this.props.isPresent&&this.props.pop!==!1){let e=t.offsetParent,n=b(e)&&e.offsetWidth||0,r=b(e)&&e.offsetHeight||0,i=getComputedStyle(t),a=this.props.sizeRef.current;a.height=parseFloat(i.height),a.width=parseFloat(i.width),a.top=t.offsetTop,a.left=t.offsetLeft,a.right=n-a.width-a.left,a.bottom=r-a.height-a.top,a.direction=i.direction}return null}componentDidUpdate(){}render(){return this.props.children}};function K({children:e,isPresent:t,anchorX:n,anchorY:r,root:i,pop:a}){let o=(0,F.useId)(),s=(0,F.useRef)(null),c=(0,F.useRef)({width:0,height:0,top:0,left:0,right:0,bottom:0,direction:`ltr`}),{nonce:l}=(0,F.useContext)(h),u=W(s,a===!1?void 0:e.props?.ref??e?.ref);return(0,F.useInsertionEffect)(()=>{let{width:e,height:u,top:d,left:f,right:p,bottom:m,direction:h}=c.current;if(t||a===!1||!s.current||!e||!u)return;let g=h===`rtl`,_=n===`left`?g?`right: ${p}`:`left: ${f}`:g?`left: ${f}`:`right: ${p}`,v=r===`bottom`?`bottom: ${m}`:`top: ${d}`;s.current.dataset.motionPopId=o;let y=document.createElement(`style`);l&&(y.nonce=l);let b=i??document.head;return b.appendChild(y),y.sheet&&y.sheet.insertRule(` 2 [data-motion-pop-id="${o}"] { 3 position: absolute !important; 4 width: ${e}px !important; 5 height: ${u}px !important; 6 ${_}px !important; 7 ${v}px !important; 8 } 9 `),()=>{s.current?.removeAttribute(`data-motion-pop-id`),b.contains(y)&&b.removeChild(y)}},[t]),(0,I.jsx)(G,{isPresent:t,childRef:s,sizeRef:c,pop:a,children:a===!1?e:F.cloneElement(e,{ref:u})})}var q=({children:e,initial:t,isPresent:n,onExitComplete:r,custom:i,presenceAffectsLayout:a,mode:o,anchorX:s,anchorY:c,root:l})=>{let u=_(se),d=(0,F.useId)(),f=(0,F.useRef)(n),p=(0,F.useRef)(r);g(()=>{f.current=n,p.current=r});let m=!0,h=(0,F.useMemo)(()=>(m=!1,{id:d,initial:t,isPresent:n,custom:i,onExitComplete:e=>{u.set(e,!0);for(let e of u.values())if(!e)return;r&&r()},register:e=>(u.set(e,!1),()=>{u.delete(e),!f.current&&!u.size&&p.current?.()})}),[n,u,r]);return a&&m&&(h={...h}),(0,F.useMemo)(()=>{u.forEach((e,t)=>u.set(t,!1))},[n]),F.useEffect(()=>{!n&&!u.size&&r&&r()},[n]),e=(0,I.jsx)(K,{pop:o===`popLayout`,isPresent:n,anchorX:s,anchorY:c,root:l,children:e}),(0,I.jsx)(O.Provider,{value:h,children:e})};function se(){return new Map}var J=e=>e.key||``;function Y(e){let t=[];return F.Children.forEach(e,e=>{(0,F.isValidElement)(e)&&t.push(e)}),t}var X=({children:e,custom:t,initial:n=!0,onExitComplete:r,presenceAffectsLayout:i=!0,mode:a=`sync`,propagate:o=!1,anchorX:s=`left`,anchorY:c=`top`,root:l})=>{let[u,d]=E(o),f=(0,F.useMemo)(()=>Y(e),[e]),p=o&&!u?[]:f.map(J),m=(0,F.useRef)(!0),h=(0,F.useRef)(f),v=_(()=>new Map),y=(0,F.useRef)(new Set),[b,x]=(0,F.useState)(f),[S,C]=(0,F.useState)(f);g(()=>{o&&!u&&!S.length&&d?.()},[u,o,S.length,d]),g(()=>{m.current=!1,h.current=f;for(let e=0;e<S.length;e++){let t=J(S[e]);p.includes(t)?(v.delete(t),y.current.delete(t)):v.get(t)!==!0&&v.set(t,!1)}},[S,p.length,p.join(`-`)]);let T=[];if(f!==b){let e=[...f];for(let t=0;t<S.length;t++){let n=S[t],r=J(n);p.includes(r)||(e.splice(t,0,n),T.push(n))}return a===`wait`&&T.length&&(e=T),C(Y(e)),x(f),null}let{forceRender:D}=(0,F.useContext)(w);return(0,I.jsx)(I.Fragment,{children:S.map(e=>{let g=J(e),_=o&&!u?!1:f===S||p.includes(g);return(0,I.jsx)(q,{isPresent:_,initial:!m.current||n?void 0:!1,custom:t,presenceAffectsLayout:i,mode:a,root:l,onExitComplete:_?void 0:()=>{if(y.current.has(g))return;if(v.has(g))y.current.add(g),v.set(g,!0);else return;let e=!0;v.forEach(t=>{t||(e=!1)}),e&&(D?.(),C(h.current),o&&d?.(),r&&r())},anchorX:s,anchorY:c,children:e},g)})})};function ce(){let[e,t]=(0,F.useState)(0),r=C(),a=s(),o=n[i()].faq.items;return(0,I.jsx)(`div`,{className:`hl-prose mx-auto w-full`,children:o.map((n,i)=>{let o=e===i;return(0,I.jsxs)(`div`,{style:{borderTop:i===0?`1px solid var(--hl-line)`:void 0,borderBottom:`1px solid var(--hl-line)`}
9,children:[(0,I.jsx)(`h3`,{children:(0,I.jsxs)(`button`,{type:`button`,onClick:()=>t(o?null:i),...a.page(`FAQ - question ${i+1}`),"aria-expanded":o,className:`hl-faq-q flex w-full items-center justify-between gap-6 py-5 text-left`,children:[(0,I.jsx)(`span`,{className:`min-w-0`,children:n.q}),(0,I.jsx)(`span`,{"aria-hidden":`true`,className:`shrink-0`,style:{color:`var(--hl-gold)`},children:(0,I.jsxs)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 18 18`,fill:`none`,stroke:`currentColor`,strokeWidth:`1`,children:[(0,I.jsx)(`line`,{x1:`1`,y1:`9`,x2:`17`,y2:`9`}),!o&&(0,I.jsx)(`line`,{x1:`9`,y1:`1`,x2:`9`,y2:`17`})]})})]})}),(0,I.jsx)(X,{initial:!1,children:o&&(0,I.jsx)(p.div,{initial:!r&&{height:0,opacity:0},animate:{height:`auto`,opacity:1},...r?{}:{exit:{height:0,opacity:0}},transition:{duration:.3,ease:`easeOut`},style:{overflow:`hidden`},children:(0,I.jsx)(`p`,{className:`hl-faq-a pb-6 pr-10`,children:n.a})})})]},n.q)})})}var le=[{key:`receding`,i18nKey:`hairLoss.patterns.receding`,label:`Receding hairline`,clinical:`Androgenetic`,points:[`Hairline moves back at the temples`,`Runs in the family, builds slowly`],statShort:`of men in a Singapore study`,statFigure:`63%`,statLabel:`of men in a Singapore community study of Chinese, Malay and Indian men had some degree of pattern hair loss`,ref:1,tags:[`Genetics`,`Hormonal`,`Age`],image:{version:1,asset_id:`2fd146c3-3aaf-457b-a0c8-f9d5fc8b196f`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/2fd146c3-3aaf-457b-a0c8-f9d5fc8b196f/pattern-receding.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/2fd146c3-3aaf-457b-a0c8-f9d5fc8b196f/pattern-receding.webp`,original_filename:`pattern-receding.webp`,size:36164,content_type:`image/webp`,created_at:`2026-08-14T04:37:09Z`}.url,imageAlt:`Close up of a man's forehead showing a hairline receding at the temples.`},{key:`crown`,i18nKey:`hairLoss.patterns.crown`,label:`Crown thinning`,clinical:`Androgenetic`,points:[`Thinning at the crown or vertex`,`Often spotted in photos first`],statShort:`pattern in Asian men`,statFigure:`Most common`,statLabel:`the most frequent pattern of hair loss recorded in Chinese and Korean men`,ref:2,tags:[`Genetics`,`Hormonal`,`Age`],image:{version:1,asset_id:`3deb2113-b5ef-4c73-a2e4-d63e79e6e8af`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/3deb2113-b5ef-4c73-a2e4-d63e79e6e8af/pattern-crown.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/3deb2113-b5ef-4c73-a2e4-d63e79e6e8af/pattern-crown.webp`,original_filename:`pattern-crown.webp`,size:32428,content_type:`image/webp`,created_at:`2026-08-14T04:37:13Z`}.url,imageAlt:`Top down view of a man's head showing thinning hair at the crown.`},{key:`diffuse`,i18nKey:`hairLoss.patterns.diffuse`,label:`Wider parting`,clinical:`Female pattern`,points:[`Parting looks wider over time`,`Thinning spreads evenly, not at one point`],statShort:`of postmenopausal women`,statFigure:`52%`,statLabel:`of postmenopausal women aged 50 to 65 in a Thai study had female pattern hair loss`,ref:3,tags:[`Hormonal`,`Nutrition`,`Thyroid`],image:{version:1,asset_id:`70e3cd8c-7afb-4908-bde0-871e63e0a01d`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/70e3cd8c-7afb-4908-bde0-871e63e0a01d/pattern-diffuse.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/70e3cd8c-7afb-4908-bde0-871e63e0a01d/pattern-diffuse.webp`,original_filename:`pattern-diffuse.webp`,size:34758,content_type:`image/webp`,created_at:`2026-08-14T04:37:18Z`}.url,imageAlt:`Top down view of a woman's scalp showing a widened centre parting.`},{key:`patchy`,i18nKey:`hairLoss.patterns.patchy`,label:`Patchy loss`,clinical:`Alopecia areata`,points:[`Round or oval bald patches`,`Comes on suddenly, needs a doctor`],statShort:`lifetime chance`,statFigure:`1 in 50`,statLabel:`approximate lifetime chance of developing alopecia areata, similar across regions`,ref:4,tags:[`Autoimmune`,`Sudden onset`,`Genetic link`],image:{version:1,asset_id:`b68d879e-d0bb-40cc-b671-87476dba3539`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/b68d879e-d0bb-40cc-b671-87476dba3539/pattern-patchy.webp`,r2_key:`a/v1/d8225
956b-d51e-44ed-8cba-d9352936086e/b68d879e-d0bb-40cc-b671-87476dba3539/pattern-patchy.webp`,original_filename:`pattern-patchy.webp`,size:56068,content_type:`image/webp`,created_at:`2026-08-14T04:37:23Z`}.url,imageAlt:`Close up of a scalp with a round smooth patch of hair loss.`},{key:`shedding`,i18nKey:`hairLoss.patterns.shedding`,label:`Sudden shedding`,clinical:`Telogen effluvium`,points:[`More hair in the shower or on the pillow`,`Follows childbirth, illness or stress`],statShort:`after the trigger`,statFigure:`2 to 3 months`,statLabel:`typical delay between the trigger and the shedding becoming noticeable`,ref:5,tags:[`Post partum`,`Post illness`,`Low iron`],image:{version:1,asset_id:`ff019e62-aed2-4834-8c59-f261d91ff00f`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/ff019e62-aed2-4834-8c59-f261d91ff00f/pattern-shedding.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/ff019e62-aed2-4834-8c59-f261d91ff00f/pattern-shedding.webp`,original_filename:`pattern-shedding.webp`,size:19040,content_type:`image/webp`,created_at:`2026-08-14T04:37:28Z`}.url,imageAlt:`An open palm holding a cluster of shed hair strands.`},{key:`traction`,i18nKey:`hairLoss.patterns.traction`,label:`Hairline tension`,clinical:`Traction`,points:[`Thinning at the front or above the ears`,`From tight buns, ponytails or braids`],statShort:`women who tie hair tightly`,statFigure:`2 in 3`,statLabel:`of women in one review who tied their hair in a bun under a headscarf reported significant tension on the hairline`,ref:6,tags:[`Tight styling`,`Daily tension`,`Hairline`],image:{version:1,asset_id:`a6ba62d9-637b-4bad-ad92-c90e04bccff7`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/a6ba62d9-637b-4bad-ad92-c90e04bccff7/pattern-traction.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/a6ba62d9-637b-4bad-ad92-c90e04bccff7/pattern-traction.webp`,original_filename:`pattern-traction.webp`,size:32438,content_type:`image/webp`,created_at:`2026-08-14T04:37:33Z`}.url,imageAlt:`Side profile of a woman with hair tied back in a bun, showing thinning along the front hairline.`}],ue=[{i18nKey:`hairLoss.patterns.refs.1`,text:`Tang PH, Chia HP, Cheong LL, Koh D. A community study of male androgenetic alopecia in Bishan, Singapore. Singapore Med J. 2000;41(5):202-205.`},{i18nKey:`hairLoss.patterns.refs.2`,text:`Paik JH, Yoon JB, Sim WY, Kim BS, Kim NI. The prevalence and types of androgenetic alopecia in Korean men and women. Br J Dermatol. 2001;145(1):95-99. Xu F, Sheng YY, Mu ZL, et al. Prevalence and types of androgenetic alopecia in Shanghai, China: a community-based study. Br J Dermatol. 2009;160(3):629-632.`},{i18nKey:`hairLoss.patterns.refs.3`,text:`Chaikittisilpa S, Rattanasirisin N, Panchaprateep R, et al. Prevalence of female pattern hair loss in postmenopausal women: a cross-sectional study. Menopause.`},{i18nKey:`hairLoss.patterns.refs.4`,text:`Mirzoyev SA, Schrum AG, Davis MDP, Torgerson RR. Lifetime incidence risk of alopecia areata estimated at 2.1% by Rochester Epidemiology Project, 1990-2009. J Invest Dermatol. 2014;134(4):1141-1142.`},{i18nKey:`hairLoss.patterns.refs.5`,text:`Grover C, Khurana A. Telogen effluvium. Indian J Dermatol Venereol Leprol. 2013;79(5):591-603. Jamil AA, et al. The prevalence and risk factors of iron deficiency anemia among pregnant women in Malaysia: a systematic review. Front Nutr. 2022;9:847693.`},{i18nKey:`hairLoss.patterns.refs.6`,text:`[PENDING MEDICAL REVIEW] Review of alopecia in hijab-wearing women, J Invest Dermatol 2025 conference abstract.`}],de={receding:`Find your pattern - receding hairline`,crown:`Find your pattern - crown thinning`,diffuse:`Find your pattern - diffuse thinning`,patchy:`Find your pattern - patchy loss`,shedding:`Find your pattern - sudden shedding`,traction:`Find your pattern - traction loss`};function fe({assessmentUrl:e}){let t=C(),r=s(),a=n[i()].pattern,o=le.map(e=>{let t=a.items[e.key];return{...e,...t}}),c=(0,F.useRef)(null),l=(0,F.useRef)(0),[u,d]=(0,F.useState)([]),[f,h]=(0,F.useState)(0),[g,_]=(0,F.useState)(!0),[v,y]=(0,F.useState)(!1),[b,x]=(0,F.useState)(!1),S=(0,F.useCallback)(e=>{d(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[]),w=(0,F.useCallback)(()=>
9{let e=c.current;if(!e)return;let t=Array.from(e.querySelectorAll(`[data-card]`)),n=e.scrollLeft,r=0,i=1/0;t.forEach((t,a)=>{let o=Math.abs(t.offsetLeft-e.offsetLeft-n);o<i&&(i=o,r=a)}),h(r),_(n<=4),y(n+e.clientWidth>=e.scrollWidth-4)},[]);(0,F.useEffect)(()=>{w()},[w]);let T=(0,F.useCallback)(()=>{l.current||=requestAnimationFrame(()=>{l.current=0,w()})},[w]);(0,F.useEffect)(()=>()=>{l.current&&cancelAnimationFrame(l.current)},[]);let E=e=>{let n=c.current;if(!n)return;let r=Array.from(n.querySelectorAll(`[data-card]`)),i=r[Math.max(0,Math.min(r.length-1,e))];i&&n.scrollTo({left:i.offsetLeft-n.offsetLeft,behavior:t?`auto`:`smooth`})},D=o.filter(e=>u.includes(e.key)),O=e;return(0,I.jsx)(`section`,{"aria-label":a.aria,className:`hl-section hl-pf`,children:(0,I.jsxs)(`div`,{className:`hl-container`,children:[(0,I.jsxs)(`div`,{className:`hl-pf-head`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(`p`,{className:`hl-eyebrow`,children:a.eyebrow}),(0,I.jsx)(`h2`,{className:`hl-display hl-pf-h2`,children:a.h2}),(0,I.jsx)(`p`,{className:`hl-pf-sub`,children:a.sub}),u.length===0&&(0,I.jsx)(`p`,{className:`hl-pf-taphint`,children:a.tapHint})]}),(0,I.jsxs)(`div`,{className:`hl-pf-arrows`,children:[(0,I.jsx)(`button`,{type:`button`,"aria-label":a.prev,className:`hl-pf-arrow`,disabled:g,...r.page(`Find your pattern - previous`),onClick:()=>E(f-1),children:(0,I.jsx)(te,{size:18})}),(0,I.jsx)(`button`,{type:`button`,"aria-label":a.next,className:`hl-pf-arrow`,disabled:v,...r.page(`Find your pattern - next`),onClick:()=>E(f+1),children:(0,I.jsx)(ne,{size:18})})]})]}),(0,I.jsx)(`div`,{className:`hl-pf-track`,ref:c,onScroll:T,role:`group`,"aria-label":a.trackAria,tabIndex:0,children:o.map((e,n)=>{let i=u.includes(e.key);return(0,I.jsxs)(p.div,{"data-card":!0,role:`button`,tabIndex:0,"aria-pressed":i,"aria-label":`${e.label}. ${e.clinical}`,...r.page(de[e.key]??`Find your pattern - select`),onClick:()=>S(e.key),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),S(e.key))},className:`hl-pf-card${i?` is-selected`:``}`,transition:{duration:.2,ease:`easeOut`},children:[(0,I.jsxs)(`div`,{className:`hl-pf-visual`,children:[(0,I.jsx)(`img`,{src:e.image,alt:e.imageAlt,width:800,height:600,loading:n<2?`eager`:`lazy`,decoding:`async`,className:`hl-pf-photo`}),(0,I.jsx)(`span`,{className:`hl-pf-tick${i?` is-on`:``}`,"aria-hidden":`true`,children:(0,I.jsx)(X,{initial:!1,children:i&&(0,I.jsx)(p.span,{className:`hl-pf-tick-mark`,initial:!t&&{scale:.5,opacity:0},animate:{scale:1,opacity:1},exit:t?{opacity:0}:{scale:.5,opacity:0},transition:{type:`spring`,stiffness:420,damping:22},children:(0,I.jsx)(m,{size:15,strokeWidth:3})},`tick`)})})]}),(0,I.jsxs)(`div`,{className:`hl-pf-body`,children:[(0,I.jsx)(`h3`,{className:`hl-display hl-pf-label`,children:e.label}),(0,I.jsx)(`p`,{className:`hl-pf-clinical`,children:e.clinical}),(0,I.jsx)(`ul`,{className:`hl-pf-points`,children:e.points.map(e=>(0,I.jsx)(`li`,{children:e},e))}),(0,I.jsxs)(`p`,{className:`hl-pf-insight`,children:[(0,I.jsxs)(`span`,{className:`hl-pf-insight-figure`,children:[e.statFigure,(0,I.jsx)(`sup`,{className:`hl-pf-insight-ref`,children:e.ref})]}),(0,I.jsx)(`span`,{className:`hl-pf-insight-label`,children:e.statShort})]})]})]},e.key)})}),(0,I.jsx)(`div`,{className:`hl-pf-dots`,role:`group`,"aria-label":a.trackAria,children:o.map((e,t)=>(0,I.jsx)(`button`,{type:`button`,className:`hl-pf-dotbtn`,"aria-label":e.label,"aria-current":t===f?`true`:void 0,...r.page(`Find your pattern - go to card`),onClick:()=>E(t),children:(0,I.jsx)(`span`,{"aria-hidden":`true`,className:`hl-pf-dash${t===f?` is-active`:``}`})},e.key))}),(0,I.jsxs)(`div`,{className:`hl-pf-row`,children:[(0,I.jsxs)(`div`,{className:`hl-pf-row-text`,children:[u.length===0?(0,I.jsx)(`p`,{className:`hl-pf-row-lead`,children:a.lead}):(0,I.jsx)(`div`,{className:`hl-pf-chips`,children:D.map(e=>(0,I.jsxs)(`button`,{type:`button`,className:`hl-pf-chip`,"aria-label":`${a.remove} ${e.label}`,...r.page(`Find your pattern - remove selection`),onClick:()=>S(e.key),children:[e.label,(0,I.jsx)(re,{size:13})]},e.key))}),(0,I.jsx)(`p`,{className:`hl-pf-row-note`,children:a.note})]}),(0,I.jsx)(`a`,{href:O,target:`_blank`,rel:`noopener noreferrer`,...r.dest(`Find your pattern - speak to a doctor`,O),className:`hl-btn-primary hl-pf-cta`,children:u.length===0?a.cta0:u.length===1?a.cta1:a.ctaN})]}),(0,I.jsxs)(`div`,{className:`hl-pf-sources`,children:[(0,I.jsxs)(`button`,{type:`button`,className:`hl-pf-sources-toggle`,"aria-expanded":b,...r.page(`Find your pattern - sources and figures`),onClick:()=>x(e=>!e),children:[a.sources,(0,I.jsx)(j,{size:13,className:b?`is-open`:void 0})]}),(0,I.jsx)(X,{initial:!1,children:b&&(0,I.jsxs)(p.div,{className:`hl-pf-sources-body`,initial:!t&&{height:0,opacity:0}
9,animate:{height:`auto`,opacity:1},exit:t?{opacity:0}:{height:0,opacity:0},transition:{duration:.28,ease:`easeOut`},style:{overflow:`hidden`},children:[(0,I.jsx)(`ul`,{className:`hl-pf-statlist`,children:o.map(e=>(0,I.jsxs)(`li`,{children:[(0,I.jsxs)(`span`,{className:`hl-pf-stat-figure`,children:[e.statFigure,(0,I.jsx)(`sup`,{className:`hl-pf-stat-ref`,children:e.ref})]}),(0,I.jsx)(`span`,{className:`hl-pf-stat-label`,children:e.statLabel})]},e.key))}),(0,I.jsx)(`ol`,{className:`hl-pf-reflist`,children:ue.map(e=>(0,I.jsx)(`li`,{children:e.text},e.i18nKey))}),(0,I.jsx)(`p`,{className:`hl-pf-refs`,children:a.sourcesNote})]},`sources`)})]})]})})}var pe=[{version:1,asset_id:`e07692d6-f4b1-47da-b779-638736635bab`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/e07692d6-f4b1-47da-b779-638736635bab/product-topical.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/e07692d6-f4b1-47da-b779-638736635bab/product-topical.webp`,original_filename:`product-topical.webp`,size:9338,content_type:`image/webp`,created_at:`2026-08-14T04:58:14Z`}.url,{version:1,asset_id:`848d1edf-ddb3-42f0-a291-c3f12f321dfd`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/848d1edf-ddb3-42f0-a291-c3f12f321dfd/product-supplements.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/848d1edf-ddb3-42f0-a291-c3f12f321dfd/product-supplements.webp`,original_filename:`product-supplements.webp`,size:24622,content_type:`image/webp`,created_at:`2026-08-14T04:58:19Z`}.url,{version:1,asset_id:`0aa46410-8dfd-4ca2-b5da-f250e4a2cf98`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/0aa46410-8dfd-4ca2-b5da-f250e4a2cf98/product-tablet.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/0aa46410-8dfd-4ca2-b5da-f250e4a2cf98/product-tablet.webp`,original_filename:`product-tablet.webp`,size:28480,content_type:`image/webp`,created_at:`2026-08-14T04:58:25Z`}.url],me=[`01`,`02`,`03`],he=[`Your programme - topical treatment`,`Your programme - supplements`,`Your programme - prescription tablets`];function Z({assessmentUrl:e}){let t=s(),r=n[i()].programme,a=r.tabs.map((e,t)=>({...e,n:me[t],img:pe[t]})),[o,c]=(0,F.useState)(0),l=(0,F.useRef)(null),u=a[o],d=e=>{c(e);let t=l.current?.querySelectorAll(`[role='tab']`)[e];t?.focus(),t?.scrollIntoView({behavior:`smooth`,block:`nearest`,inline:`center`})};return(0,I.jsx)(`section`,{id:`programme`,className:`hl-section hl-on-dark hl-ps`,children:(0,I.jsxs)(`div`,{className:`hl-container`,children:[(0,I.jsxs)(`div`,{className:`hl-ps-head`,children:[(0,I.jsx)(y,{children:(0,I.jsx)(`p`,{className:`hl-eyebrow`,children:r.eyebrow})}),(0,I.jsx)(y,{delay:.08,children:(0,I.jsx)(`h2`,{className:`hl-display hl-ps-h2`,children:r.h2})}),(0,I.jsx)(y,{delay:.16,children:(0,I.jsx)(`p`,{className:`hl-ps-sub`,children:r.sub})})]}),(0,I.jsxs)(`div`,{className:`hl-ps-grid`,children:[(0,I.jsxs)(`div`,{className:`hl-ps-left`,children:[(0,I.jsx)(`div`,{className:`hl-ps-rail`,role:`tablist`,"aria-label":r.tablist,ref:l,onKeyDown:e=>{e.key===`ArrowRight`?(e.preventDefault(),d((o+1)%a.length)):e.key===`ArrowLeft`&&(e.preventDefault(),d((o-1+a.length)%a.length))},children:a.map((e,n)=>(0,I.jsxs)(`button`,{role:`tab`,type:`button`,id:`hl-ps-tab-${n}`,"aria-selected":o===n,"aria-controls":`hl-ps-panel-${n}`,tabIndex:o===n?0:-1,...t.page(he[n]??`Your programme - view treatment`),onClick:()=>c(n),className:`hl-ps-tab${o===n?` is-active`:``}`,children:[(0,I.jsx)(`span`,{className:`hl-ps-tab-n`,children:e.n}),(0,I.jsx)(`span`,{className:`hl-ps-tab-name`,children:e.tab}),o===n&&(0,I.jsx)(p.span,{layoutId:`hl-ps-underline`,className:`hl-ps-underline`,transition:{duration:.26,ease:`easeOut`}})]},e.n))}),(0,I.jsx)(`div`,{className:`hl-ps-panel`,role:`tabpanel`,id:`hl-ps-panel-${o}`,"aria-labelledby":`hl-ps-tab-${o}`,children:(0,I.jsx)(X,{mode:`wait`,initial:!1,children:(0,I.jsxs)(p.div,{className:`hl-ps-panel-inner`,initial:{opacity:0,x:10},animate:{opacity:1,x:0},exit:{opacity:0,x:-10},transition:{duration:.28,ease:`easeOut`},children:[(0,I.jsxs)(`div`,{className:`hl-ps-visual`,children:[(0,I.jsx)(`span`,{"aria-hidden":`true`,className:`hl-ps-glow`}),(0,I.jsx)(`span`,{"aria-hidden":`true`,className:`hl-ps-contact`}),(0,I.jsx)(p.img,{src:u.img,alt:u.alt,loading:`lazy`,decoding:`async`,className:`hl-ps-product`,initial:{opacity:0,scale:.97}
9,animate:{opacity:1,scale:1},transition:{duration:.28,ease:`easeOut`}})]}),(0,I.jsxs)(`div`,{className:`hl-ps-content`,children:[(0,I.jsx)(`h3`,{className:`hl-display hl-ps-h3`,children:u.heading}),(0,I.jsx)(`p`,{className:`hl-ps-body`,children:u.body}),(0,I.jsx)(`dl`,{className:`hl-ps-rows`,children:u.rows.map(e=>(0,I.jsxs)(`div`,{className:`hl-ps-row`,children:[(0,I.jsx)(`dt`,{className:`hl-ps-row-k`,children:(e[0]??``).toUpperCase()}),(0,I.jsx)(`dd`,{className:`hl-ps-row-v`,children:e[1]})]},e[0]))})]})]},u.n)})})]}),(0,I.jsx)(`div`,{className:`hl-ps-right`,children:(0,I.jsxs)(`div`,{className:`hl-ps-card`,children:[(0,I.jsx)(`h3`,{className:`hl-display hl-ps-card-h`,children:r.cardHeading}),(0,I.jsx)(`ul`,{className:`hl-ps-list`,children:r.includes.map(e=>(0,I.jsxs)(`li`,{children:[(0,I.jsx)(m,{size:18,strokeWidth:1.5,style:{color:`var(--hl-gold)`}}),(0,I.jsx)(`span`,{children:e})]},e))}),(0,I.jsx)(`div`,{className:`hl-ps-card-div`}),(0,I.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,...t.dest(`Your programme - speak to a doctor`,e),className:`hl-ps-cta`,children:r.cta}),(0,I.jsx)(`p`,{className:`hl-ps-note`,children:r.note})]})})]}),(0,I.jsx)(`p`,{className:`hl-ps-foot`,children:r.foot})]})})}var ge=[T.url,S.url,D.url];function _e({assessmentUrl:e}){let t=s(),r=n[i()].process,a=r.steps.map((e,t)=>({...e,image:ge[t]})),o=(0,F.useRef)(null),[c,l]=(0,F.useState)(0);(0,F.useEffect)(()=>{let e=o.current;if(!e)return;let t=0,n=()=>{t||=requestAnimationFrame(()=>{t=0;let n=Array.from(e.children);if(!n.length)return;let r=e.scrollLeft+e.clientWidth/2,i=0,a=1/0;n.forEach((e,t)=>{let n=Math.abs(e.offsetLeft+e.offsetWidth/2-r);n<a&&(a=n,i=t)}),l(i)})};return e.addEventListener(`scroll`,n,{passive:!0}),()=>{e.removeEventListener(`scroll`,n),t&&cancelAnimationFrame(t)}},[]);let u=(0,F.useCallback)(e=>{let t=o.current;if(!t)return;let n=t.children[e];if(!n)return;let r=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;t.scrollTo({left:n.offsetLeft-t.offsetLeft,behavior:r?`auto`:`smooth`})},[]);return(0,I.jsx)(`section`,{id:`process`,className:`hl-section hl-pr`,children:(0,I.jsxs)(`div`,{className:`hl-container`,children:[(0,I.jsxs)(`div`,{className:`hl-pr-head`,children:[(0,I.jsx)(y,{children:(0,I.jsx)(`p`,{className:`hl-eyebrow`,children:r.eyebrow})}),(0,I.jsx)(y,{delay:.06,children:(0,I.jsx)(`h2`,{className:`hl-display hl-pr-h2`,children:r.h2})}),(0,I.jsx)(y,{delay:.12,children:(0,I.jsx)(`p`,{className:`hl-pr-sub`,children:r.sub})})]}),(0,I.jsx)(`div`,{className:`hl-pr-rail`,children:(0,I.jsxs)(`div`,{className:`hl-pr-rail-steps`,children:[a.map((e,n)=>(0,I.jsxs)(`button`,{type:`button`,onClick:()=>u(n),...t.page(`How it works - step ${n+1}`),"aria-label":`${r.goTo} ${n+1}: ${e.short}`,"aria-current":n===c?`true`:void 0,className:`hl-pr-rail-step${n===c?` is-active`:``}${n<c?` is-done`:``}`,children:[(0,I.jsx)(`span`,{className:`hl-pr-rail-dot`,"aria-hidden":`true`,children:n+1}),(0,I.jsx)(`span`,{className:`hl-pr-rail-label`,children:e.short})]},e.title)),(0,I.jsx)(`div`,{className:`hl-pr-rail-line`,"aria-hidden":`true`,children:(0,I.jsx)(`div`,{className:`hl-pr-rail-line-fill`,style:{width:`${c/(a.length-1)*100}%`}})})]})}),(0,I.jsxs)(`p`,{className:`hl-pr-rail-count`,"aria-live":`polite`,children:[r.stepWord,` `,c+1,` `,r.ofWord,` `,a.length]}),(0,I.jsx)(`div`,{className:`hl-pr-grid`,ref:o,role:`group`,"aria-label":r.trackAria,tabIndex:0,children:a.map((e,t)=>(0,I.jsx)(y,{delay:t*.08,className:`hl-pr-cardwrap`,children:(0,I.jsxs)(`article`,{className:`hl-pr-card`,children:[(0,I.jsx)(`img`,{src:e.image,alt:e.alt,width:900,height:675,loading:t===0?`eager`:`lazy`,decoding:`async`,className:`hl-pr-photo hl-pr-photo-img`}),(0,I.jsxs)(`span`,{className:`hl-pr-pill`,children:[(0,I.jsx)(A,{size:15,strokeWidth:1.5}),e.pill]}),(0,I.jsx)(`h3`,{className:`hl-pr-title`,children:e.title}),(0,I.jsx)(`ul`,{className:`hl-pr-bullets`,children:e.bullets.map(e=>(0,I.jsxs)(`li`,{className:`hl-pr-bullet`,children:[(0,I.jsx)(`span`,{className:`hl-pr-tick`,children:(0,I.jsx)(m,{size:12,strokeWidth:3})}),(0,I.jsx)(`span`,{children:e})]},e))}),e.qualifier?(0,I.jsx)(`p`,{className:`hl-pr-qualifier`,children:e.qualifier}):null]})},e.title))}),(0,I.jsx)(y,{delay:.12,children:(0,I.jsxs)(`div`,{className:`hl-pr-band`,children:[(0,I.jsx)(`div`,{"aria-hidden":`true`,className:`hl-pr-band-motif`}),(0,I.jsxs)(`div`,{className:`hl-pr-band-text`,children:[(0,I.jsxs)(`span`,{className:`hl-pr-pill hl-pr-band-pill`,children:[(0,I.jsx)(A,{size:15,strokeWidth:1.5}),r.band.pill]}),(0,I.jsx)(`h3`,{className:`hl-pr-title hl-pr-band-title`,children:r.band.title}),(0,I.jsx)(`p`,{className:`hl-pr-band-body`,children:r.band.body}),(0,I.jsxs)(`a`,{href:`#timeline`,onClick:e=>{e.preventDefault();let t=document.getElementById(`timeline`);if(!t)return;let n=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;t.scrollIntoView({behavior:n?`auto`:`smooth`,block:`start`})},...t.page(`How it works - see the first months`),className:`hl-pr-band-link`,children:[r.band.link,(0,I.jsx)(j,{size:16,strokeWidth:2})]})]}),(0,I.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,...t.dest(`How it works - speak to a doctor`,e),className:`hl-btn-secondary hl-pr-band-cta`,children:r.band.cta})]})})]})})}function ve(){let e=C(),t=n[i()].timeline,r=t.phases;return(0,I.jsx)(`section`,{id:`timeline`,className:`hl-tl`,children:(0,I.jsxs)(`div`,{className:`hl-container`,children:[(0,I.jsxs)(`div`,{className:`hl-tl-head`,children:[(0,I.jsx)(y,{children:(0,I.jsx)(`p`,{className:`hl-eyebrow`,children:t.eyebrow})}),(0,I.jsx)(y,{delay:.06,children:(0,I.jsx)(`h2`,{className:`hl-display hl-tl-h2`,children:t.h2})}),(0,I.jsx)(y,{delay:.12,children:(0,I.jsx)(`p`,{className:`hl-tl-sub`,children:t.sub})})]}),(0,I.jsxs)(`div`,{className:`hl-tl-wrap`,children:[(0,I.jsx)(p.div,{"aria-hidden":`true`,className:`hl-tl-track`,initial:!e&&{scaleX:0,scaleY:0},...e?{}:{whileInView:{scaleX:1,scaleY:1}},viewport:{once:!0,margin:`-60px`},transition:{duration:.8,ease:`easeOut`}}),(0,I.jsx)(`div`,{className:`hl-tl-grid`,children:r.map((t,n)=>(0,I.jsxs)(`div`,{className:`hl-tl-col`,children:[(0,I.jsx)(p.span,{"aria-hidden":`true`,className:`hl-tl-marker`,initial:!e&&{scale:0},...e?{}:{whileInView:{scale:1}},viewport:{once:!0,margin:`-60px`},transition:{type:`spring`,stiffness:320,damping:18,delay:.4+n*.1}}),(0,I.jsx)(y,{delay:n*.1,children:(0,I.jsxs)(`article`,{className:`hl-tl-card`,children:[(0,I.jsx)(`p`,{className:`hl-tl-label`,children:t.label}),(0,I.jsx)(`h3`,{className:`hl-tl-title`,children:t.title}),(0,I.jsx)(`p`,{className:`hl-tl-body`,children:t.body})]})})]},t.label))}),(0,I.jsx)(p.span,{"aria-hidden":`true`,className:`hl-tl-end`,initial:!e&&{scale:0},...e?{}:{whileInView:{scale:1}},viewport:{once:!0,margin:`-60px`},transition:{type:`spring`,stiffness:320,damping:18,delay:.75}})]}),(0,I.jsx)(y,{children:(0,I.jsx)(`p`,{className:`hl-tl-close`,children:t.close})})]})})}var Q=[{key:`rowena`,name:`Dr Rowena Lau`,photo:{version:1,asset_id:`989658fb-e852-4af8-84c7-999e2f6ef94c`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/989658fb-e852-4af8-84c7-999e2f6ef94c/doctor-rowena.webp`,r2_key:`a/v1/d8225
956b-d51e-44ed-8cba-d9352936086e/989658fb-e852-4af8-84c7-999e2f6ef94c/doctor-rowena.webp`,original_filename:`doctor-rowena.webp`,size:30932,content_type:`image/webp`,created_at:`2026-08-16T02:51:06Z`}.url,degree:`MBBS`},{key:`hashini`,name:`Dr Hashini`,photo:{version:1,asset_id:`34981b00-5ebe-4867-bf90-8582f591a2aa`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/34981b00-5ebe-4867-bf90-8582f591a2aa/doctor-hashini.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/34981b00-5ebe-4867-bf90-8582f591a2aa/doctor-hashini.webp`,original_filename:`doctor-hashini.webp`,size:26364,content_type:`image/webp`,created_at:`2026-08-16T02:51:10Z`}.url,degree:`MD`},{key:`kuhaneisan`,name:`Dr Kuhaneisan`,photo:{version:1,asset_id:`f17a66bb-c35d-498b-869f-caf6ff9d0378`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/f17a66bb-c35d-498b-869f-caf6ff9d0378/doctor-kuhaneisan.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/f17a66bb-c35d-498b-869f-caf6ff9d0378/doctor-kuhaneisan.webp`,original_filename:`doctor-kuhaneisan.webp`,size:22750,content_type:`image/webp`,created_at:`2026-08-16T02:51:15Z`}.url,degree:`MD`},{key:`amirul`,name:`Dr Amirul Farhan`,photo:{version:1,asset_id:`709b697f-3a7c-42ce-bf18-0527ae27742c`,project_id:`d822556b-d51e-44ed-8cba-d9352936086e`,url:`/__l5e/assets-v1/709b697f-3a7c-42ce-bf18-0527ae27742c/doctor-amirul.webp`,r2_key:`a/v1/d822556b-d51e-44ed-8cba-d9352936086e/709b697f-3a7c-42ce-bf18-0527ae27742c/doctor-amirul.webp`,original_filename:`doctor-amirul.webp`,size:25778,content_type:`image/webp`,created_at:`2026-08-16T02:51:19Z`}.url,degree:`MD`}];function ye({assessmentUrl:e=`https://hellodoktor.com/care/doctor/hello-doktor-hair-loss-14020/`}){let t=(0,F.useRef)(null),[r,a]=(0,F.useState)(0),o=s(),c=n[i()].careTeam;(0,F.useEffect)(()=>{let e=t.current;if(!e)return;let n=0,r=()=>{n||=requestAnimationFrame(()=>{n=0;let t=Array.from(e.children);if(!t.length)return;let r=e.scrollLeft+e.clientWidth/2,i=0,o=1/0;t.forEach((e,t)=>{let n=Math.abs(e.offsetLeft+e.offsetWidth/2-r);n<o&&(o=n,i=t)}),a(i)})};return e.addEventListener(`scroll`,r,{passive:!0}),()=>{e.removeEventListener(`scroll`,r),n&&cancelAnimationFrame(n)}},[]);let l=(0,F.useCallback)(e=>{let n=t.current;if(!n)return;let r=n.children[e];if(!r)return;let i=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;n.scrollTo({left:r.offsetLeft-n.offsetLeft,behavior:i?`auto`:`smooth`})},[]);return(0,I.jsx)(`section`,{id:`doctors`,className:`hl-ct`,children:(0,I.jsxs)(`div`,{className:`hl-container`,children:[(0,I.jsx)(`div`,{className:`hl-ct-head`,children:(0,I.jsxs)(`div`,{className:`hl-ct-head-left`,children:[(0,I.jsx)(y,{children:(0,I.jsx)(`p`,{className:`hl-eyebrow`,children:c.eyebrow})}),(0,I.jsx)(y,{delay:.06,children:(0,I.jsx)(`h2`,{className:`hl-display hl-ct-h2`,children:c.h2})}),(0,I.jsx)(y,{delay:.12,children:(0,I.jsx)(`p`,{className:`hl-ct-sub`,children:c.sub})})]})}),(0,I.jsx)(`div`,{className:`hl-ct-grid`,ref:t,tabIndex:0,role:`group`,"aria-label":c.trackAria,children:Q.map((e,t)=>(0,I.jsx)(y,{delay:t*.06,className:`hl-ct-cardwrap`,children:(0,I.jsxs)(`article`,{className:`hl-ct-card`,children:[(0,I.jsx)(`div`,{className:`hl-ct-photo`,children:(0,I.jsx)(`img`,{src:e.photo,alt:`${c.portraitOf} ${e.name}`,loading:`lazy`,decoding:`async`})}),(0,I.jsx)(`p`,{className:`hl-ct-name`,children:e.name}),(0,I.jsx)(`p`,{className:`hl-ct-qual`,children:`${e.degree} · ${c.support}`}),(0,I.jsx)(`ul`,{className:`hl-ct-points`,children:c.doctors[e.key].map(e=>(0,I.jsxs)(`li`,{children:[(0,I.jsx)(m,{size:14,strokeWidth:2.25,"aria-hidden":`true`}),(0,I.jsx)(`span`,{children:e})]},e))})]})},e.name))}),(0,I.jsxs)(`div`,{className:`hl-ct-rail`,children:[(0,I.jsx)(`div`,{className:`hl-ct-rail-dots`,children:Q.map((e,t)=>(0,I.jsx)(`button`,{type:`button`,onClick:()=>l(t),...o.page(`Your care team - show ${e.name}`),"aria-label":`${c.show} ${e.name}`,"aria-current":t===r?`true`:void 0,className:`hl-ct-rail-dot${t===r?` is-active`:``}`},e.name))}),(0,I.jsxs)(`p`,{className:`hl-ct-rail-count`,"aria-live":`polite`,children:[r+1,` `,c.ofWord,` `,Q.length]})]}),(0,I.jsx)(`div`,{className:`hl-ct-cta`,children:(0,I.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,...o.dest(`Your care team - speak to a doctor`,e),className:`hl-btn-primary`,children:c.cta})}),(0,I.jsx)(`p`,{className:`hl-ct-close`,children:c.close})]})})}function be({assessmentUrl:e}){let t=s(),r=n[i()].compare,a=r.rows,o=r.clinic,c=r.hd;return(0,I.jsx)(`section`,{className:`hl-cmp`,children:(0,I.jsxs)(`div`,{className:`hl-cmp-inner`,children:[(0,I.jsxs)(`div`,{className:`hl-cmp-head`,children:[(0,I.jsx)(y,{children:(0,I.jsx)(`p`,{className:`hl-eyebrow`,children:r.eyebrow})}),(0,I.jsx)(y,{delay:.06,children:(0,I.jsx)(`h2`,{className:`hl-display hl-cmp-h2`,children:r.h2})}),(0,I.jsx)(y,{delay:.12,children:(0,I.jsx)(`p`,{className:`hl-cmp-sub`,children:r.sub})})]}),(0,I.jsxs)(`div`,{className:`hl-cmp-table`,children:[(0,I.jsx)(y,{children:(0,I.jsx)(`div`,{className:`hl-cmp-panel`,"aria-hidden":`true`})}),(0,I.jsxs)(`div`,{className:`hl-cmp-grid`,children:[(0,I.jsxs)(`div`,{className:`hl-cmp-r hl-cmp-headrow`,children:[(0,I.jsx)(`div`,{className:`hl-cmp-cell`}),(0,I.jsx)(`div`,{className:`hl-cmp-cell`,children:(0,I.jsx)(`span`,{className:`hl-cmp-colhead-a`,children:o})}),(0,I.jsx)(`div`,{className:`hl-cmp-cell hl-cmp-c3`,children:(0,I.jsx)(`span`,{className:`hl-cmp-colhead-b`,children:c})})]}),a.map((e,t)=>(0,I.jsxs)(y,{delay:.06*t,className:`hl-cmp-r hl-cmp-row`,children:[(0,I.jsx)(`div`,{className:`hl-cmp-cell hl-cmp-label${t===a.length-1?` is-last`:``}`,children:e.label}),(0,I.jsx)(`div`,{className:`hl-cmp-cell hl-cmp-a${t===a.length-1?` is-last`:``}`,children:e.clinic}),(0,I.jsxs)(`div`,{className:`hl-cmp-cell hl-cmp-c3 hl-cmp-b${t===a.length-1?` is-last`:``}`,children:[(0,I.jsx)(m,{size:16,strokeWidth:2.25,"aria-hidden":`true`}),(0,I.jsx)(`span`,{children:e.hd})]})]},e.label))]})]}),(0,I.jsx)(`div`,{className:`hl-cmp-stack`,children:a.map((e,t)=>(0,I.jsx)(y,{delay:.06*t,children:(0,I.jsxs)(`div`,{className:`hl-cmp-block`,children:[(0,I.jsx)(`p`,{className:`hl-cmp-block-title`,children:e.label}),(0,I.jsxs)(`div`,{className:`hl-cmp-mini`,children:[(0,I.jsx)(`p`,{className:`hl-cmp-mini-label`,children:o}),(0,I.jsx)(`p`,{className:`hl-cmp-mini-value`,children:e.clinic})]}),(0,I.jsxs)(`div`,{className:`hl-cmp-mini hl-cmp-mini-hd`,children:[(0,I.jsx)(`p`,{className:`hl-cmp-mini-label`,children:c}),(0,I.jsxs)(`p`,{className:`hl-cmp-mini-value`,children:[(0,I.jsx)(m,{size:16,strokeWidth:2.25,"aria-hidden":`true`}),(0,I.jsx)(`span`,{children:e.hd})]})]})]})},e.label))}),(0,I.jsxs)(`div`,{className:`hl-cmp-close`,children:[(0,I.jsx)(`p`,{className:`hl-cmp-close-line`,children:r.close}),(0,I.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,...t.dest(`Why online care - speak to a doctor`,e),className:`hl-cmp-close-cta`,children:r.cta})]})]})})}var xe=`https://hellodoktor.com/care/doctor/hello-doktor-hair-loss-14020/`;function $({children:e}){return(0,I.jsx)(`p`,{className:`hl-eyebrow`,children:e})}function Se(){let{lan:e}=u.useSearch();return(0,I.jsx)(o,{lang:e,children:(0,I.jsx)(Ce,{})})}function Ce(){let e=i(),t=n[e],r=s(),a=xe;return(0,F.useEffect)(()=>{let t=document.documentElement.lang;return document.documentElement.lang=e,()=>{document.documentElement.lang=t}},[e]),(0,I.jsxs)(`main`,{className:`hl-page`,lang:e,children:[(0,I.jsx)(`noscript`,{children:(0,I.jsx)(`iframe`,{src:`https://www.googletagmanager.com/ns.html?id=GTM-MPLTGD`,height:`0`,width:`0`,style:{display:`none`,visibility:`hidden`},title:`Google Tag Manager`})}),(0,I.jsx)(d,{ctaHref:a}),(0,I.jsx)(`section`,{className:`hl-hero`,children:(0,I.jsxs)(`div`,{className:`hl-container hl-hero-grid`,children:[(0,I.jsxs)(`div`,{className:`hl-hero-left`,children:[(0,I.jsx)(`p`,{className:`hl-hero-for hl-hero-in`,children:t.hero.forWho}),(0,I.jsx)(`div`,{className:`hl-hero-in`,style:{animationDelay:`60ms`},children:(0,I.jsx)($,{children:t.hero.eyebrow})}),(0,I.jsxs)(`h1`,{className:`hl-display hl-hero-h1 hl-hero-in`,style:{animationDelay:`120ms`},children:[t.hero.h1a,`\xA0`,t.hero.h1b]}),(0,I.jsx)(`p`,{className:`hl-hero-sub hl-hero-in`,style:{animationDelay:`180ms`},children:t.hero.sub}),(0,I.jsxs)(`div`,{className:`hl-hero-ctas hl-hero-in`,style:{animationDelay:`240ms`},children:[(0,I.jsx)(`a`,{href:a,target:`_blank`,rel:`noopener noreferrer`,...r.dest(`Hero - speak to a doctor`,a),className:`hl-btn-primary`,children:t.hero.cta}),(0,I.jsx)(`a`,{href:`#programme`,...r.page(`Hero - see the programme`),className:`hl-btn-secondary`,children:t.hero.secondary})]}),(0,I.jsxs)(`p`,{className:`hl-hero-micro hl-hero-in`,style:{animationDelay:`300ms`},children:[t.hero.micro[0],` `,(0,I.jsx)(`span`,{className:`hl-hero-micro-dot`,children:`·`}),` `,t.hero.micro[1],` `,(0,I.jsx)(`span`,{className:`hl-hero-micro-dot`,children:`·`}),` `,t.hero.micro[2]]})]}),(0,I.jsxs)(`div`,{className:`hl-hero-right`,children:[(0,I.jsx)(V,{className:`hl-hero-arc hl-hero-arc-1`}),(0,I.jsx)(V,{className:`hl-hero-arc hl-hero-arc-2`}),(0,I.jsx)(ae,{})]})]})}),(0,I.jsx)(B,{}),(0,I.jsx)(fe,{assessmentUrl:a}),(0,I.jsx)(Z,{assessmentUrl:a}),(0,I.jsx)(_e,{assessmentUrl:a}),(0,I.jsx)(ve,{}),(0,I.jsx)(ye,{assessmentUrl:a}),(0,I.jsx)(be,{assessmentUrl:a}),(0,I.jsx)(`section`,{id:`faq`,className:`hl-section`,children:(0,I.jsxs)(`div`,{className:`hl-container`,children:[(0,I.jsxs)(`div`,{className:`hl-prose mx-auto`,children:[(0,I.jsx)(y,{children:(0,I.jsx)($,{children:t.faq.eyebrow})}),(0,I.jsx)(y,{delay:.08,children:(0,I.jsx)(`h2`,{className:`hl-display mb-10 mt-4 text-[30px] md:text-[44px]`,children:t.faq.h2})})]}),(0,I.jsx)(ce,{})]})}),(0,I.jsxs)(`section`,{className:`hl-section relative overflow-hidden`,children:[(0,I.jsx)(`div`,{"aria-hidden":`true`,className:`pointer-events-none absolute inset-0`,style:{background:`radial-gradient(50% 55% at 50% 50%, var(--hl-gold-soft), transparent 70%)`,opacity:.12}}),(0,I.jsx)(V,{className:`pointer-events-none absolute left-1/2 top-1/2 h-[130%] w-[130%] -translate-x-1/2 -translate-y-1/2`}),(0,I.jsxs)(`div`,{className:`hl-container relative text-center`,children:[(0,I.jsx)(y,{children:(0,I.jsx)(`h2`,{className:`hl-display mx-auto max-w-[18ch] text-[30px] md:text-[44px]`,children:t.finalCta.h2})}),(0,I.jsx)(y,{delay:.08,children:(0,I.jsx)(`p`,{className:`mx-auto mt-5 max-w-[52ch] text-[18px]`,style:{color:`var(--hl-ink-muted)`},children:t.finalCta.sub})}),(0,I.jsx)(y,{delay:.16,children:(0,I.jsxs)(`div`,{className:`mt-8 flex flex-wrap items-center justify-center gap-4`,children:[(0,I.jsx)(`a`,{href:a,target:`_blank`,rel:`noopener noreferrer`,...r.dest(`Final CTA - speak to a doctor`,a),className:`hl-btn-primary`,children:t.finalCta.cta}),(0,I.jsx)(`a`,{href:v(e),target:`_blank`,rel:`noopener noreferrer`,...r.dest(`Final CTA - whatsapp`,v(e)),className:`text-[17px] font-semibold underline underline-offset-4`,style:{color:`var(--hl-ink)`},children:t.finalCta.whatsapp})]})})]})]}),(0,I.jsx)(f,{}),(0,I.jsx)(x,{track:!0}),(0,I.jsx)(oe,{assessmentUrl:a,track:!0})]})}export{Se as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.