.hair-test-modal-section,.hair-test{display:contents}.hair-test{--ht-desktop-width: 72vw;--ht-desktop-height: 84vh;--ht-mobile-width: 100vw;--ht-mobile-height: 100svh;--ht-blur: 12px;--ht-overlay: .52;--ht-radius: 20px;--ht-bg: #f7f3ea;--ht-surface: #eee8dc;--ht-text: #171711;--ht-muted: #68675f;--ht-accent: #59643a;--ht-accent-text: #fff;--ht-border: #d8d1c4;color:var(--ht-text);direction:rtl}html.hair-test-is-open,html.hair-test-is-open body{overflow:hidden;overscroll-behavior:none}.hair-test .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hair-test__editor-tools{position:fixed;inset-inline-start:18px;inset-block-end:18px;z-index:9999;display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid #c9c4b8;border-radius:999px;background:#fffffff0;box-shadow:0 8px 30px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hair-test__editor-launcher{min-height:38px;padding:8px 13px;border:1px solid #c9c4b8;border-radius:999px;background:#fff;color:#171711;font:700 11px/1 var(--font-body--family, sans-serif);cursor:pointer}.hair-test__dialog{width:min(var(--ht-desktop-width),1220px);height:min(var(--ht-desktop-height),920px);max-width:calc(100vw - 36px);max-height:calc(100svh - 36px);margin:auto;padding:0;border:1px solid color-mix(in srgb,var(--ht-border) 92%,transparent);border-radius:var(--ht-radius);background:var(--ht-bg);color:var(--ht-text);overflow:hidden;box-shadow:0 34px 110px #0000004d}.hair-test__dialog::backdrop{background:rgb(18 18 14 / var(--ht-overlay));-webkit-backdrop-filter:blur(var(--ht-blur));backdrop-filter:blur(var(--ht-blur))}.hair-test__dialog[open]{animation:hair-test-enter .3s cubic-bezier(.2,.75,.25,1) both}@keyframes hair-test-enter{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.hair-test__shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}.hair-test__topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,300px) auto;align-items:center;gap:24px;min-height:74px;padding:14px 22px;border-bottom:1px solid var(--ht-border);background:color-mix(in srgb,var(--ht-bg) 94%,white 6%)}.hair-test__brandline{display:flex;align-items:baseline;gap:12px;min-width:0}.hair-test__eyebrow,.hair-test__question-kicker,.hair-test__result-label,.hair-test__profile-heading span,.hair-test__included-title{color:var(--ht-accent);font:700 10px/1.25 var(--font-body--family, sans-serif);letter-spacing:.08em}.hair-test__title{overflow:hidden;font:600 16px/1.2 var(--font-heading--family, serif);text-overflow:ellipsis;white-space:nowrap}.hair-test__progress-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.hair-test__progress-count{min-width:62px;color:var(--ht-muted);font:700 11px/1 var(--font-body--family, sans-serif);text-align:start}.hair-test__progress-track{height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--ht-border) 84%,white 16%)}.hair-test__progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--ht-accent);transition:width .32s cubic-bezier(.2,.7,.2,1)}.hair-test__close{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--ht-border);border-radius:50%;background:transparent;color:var(--ht-text);cursor:pointer}.hair-test__close svg,.hair-test__nav-button svg,.hair-test__order-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[dir=rtl] .hair-test__nav-button svg,[dir=rtl] .hair-test__order-button svg{transform:scaleX(-1)}.hair-test__viewport{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ht-border) 78%,transparent) transparent}.hair-test__questions{min-height:100%}.hair-test__questions[hidden],.hair-test__question[hidden],.hair-test__pre-result[hidden],.hair-test__result[hidden],.hair-test__nav-button[hidden],.hair-test__nav[hidden]{display:none!important}.hair-test__screen{min-height:100%;padding:clamp(32px,5vh,62px) clamp(28px,5vw,76px)}.hair-test__question.is-active{display:block;animation:hair-test-screen .24s ease both}@keyframes hair-test-screen{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hair-test__question-copy,.hair-test__pre-copy,.hair-test__result-copy{width:min(780px,100%);margin-inline:auto;text-align:center}.hair-test__question-copy{margin-bottom:32px}.hair-test__question-copy h2,.hair-test__pre-copy h2,.hair-test__result-copy h2,.hair-test__empty-state h2{margin:9px 0 11px;color:var(--ht-text);font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(31px,3.7vw,54px);font-weight:500;line-height:1.16;letter-spacing:-.02em}.hair-test__question-copy p,.hair-test__pre-copy p,.hair-test__result-copy p,.hair-test__routine-content>p,.hair-test__empty-state p{margin:0;color:var(--ht-muted);font:400 14px/1.7 var(--font-body--family, sans-serif)}.hair-test__text-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(800px,100%);margin-inline:auto}.hair-test__text-options--segmented{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:8px;border:1px solid var(--ht-border);border-radius:15px;background:color-mix(in srgb,var(--ht-surface) 72%,var(--ht-bg))}.hair-test__option{display:flex;align-items:center;gap:13px;min-height:66px;padding:14px 17px;border:1px solid var(--ht-border);border-radius:13px;background:color-mix(in srgb,var(--ht-bg) 88%,white 12%);color:var(--ht-text);font:600 14px/1.45 var(--font-body--family, sans-serif);text-align:start;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.hair-test__text-options--segmented .hair-test__option{justify-content:center;min-height:56px;border-color:transparent;background:transparent;text-align:center}.hair-test__option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ht-accent) 55%,var(--ht-border))}.hair-test__option.is-selected{border-color:var(--ht-accent);background:color-mix(in srgb,var(--ht-accent) 9%,var(--ht-bg));box-shadow:0 8px 26px color-mix(in srgb,var(--ht-accent) 10%,transparent)}.hair-test__option-marker{width:19px;height:19px;flex:0 0 19px;border:1px solid color-mix(in srgb,var(--ht-text) 45%,transparent);border-radius:50%;box-shadow:inset 0 0 0 4px transparent}.hair-test__option.is-selected .hair-test__option-marker{border-color:var(--ht-accent);background:var(--ht-accent);box-shadow:inset 0 0 0 4px var(--ht-bg)}.hair-test__text-options--segmented .hair-test__option-marker{display:none}.hair-test__validation{min-height:20px;width:min(800px,100%);margin:10px auto 0;color:#8a3f32;font:600 11px/1.4 var(--font-body--family, sans-serif);text-align:center}.hair-test__nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:70px;padding:12px 22px;border-top:1px solid var(--ht-border);background:color-mix(in srgb,var(--ht-bg) 96%,white 4%)}.hair-test__nav-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:9px;font:700 12px/1 var(--font-body--family, sans-serif);cursor:pointer}.hair-test__nav-button--back{justify-self:start;padding:0 10px;background:transparent;color:var(--ht-text)}.hair-test__nav-button--next{justify-self:end;min-width:120px;padding:0 18px;background:var(--ht-accent);color:var(--ht-accent-text)}.hair-test__nav-button:disabled,.hair-test__nav-button[aria-disabled=true]{opacity:.44}.hair-test__nav-button:disabled{cursor:not-allowed}.hair-test__nav-hint{color:var(--ht-muted);font:600 10px/1.35 var(--font-body--family, sans-serif);text-align:center}.hair-test__pre-result,.hair-test__result{display:grid;align-content:start;gap:24px;padding-top:clamp(28px,4vh,46px);animation:hair-test-screen .26s ease both}.hair-test__pre-copy h2,.hair-test__result-copy h2{font-size:clamp(31px,3.2vw,48px)}.hair-test__analysis-status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:22px;color:var(--ht-muted);font:600 12px/1.4 var(--font-body--family, sans-serif)}.hair-test__analysis-dot{width:9px;height:9px;border-radius:50%;background:var(--ht-accent);box-shadow:0 0 color-mix(in srgb,var(--ht-accent) 30%,transparent);animation:hair-test-pulse 1.25s ease-out infinite}@keyframes hair-test-pulse{70%{box-shadow:0 0 0 9px transparent}to{box-shadow:0 0 0 0 transparent}}.hair-test__profile-card{width:min(900px,100%);margin-inline:auto;padding:22px;border:1px solid var(--ht-border);border-radius:18px;background:color-mix(in srgb,var(--ht-bg) 86%,white 14%)}.hair-test__profile-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.hair-test__profile-heading>div{display:grid;gap:6px}.hair-test__profile-heading h3{margin:0;color:var(--ht-text);font:600 25px/1.15 var(--font-heading--family, serif)}.hair-test__profile-note{padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--ht-accent) 9%,var(--ht-bg));color:var(--ht-text)!important;font-size:9px!important;white-space:nowrap}.hair-test__profile-bars,.hair-test__result-profile-bars{display:grid;gap:13px}.hair-test__profile-bar{display:grid;gap:7px}.hair-test__profile-bar>div{display:flex;justify-content:space-between;gap:14px;font:600 11px/1.3 var(--font-body--family, sans-serif)}.hair-test__profile-bar>div strong{color:var(--ht-muted);font-weight:600}.hair-test__profile-bar>i{display:block;height:7px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--ht-border) 78%,white 22%)}.hair-test__profile-bar>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--ht-accent) 72%,#b7ad8d),var(--ht-accent));transform-origin:right center;animation:hair-test-bar .72s cubic-bezier(.2,.7,.2,1) both}@keyframes hair-test-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hair-test__profile-disclaimer{margin:18px 0 0;color:var(--ht-muted);font:400 9px/1.5 var(--font-body--family, sans-serif);text-align:center}.hair-test__pre-actions{display:flex;justify-content:center;width:min(900px,100%);margin-inline:auto}.hair-test__pre-cta{width:min(330px,100%)}.hair-test__result-badge{display:inline-flex;align-items:center;min-height:28px;padding:6px 11px;border:1px solid color-mix(in srgb,var(--ht-accent) 38%,var(--ht-border));border-radius:999px;background:color-mix(in srgb,var(--ht-accent) 8%,var(--ht-bg));color:var(--ht-accent);font:700 10px/1 var(--font-body--family, sans-serif)}.hair-test__result-layout{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(520px,1.55fr);gap:20px;width:min(1080px,100%);margin-inline:auto}.hair-test__result-profile,.hair-test__routine-card,.hair-test__missing-product{border:1px solid var(--ht-border);border-radius:18px;background:color-mix(in srgb,var(--ht-bg) 88%,white 12%)}.hair-test__result-profile{display:grid;align-content:start;gap:17px;padding:22px}.hair-test__match-signals{display:grid;gap:0;margin:0}.hair-test__signal-row{display:grid;gap:5px;padding:11px 0;border-top:1px solid color-mix(in srgb,var(--ht-border) 82%,transparent)}.hair-test__signal-row dt,.hair-test__signal-row dd{margin:0;font:500 11px/1.45 var(--font-body--family, sans-serif)}.hair-test__signal-row dt{color:var(--ht-muted)}.hair-test__signal-row dd{color:var(--ht-text);font-weight:700}.hair-test__result-profile-bars{padding-top:4px;border-top:1px solid color-mix(in srgb,var(--ht-border) 82%,transparent)}.hair-test__routine-card{--ht-routine-accent: var(--ht-accent);display:grid;grid-template-columns:minmax(220px,.88fr) minmax(300px,1.12fr);overflow:hidden}.hair-test__routine-media{position:relative;min-height:430px;background:var(--ht-surface)}.hair-test__routine-media img,.hair-test__product-placeholder{display:block;width:100%;height:100%;object-fit:cover}.hair-test__routine-badge{position:absolute;inset-block-start:16px;inset-inline-start:16px;padding:8px 11px;border-radius:999px;background:color-mix(in srgb,var(--ht-routine-accent) 90%,black 10%);color:#fff;font:700 9px/1 var(--font-body--family, sans-serif)}.hair-test__routine-content{display:flex;flex-direction:column;justify-content:center;gap:15px;min-width:0;padding:25px}.hair-test__routine-heading{display:flex;align-items:end;justify-content:space-between;gap:14px}.hair-test__routine-heading>div{display:grid;gap:6px;min-width:0}.hair-test__routine-heading span{color:var(--ht-muted);font:700 9px/1 var(--font-body--family, sans-serif)}.hair-test__routine-heading h3{margin:0;color:var(--ht-text);font:600 25px/1.25 var(--font-heading--family, serif)}.hair-test__routine-heading strong{flex:0 0 auto;font:800 17px/1 var(--font-body--family, sans-serif);white-space:nowrap}.hair-test__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hair-test__benefits span{display:grid;place-items:center;gap:6px;min-height:70px;padding:9px 7px;border:1px solid color-mix(in srgb,var(--ht-routine-accent) 28%,var(--ht-border));border-radius:11px;background:color-mix(in srgb,var(--ht-routine-accent) 6%,var(--ht-bg));font:700 10px/1.35 var(--font-body--family, sans-serif);text-align:center}.hair-test__benefits svg{width:20px;height:20px;fill:none;stroke:var(--ht-routine-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hair-test__included{display:grid;gap:7px;padding:12px 14px;border:1px solid var(--ht-border);border-radius:11px;background:color-mix(in srgb,var(--ht-surface) 58%,var(--ht-bg))}.hair-test__included ul{display:flex;flex-wrap:wrap;gap:5px 14px;margin:0;padding:0;list-style:none}.hair-test__included li{position:relative;padding-inline-start:11px;color:var(--ht-text);font:600 10px/1.4 var(--font-body--family, sans-serif)}.hair-test__included li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.58em;width:4px;height:4px;border-radius:50%;background:var(--ht-routine-accent)}.hair-test__order-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:12px 17px;border:1px solid var(--ht-accent);border-radius:9px;background:var(--ht-accent);color:var(--ht-accent-text);font:800 12px/1.2 var(--font-body--family, sans-serif);text-decoration:none;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.hair-test__routine-card .hair-test__order-button{border-color:var(--ht-routine-accent);background:var(--ht-routine-accent);color:#fff}.hair-test__order-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px color-mix(in srgb,var(--ht-accent) 20%,transparent)}.hair-test__order-button:disabled,.hair-test__order-button[aria-busy=true]{opacity:.52;cursor:wait;transform:none;box-shadow:none}.hair-test__variant-note{color:var(--ht-muted);font:500 9px/1.4 var(--font-body--family, sans-serif);text-align:center}.hair-test__retake{justify-self:center;min-height:40px;padding:7px 10px;border:0;background:transparent;color:var(--ht-muted);font:700 11px/1 var(--font-body--family, sans-serif);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.hair-test__missing-product,.hair-test__empty-state{display:grid;place-content:center;min-height:300px;padding:30px;text-align:center}.hair-test__missing-product h3{margin:0;font:600 24px/1.3 var(--font-heading--family, serif)}.hair-test :is(button,a,input):focus-visible{outline:2px solid var(--ht-accent);outline-offset:3px}@media(max-width:989px){.hair-test__result-layout{grid-template-columns:1fr}.hair-test__result-profile{grid-template-columns:minmax(190px,.7fr) 1fr}.hair-test__result-label,.hair-test__match-signals{grid-column:1}.hair-test__result-profile-bars{grid-column:2;grid-row:1 / span 2}}@media(max-width:749px){.hair-test__dialog{width:var(--ht-mobile-width);height:var(--ht-mobile-height);max-width:100vw;max-height:100svh;border:0;border-radius:0}.hair-test__topbar{grid-template-columns:1fr auto;grid-template-areas:"brand close" "progress progress";gap:9px 12px;min-height:86px;padding:calc(10px + env(safe-area-inset-top)) 14px 11px}.hair-test__brandline{grid-area:brand;display:grid;gap:3px}.hair-test__eyebrow{font-size:8px}.hair-test__title{font-size:15px}.hair-test__progress-wrap{grid-area:progress}.hair-test__close{grid-area:close;width:38px;height:38px}.hair-test__screen{padding:24px 16px 28px}.hair-test__question-copy,.hair-test__pre-copy,.hair-test__result-copy{text-align:start}.hair-test__question-copy{margin-bottom:20px}.hair-test__question-copy h2,.hair-test__pre-copy h2,.hair-test__result-copy h2{margin-top:7px;font-size:clamp(28px,8vw,38px);line-height:1.2}.hair-test__question-copy p,.hair-test__pre-copy p,.hair-test__result-copy p{font-size:12px}.hair-test__text-options,.hair-test__text-options--segmented{grid-template-columns:1fr;gap:8px;padding:0;border:0;background:transparent}.hair-test__option,.hair-test__text-options--segmented .hair-test__option{justify-content:flex-start;min-height:54px;padding:11px 13px;border-color:var(--ht-border);border-radius:11px;background:color-mix(in srgb,var(--ht-bg) 88%,white 12%);font-size:12px;text-align:start}.hair-test__text-options--segmented .hair-test__option-marker{display:block}.hair-test__validation{margin-top:7px;text-align:start}.hair-test__nav{grid-template-columns:auto minmax(0,1fr) auto;min-height:66px;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.hair-test__nav-hint{font-size:9px}.hair-test__nav-button{min-height:42px}.hair-test__nav-button--next{min-width:102px;padding-inline:14px}.hair-test__pre-result,.hair-test__result{gap:18px;padding-top:22px}.hair-test__analysis-status{justify-content:flex-start;font-size:11px}.hair-test__profile-card{padding:16px;border-radius:14px}.hair-test__profile-heading{align-items:flex-start;margin-bottom:17px}.hair-test__profile-heading h3{font-size:21px}.hair-test__profile-note{font-size:8px!important}.hair-test__profile-bar>div{font-size:10px}.hair-test__profile-disclaimer{text-align:start}.hair-test__result-layout{grid-template-columns:1fr;gap:12px}.hair-test__result-profile{grid-template-columns:1fr;gap:13px;padding:16px}.hair-test__result-label,.hair-test__match-signals,.hair-test__result-profile-bars{grid-column:1;grid-row:auto}.hair-test__routine-card{grid-template-columns:1fr}.hair-test__routine-media{min-height:230px;aspect-ratio:1.42 / 1}.hair-test__routine-content{gap:13px;padding:18px}.hair-test__routine-heading{align-items:start}.hair-test__routine-heading h3{font-size:22px}.hair-test__routine-heading strong{font-size:15px}.hair-test__benefits span{min-height:66px;font-size:9px}.hair-test__included ul{display:grid;grid-template-columns:1fr 1fr}.hair-test__order-button{min-height:50px}}@media(max-width:359px){.hair-test__screen{padding-inline:13px}.hair-test__nav{gap:7px;padding-inline:9px}.hair-test__nav-button--next{min-width:92px;padding-inline:11px}.hair-test__nav-hint{display:none}.hair-test__routine-heading{display:grid}.hair-test__benefits{grid-template-columns:1fr}.hair-test__benefits span{grid-template-columns:auto 1fr;place-items:center start;min-height:44px;text-align:start}.hair-test__included ul{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hair-test__dialog[open],.hair-test__question.is-active,.hair-test__pre-result,.hair-test__result,.hair-test__analysis-dot,.hair-test__profile-bar>i>b{animation:none}.hair-test__progress-fill,.hair-test__option,.hair-test__order-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hair-test-modal.css.map */