/* lash-brow-studio-stijlen: lash map en heeltijdlijn.
   React Bits Pro circle-stack en simple-graph als motion-port; bron-CSS van beide gescoped onder de root,
   kleuren via --m-* (de dark-modevarianten uit de bron vervallen, de tokens bepalen het thema). */
.msm-lash-brow-studio-stijlen{--st-p:var(--m-primary,#7a3b5a);--st-bg:var(--m-bg,#f6efec);--st-ink:var(--m-ink,#2a1d24);--st-s:var(--m-surface,#fffaf8);--st-mu:var(--m-muted,#6f5e66);--st-a:var(--m-accent2,#c99a7f);--st-line:color-mix(in srgb,var(--st-ink) 13%,transparent);--st-card:color-mix(in srgb,var(--st-s) 82%,var(--st-bg));--st-ease:cubic-bezier(.22,1,.36,1);position:relative;scroll-margin-top:112px;padding:clamp(64px,8vw,120px) 16px;background:var(--st-bg);color:var(--st-ink);font-family:var(--m-font-body,"Jost","Segoe UI",system-ui,sans-serif);font-size:16px;line-height:1.6}
.msm-lash-brow-studio-stijlen *{box-sizing:border-box}
.msm-lash-brow-studio-stijlen [hidden]{display:none!important}
.msm-lash-brow-studio-stijlen .ms-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.msm-lash-brow-studio-stijlen .st-wrap{width:100%;max-width:1240px;margin:0 auto}
.msm-lash-brow-studio-stijlen .st-head{max-width:720px}
.msm-lash-brow-studio-stijlen .st-kicker{margin:0 0 14px;color:var(--st-p);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.msm-lash-brow-studio-stijlen .st-title{margin:0;font-family:var(--m-font-display,"Bodoni Moda","Didot","Bodoni 72",Georgia,serif);font-size:clamp(34px,5vw,62px);font-weight:500;line-height:1.03;letter-spacing:-.02em}
.msm-lash-brow-studio-stijlen .st-intro{margin:18px 0 0;max-width:60ch;color:var(--st-mu);font-size:17px}
.msm-lash-brow-studio-stijlen .st-tabs{display:inline-flex;gap:4px;margin-top:32px;padding:4px;border:1px solid var(--st-line);border-radius:999px;background:var(--st-s)}
.msm-lash-brow-studio-stijlen .st-tab{min-height:42px;padding:0 22px;border:0;border-radius:999px;background:transparent;color:var(--st-mu);font:inherit;font-weight:500;cursor:pointer;transition:background-color .25s,color .25s}
.msm-lash-brow-studio-stijlen .st-tab[aria-selected="true"]{background:var(--st-ink);color:var(--st-s)}
.msm-lash-brow-studio-stijlen .st-tab:focus-visible,.msm-lash-brow-studio-stijlen .st-choice:focus-visible,.msm-lash-brow-studio-stijlen .st-seg-btn:focus-visible,.msm-lash-brow-studio-stijlen .st-ics:focus-visible,.msm-lash-brow-studio-stijlen .st-cycle:focus-visible,.msm-lash-brow-studio-stijlen .st-cta:focus-visible,.msm-lash-brow-studio-stijlen .simple-graph__svg:focus-visible,.msm-lash-brow-studio-stijlen .st-date-input:focus-visible{outline:2px solid var(--st-ink);outline-offset:3px}
.msm-lash-brow-studio-stijlen .st-panel{margin-top:28px}
.msm-lash-brow-studio-stijlen .st-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center}
.msm-lash-brow-studio-stijlen .st-stage{display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0}
.msm-lash-brow-studio-stijlen .st-discs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:0;padding:0;list-style:none}
.msm-lash-brow-studio-stijlen .st-discs li{display:grid;gap:6px;justify-items:center;font-size:14px;font-weight:500}
.msm-lash-brow-studio-stijlen .st-discs img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;background:color-mix(in srgb,var(--st-p) 12%,var(--st-s))}
.msm-lash-brow-studio-stijlen .st-choices{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.msm-lash-brow-studio-stijlen .st-choice,.msm-lash-brow-studio-stijlen .st-seg-btn{min-height:44px;padding:0 18px;border:1px solid var(--st-line);border-radius:999px;background:var(--st-s);color:var(--st-ink);font:inherit;font-size:15px;font-weight:500;cursor:pointer;touch-action:manipulation;transition:background-color .25s,color .25s,border-color .25s}
.msm-lash-brow-studio-stijlen .st-choice:hover,.msm-lash-brow-studio-stijlen .st-seg-btn:hover{border-color:color-mix(in srgb,var(--st-p) 50%,transparent)}
.msm-lash-brow-studio-stijlen .st-choice[aria-checked="true"],.msm-lash-brow-studio-stijlen .st-seg-btn[aria-checked="true"]{border-color:var(--st-p);background:var(--st-p);color:var(--st-s)}
.msm-lash-brow-studio-stijlen .st-cycle{position:relative;z-index:2;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--st-mu);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.msm-lash-brow-studio-stijlen .st-cycle:hover{color:var(--st-ink)}
/* circle-stack.css uit de bron */
.msm-lash-brow-studio-stijlen .circle-stack-root{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;user-select:none;pointer-events:none}
.msm-lash-brow-studio-stijlen .circle-stack-stack{position:relative;transform-style:preserve-3d}
.msm-lash-brow-studio-stijlen .circle-stack-disc{position:absolute;left:50%;top:50%;transform-style:preserve-3d}
.msm-lash-brow-studio-stijlen .circle-stack-tilt{position:absolute;inset:0;transform-style:preserve-3d}
.msm-lash-brow-studio-stijlen .circle-stack-rim{position:absolute;inset:0;border-radius:9999px}
.msm-lash-brow-studio-stijlen .circle-stack-surface{position:absolute;inset:0;overflow:hidden;border-radius:9999px;border:1px solid currentColor}
.msm-lash-brow-studio-stijlen .circle-stack-sheen{pointer-events:none;position:absolute;inset:0;background:radial-gradient(120% 80% at 30% 20%,rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 60%);mix-blend-mode:screen}
.msm-lash-brow-studio-stijlen .circle-stack-grid{position:absolute;inset:0;width:100%;height:100%;opacity:.18;color:rgb(115,115,115)}
.msm-lash-brow-studio-stijlen .circle-stack-image-wrap{position:absolute;inset:0}
.msm-lash-brow-studio-stijlen .circle-stack-image{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.msm-lash-brow-studio-stijlen .circle-stack-dots{pointer-events:none;position:absolute;inset:0;width:100%;height:100%}
.msm-lash-brow-studio-stijlen .circle-stack-reflection{pointer-events:none;position:absolute;left:50%;transform:translateX(-50%);background:radial-gradient(60% 50% at 50% 0%,color-mix(in srgb,var(--st-p) 22%,transparent) 0%,transparent 70%);filter:blur(2px);opacity:.7}
.msm-lash-brow-studio-stijlen .circle-stack-caption{pointer-events:none;position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);font-size:.875rem;font-weight:500;letter-spacing:.025em;color:var(--st-ink);white-space:nowrap}
/* lash map */
.msm-lash-brow-studio-stijlen .st-map{min-width:0;padding:clamp(20px,3vw,36px);border:1px solid var(--st-line);border-radius:28px;background:var(--st-s)}
.msm-lash-brow-studio-stijlen .st-label{margin:0;color:var(--st-p);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.msm-lash-brow-studio-stijlen .st-eye{margin:8px 0 0}
.msm-lash-brow-studio-stijlen .st-eye svg{display:block;width:100%;height:auto;overflow:visible}
.msm-lash-brow-studio-stijlen .st-eye .eye-white{fill:color-mix(in srgb,var(--st-bg) 70%,var(--st-s));stroke:none}
.msm-lash-brow-studio-stijlen .st-eye .eye-lower{fill:none;stroke:color-mix(in srgb,var(--st-ink) 22%,transparent);stroke-width:2;stroke-dasharray:3 6;stroke-linecap:round}
.msm-lash-brow-studio-stijlen .st-eye .eye-lid{fill:none;stroke:var(--st-ink);stroke-width:3;stroke-linecap:round}
.msm-lash-brow-studio-stijlen .st-eye .eye-zone{stroke:color-mix(in srgb,var(--st-p) 55%,transparent);stroke-width:1.5;stroke-dasharray:4 5}
.msm-lash-brow-studio-stijlen .st-eye .eye-lash{fill:none;stroke:var(--st-ink);stroke-linecap:round}
.msm-lash-brow-studio-stijlen .st-eye .eye-lash.is-own{stroke:color-mix(in srgb,var(--st-ink) 82%,var(--st-p))}
.msm-lash-brow-studio-stijlen .st-eye .eye-num{fill:var(--st-p);font:600 21px var(--m-font-body,"Jost","Segoe UI",system-ui,sans-serif);text-anchor:middle}
.msm-lash-brow-studio-stijlen .st-eye g.eye-lashes{transition:opacity .25s}
.msm-lash-brow-studio-stijlen .st-style h3{margin:6px 0 0;font-family:var(--m-font-display,"Bodoni Moda","Didot","Bodoni 72",Georgia,serif);font-size:clamp(24px,2.6vw,32px);font-weight:500;line-height:1.15}
.msm-lash-brow-studio-stijlen .st-style p{margin:10px 0 0;color:var(--st-mu)}
.msm-lash-brow-studio-stijlen .st-style .st-meta{color:var(--st-ink);font-weight:500}
.msm-lash-brow-studio-stijlen .st-style+.st-style{margin-top:28px;padding-top:24px;border-top:1px solid var(--st-line)}
.msm-lash-brow-studio-stijlen.is-ready .st-style+.st-style{margin-top:0;padding-top:0;border-top:0}
.msm-lash-brow-studio-stijlen .st-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}
.msm-lash-brow-studio-stijlen .st-zones div{padding:10px 12px;border-radius:14px;background:var(--st-card)}
.msm-lash-brow-studio-stijlen .st-zones dt{font-size:12px;color:var(--st-mu)}
.msm-lash-brow-studio-stijlen .st-zones dd{margin:2px 0 0;font-size:15px;font-weight:600;line-height:1.3}
/* planner */
.msm-lash-brow-studio-stijlen .st-plan{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,4vw,48px);align-items:center;margin-top:clamp(24px,4vw,40px);padding:clamp(20px,3vw,36px);border:1px solid var(--st-line);border-radius:28px;background:var(--st-s)}
.msm-lash-brow-studio-stijlen .st-plan-head h3{margin:0;font-family:var(--m-font-display,"Bodoni Moda","Didot","Bodoni 72",Georgia,serif);font-size:clamp(24px,2.6vw,32px);font-weight:500;line-height:1.15}
.msm-lash-brow-studio-stijlen .st-plan-head p{margin:8px 0 0;max-width:62ch;color:var(--st-mu)}
.msm-lash-brow-studio-stijlen .st-seg{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.msm-lash-brow-studio-stijlen .st-plan-text,.msm-lash-brow-studio-stijlen .st-plan-graph{min-width:0}
.msm-lash-brow-studio-stijlen .st-graph{width:100%;margin-top:22px;min-height:40px}
.msm-lash-brow-studio-stijlen .st-plan-graph .st-graph{margin-top:0}
.msm-lash-brow-studio-stijlen .st-series{margin:14px 0 0;padding-left:20px;color:var(--st-mu);font-size:14px}
.msm-lash-brow-studio-stijlen .st-result{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 28px;margin-top:22px;padding-top:20px;border-top:1px solid var(--st-line)}
.msm-lash-brow-studio-stijlen .st-plan-text .st-result{display:grid;justify-content:stretch;align-items:start}
.msm-lash-brow-studio-stijlen .st-calc{flex:1 1 260px;margin:0;font-size:17px;line-height:1.5}
.msm-lash-brow-studio-stijlen .st-ics-row{display:grid;gap:6px;justify-items:start}
.msm-lash-brow-studio-stijlen .st-ics{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px;border:1px solid var(--st-ink);border-radius:999px;background:transparent;color:var(--st-ink);font:inherit;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}
.msm-lash-brow-studio-stijlen .st-ics:hover{background:var(--st-ink);color:var(--st-s)}
.msm-lash-brow-studio-stijlen .st-ics svg,.msm-lash-brow-studio-stijlen .st-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.msm-lash-brow-studio-stijlen .st-small{margin:0;font-size:12.5px;color:var(--st-mu)}
/* PMU */
.msm-lash-brow-studio-stijlen .st-grid--pmu{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
.msm-lash-brow-studio-stijlen .st-pmu-img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:28px;background:color-mix(in srgb,var(--st-p) 12%,var(--st-s))}
.msm-lash-brow-studio-stijlen .st-steps{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none;counter-reset:st-step}
.msm-lash-brow-studio-stijlen .st-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;padding:14px 16px;border:1px solid var(--st-line);border-radius:16px;background:var(--st-s);counter-increment:st-step}
.msm-lash-brow-studio-stijlen .st-steps li::before{content:counter(st-step);grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--st-p) 12%,var(--st-s));color:var(--st-p);font-weight:600}
.msm-lash-brow-studio-stijlen .st-steps strong{font-weight:600}
.msm-lash-brow-studio-stijlen .st-steps span{color:var(--st-mu);font-size:14.5px}
.msm-lash-brow-studio-stijlen .st-pmu-main{min-width:0;padding:clamp(20px,3vw,36px);border:1px solid var(--st-line);border-radius:28px;background:var(--st-s)}
.msm-lash-brow-studio-stijlen .st-date{display:grid;gap:6px}
.msm-lash-brow-studio-stijlen .st-date label{font-size:14px;font-weight:500}
.msm-lash-brow-studio-stijlen .st-date-input{min-height:46px;padding:0 14px;border:1px solid var(--st-line);border-radius:12px;background:var(--st-s);color:var(--st-ink);font:inherit}
.msm-lash-brow-studio-stijlen .st-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:clamp(28px,4vw,44px)}
.msm-lash-brow-studio-stijlen .st-foot p{margin:0;max-width:62ch;color:var(--st-mu);font-size:14.5px}
.msm-lash-brow-studio-stijlen .st-cta{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--st-p);color:var(--st-s);font-weight:500;text-decoration:none;transition:background-color .2s}
.msm-lash-brow-studio-stijlen .st-cta:hover{background:var(--st-ink)}
/* simple-graph.css uit de bron */
.msm-lash-brow-studio-stijlen .simple-graph{position:relative}
.msm-lash-brow-studio-stijlen .simple-graph--neutral{color:var(--st-ink)}
.msm-lash-brow-studio-stijlen .simple-graph__svg{display:block;width:100%;height:100%;color:var(--st-ink);border-radius:12px;outline:none;-webkit-tap-highlight-color:transparent}
.msm-lash-brow-studio-stijlen .simple-graph__hover-area,.msm-lash-brow-studio-stijlen .simple-graph__dot{cursor:pointer}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-wrapper{display:flex;align-items:center;justify-content:center;pointer-events:none}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-inner{position:relative}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-content{padding:.5rem .75rem;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);white-space:nowrap;font-family:var(--m-font-body,"Jost","Segoe UI",system-ui,sans-serif)}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-content--neutral{background-color:var(--st-s);color:var(--st-ink);border:1px solid var(--st-line)}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-value{font-size:.875rem;font-weight:600;color:inherit}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-percentage{display:flex;align-items:center;gap:.375rem}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-icon--up,.msm-lash-brow-studio-stijlen .simple-graph__tooltip-value--up{color:var(--st-p)}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-icon--down,.msm-lash-brow-studio-stijlen .simple-graph__tooltip-value--down{color:var(--st-mu)}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-value--up,.msm-lash-brow-studio-stijlen .simple-graph__tooltip-value--down{font-size:.875rem;font-weight:600}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-label{font-size:.75rem;color:var(--st-mu);margin-top:.25rem}
.msm-lash-brow-studio-stijlen .simple-graph__tooltip-arrow{position:absolute;left:50%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--st-s)}
.msm-lash-brow-studio-stijlen .st-fo{overflow:visible;pointer-events:none}
.msm-lash-brow-studio-stijlen .st-fo-box{display:flex;width:100%;height:100%;align-items:flex-end;justify-content:center}
.msm-lash-brow-studio-stijlen .st-fo-fix{transform-origin:50% 100%}
@media (max-width:900px){
.msm-lash-brow-studio-stijlen .st-grid,.msm-lash-brow-studio-stijlen .st-grid--pmu,.msm-lash-brow-studio-stijlen .st-plan{grid-template-columns:minmax(0,1fr)}
.msm-lash-brow-studio-stijlen .st-intro{font-size:16px}
}
@media (max-width:520px){
.msm-lash-brow-studio-stijlen .st-zones{grid-template-columns:minmax(0,1fr)}
.msm-lash-brow-studio-stijlen .st-zones div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.msm-lash-brow-studio-stijlen .st-tabs{display:flex;width:100%}
.msm-lash-brow-studio-stijlen .st-tab{flex:1}
.msm-lash-brow-studio-stijlen .st-choice,.msm-lash-brow-studio-stijlen .st-seg-btn{padding:0 14px}
.msm-lash-brow-studio-stijlen .st-cta{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.msm-lash-brow-studio-stijlen .st-tab,.msm-lash-brow-studio-stijlen .st-choice,.msm-lash-brow-studio-stijlen .st-seg-btn,.msm-lash-brow-studio-stijlen .st-ics,.msm-lash-brow-studio-stijlen .st-cta,.msm-lash-brow-studio-stijlen .st-eye g.eye-lashes{transition:none}}