.potion-hair-quiz{display:block;background:#f5f2eb;color:#251d19;font:14px/1.6 Arial,Helvetica,sans-serif;letter-spacing:0;padding-bottom:80px}.potion-hair-quiz [hidden]{display:none!important}.potion-hair-quiz__intro{display:grid;grid-template-columns:1fr 1fr;background:#490e1d;color:#f5f2eb;min-height:310px}.potion-hair-quiz__intro>div{padding:52px 5vw;align-self:center}.potion-hair-quiz__intro img{width:100%;height:100%;max-height:390px;object-fit:cover;object-position:35% center}.potion-hair-quiz__eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px}.potion-hair-quiz h1,.potion-hair-quiz h2{font:400 clamp(38px,4vw,62px)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:inherit;margin:0 0 22px}.potion-hair-quiz__intro p:not(.potion-hair-quiz__eyebrow){max-width:370px;font-size:13px;margin:0 0 20px}.potion-hair-quiz__detail{font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.potion-hair-quiz__body{max-width:1000px;margin:0 auto;padding:54px 32px 0}.potion-hair-quiz__progress{display:flex;justify-content:space-between;gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.potion-hair-quiz progress{display:block;width:100%;height:2px;border:0;margin:16px 0 40px;background:#ded5ca;accent-color:#490e1d}.potion-hair-quiz progress::-webkit-progress-bar{background:#ded5ca}.potion-hair-quiz progress::-webkit-progress-value{background:#490e1d}.potion-hair-quiz fieldset{border:0;padding:0;margin:0;min-width:0}.potion-hair-quiz legend{font:400 clamp(30px,3vw,44px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.03em;margin:0 0 28px;padding:0}.potion-hair-quiz__choice{position:relative;display:flex;align-items:center;gap:18px;border:1px solid #bdb3a7;padding:20px 24px;margin:12px 0;min-height:70px;cursor:pointer;transition:background .15s,border-color .15s}.potion-hair-quiz__choice input{width:18px;height:18px;accent-color:#490e1d;flex-shrink:0;margin:0}.potion-hair-quiz__choice-number{font-size:10px;color:#6c6158}.potion-hair-quiz__choice:has(input:checked){background:#eee3df;border-color:#490e1d;outline:1px solid #490e1d}.potion-hair-quiz__choice:has(input:focus-visible){outline:2px solid #490e1d;outline-offset:4px}.potion-hair-quiz__actions{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px;gap:24px}.potion-hair-quiz__actions>[data-next]{margin-left:auto}.potion-hair-quiz__button{background:#490e1d;color:#f5f2eb;border:1px solid #490e1d;min-height:48px;padding:16px 26px;font:10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:0}.potion-hair-quiz__button:hover{background:#6a2030}.potion-hair-quiz__button:disabled{opacity:.55;cursor:wait}.potion-hair-quiz__back{background:none;border:0;border-bottom:1px solid currentColor;padding:12px 0;color:#490e1d;font:12px/1.5 Arial,Helvetica,sans-serif;cursor:pointer;min-height:44px}.potion-hair-quiz__fine{font-size:11px;line-height:1.6;color:#655b54;max-width:620px}.potion-hair-quiz__fine a{color:inherit;text-underline-offset:3px}.potion-hair-quiz__products{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:32px 0 44px}.potion-hair-quiz__product{min-width:0}.potion-hair-quiz__product a{color:inherit;text-decoration:none}.potion-hair-quiz__product h3{font:14px/1.5 Arial;margin:0 0 8px}.potion-hair-quiz__reason{font-size:12px;line-height:1.7;margin-top:20px}.potion-hair-quiz__result-type{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.potion-hair-quiz__save{border-top:1px solid #bdb3a7;border-bottom:1px solid #bdb3a7;padding:30px 0;margin:0 0 26px}.potion-hair-quiz__save h3{font:400 30px/1.1 Georgia;margin:0 0 12px;letter-spacing:-.03em}.potion-hair-quiz__save p{font-size:12px}.potion-hair-quiz__save label{font-size:11px;display:block;margin:20px 0 9px}.potion-hair-quiz__save label span{color:#655b54}.potion-hair-quiz__email-row{display:flex;gap:12px}.potion-hair-quiz__email-row input{flex:1;min-width:0;border:1px solid #bdb3a7;border-radius:0;background:transparent;padding:12px 16px;font:16px Arial;color:#251d19}.potion-hair-quiz__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.potion-hair-quiz__result-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.potion-hair-quiz__result-actions a{color:#490e1d;font-size:12px;text-underline-offset:4px}.potion-hair-quiz button:focus-visible,.potion-hair-quiz a:focus-visible{outline:2px solid #490e1d;outline-offset:4px}.potion-hair-quiz .potion-product__image-link{aspect-ratio:1}.potion-hair-quiz .potion-product__details .price{font-size:13px}.potion-hair-quiz .potion-product__add{font-size:10px}.potion-hair-quiz .loading__spinner{width:18px}
@media(max-width:749px){.potion-hair-quiz{padding-bottom:48px}.potion-hair-quiz__intro{grid-template-columns:1fr}.potion-hair-quiz__intro>div{padding:34px 24px}.potion-hair-quiz__intro img{height:190px;max-height:none}.potion-hair-quiz h1{font-size:42px;max-width:340px}.potion-hair-quiz__intro p:not(.potion-hair-quiz__eyebrow){font-size:12px}.potion-hair-quiz__body{padding:32px 24px 0}.potion-hair-quiz progress{margin-bottom:30px}.potion-hair-quiz legend{font-size:32px}.potion-hair-quiz__choice{padding:18px 16px;gap:12px;font-size:13px;min-height:72px}.potion-hair-quiz__products{gap:28px;grid-template-columns:1fr}.potion-hair-quiz__product .potion-product__details h3{min-height:0}.potion-hair-quiz__email-row{flex-direction:column}.potion-hair-quiz h2{font-size:38px}.potion-hair-quiz__progress{font-size:9px}.potion-hair-quiz__result-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.potion-hair-quiz__choice{transition:none}}

.potion-hair-quiz__save label.potion-hair-quiz__optin{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:12px;line-height:1.6;max-width:620px}.potion-hair-quiz__optin input{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:#490e1d}.potion-hair-quiz__optin input:focus-visible{outline:2px solid #490e1d;outline-offset:3px}.potion-hair-quiz__save label.potion-hair-quiz__optin span{color:#251d19}