.section-skin-quiz{background:#f4f1ea}.skin-quiz{--sq-accent: #57573d;--sq-accent-text: #fff;--sq-ink: #191415;--sq-muted: #625f5a;--sq-border: #e7e5dc;--sq-surface: #fff;--sq-soft: #f7f7f6;--sq-radius: 8px;color:var(--sq-ink);display:block;min-height:70vh}.skin-quiz [hidden]{display:none!important}.skin-quiz__shell{margin:0 auto;max-width:1440px;padding:clamp(24px,5vw,72px) clamp(16px,4vw,64px)}.skin-quiz__intro,.skin-quiz__questions,.skin-quiz__results{background:var(--sq-surface);border:1px solid var(--sq-border);border-radius:calc(var(--sq-radius) * 2);box-shadow:0 18px 70px #28281b14;overflow:hidden}.skin-quiz__intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:620px}.skin-quiz__intro-content{align-self:center;padding:clamp(40px,7vw,110px)}.skin-quiz__eyebrow{color:var(--sq-accent);font-size:12px;font-weight:600;letter-spacing:.15em;margin:0 0 20px;text-transform:uppercase}.skin-quiz__title,.skin-quiz__result-header h2{font-size:clamp(40px,5.2vw,76px);font-weight:500;letter-spacing:-.045em;line-height:.98;margin:0;max-width:800px}.skin-quiz__lead{color:color-mix(in srgb,var(--sq-ink) 74%,transparent);font-size:clamp(16px,1.4vw,20px);line-height:1.6;margin:28px 0 0;max-width:650px}.skin-quiz__lead p{margin:0}.skin-quiz__benefits{display:grid;gap:12px;list-style:none;margin:36px 0;padding:0}.skin-quiz__benefits li{align-items:center;display:flex;font-size:14px;gap:12px}.skin-quiz__benefits span{align-items:center;border:1px solid var(--sq-border);border-radius:50%;color:var(--sq-accent);display:inline-flex;font-size:10px;height:28px;justify-content:center;width:28px}.skin-quiz__note{color:color-mix(in srgb,var(--sq-ink) 55%,transparent);font-size:12px;margin:12px 0 0}.skin-quiz__intro-art{align-items:center;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.28),transparent 32%),linear-gradient(145deg,#c88f69,#9c9771 47%,#57573d);display:flex;isolation:isolate;justify-content:center;min-height:460px;overflow:hidden;position:relative}.skin-quiz__intro-art:before,.skin-quiz__intro-art:after{border:1px solid rgba(255,255,255,.32);border-radius:50%;content:"";height:72%;position:absolute;transform:rotate(-18deg);width:54%}.skin-quiz__intro-art:after{height:50%;transform:rotate(28deg);width:78%}.skin-quiz__orb{background:#ffffff21;border-radius:50%;filter:blur(2px);position:absolute}.skin-quiz__orb--one{height:220px;left:-70px;top:14%;width:220px}.skin-quiz__orb--two{bottom:-90px;height:290px;right:-70px;width:290px}.skin-quiz__botanical-mark{align-items:center;color:#fff;display:flex;font-size:clamp(24px,4vw,52px);font-weight:500;gap:14px;letter-spacing:.18em;position:relative;z-index:1}.skin-quiz__botanical-mark i{background:currentColor;display:block;height:1px;opacity:.65;width:clamp(30px,5vw,70px)}.skin-quiz__button{align-items:center;border:1px solid transparent;border-radius:var(--sq-radius);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:600;gap:24px;justify-content:center;min-height:50px;padding:12px 22px;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.skin-quiz__button:hover{transform:translateY(-1px)}.skin-quiz__button:focus-visible,.skin-quiz__option:has(input:focus-visible),.skin-quiz__product-add:focus-visible{outline:2px solid var(--sq-accent);outline-offset:3px}.skin-quiz__button--primary{background:var(--sq-accent);color:var(--sq-accent-text)}.skin-quiz__button--secondary{background:transparent;border-color:var(--sq-accent);color:var(--sq-accent)}.skin-quiz__button--text{background:transparent;color:var(--sq-ink);padding-inline:0}.skin-quiz__questions{margin:0 auto;max-width:980px;padding:clamp(28px,6vw,72px)}.skin-quiz__progress-wrap{margin-bottom:clamp(38px,7vw,80px)}.skin-quiz__progress-meta{display:flex;font-size:12px;justify-content:space-between;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.skin-quiz__progress{background:var(--sq-soft);border-radius:999px;height:4px;overflow:hidden}.skin-quiz__progress span{background:var(--sq-accent);display:block;height:100%;transition:width .26s ease;width:20%}.skin-quiz__step{border:0;margin:0;padding:0}.skin-quiz__step legend{float:left;font-size:clamp(30px,4vw,50px);font-weight:500;letter-spacing:-.035em;line-height:1.05;width:100%}.skin-quiz__step legend+*{clear:both}.skin-quiz__help{color:color-mix(in srgb,var(--sq-ink) 62%,transparent);font-size:15px;margin:16px 0 32px}.skin-quiz__options{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.skin-quiz__options--three{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-quiz__option{cursor:pointer;min-height:112px;position:relative}.skin-quiz__option input{height:1px;opacity:0;position:absolute;width:1px}.skin-quiz__option>span{background:var(--sq-surface);border:1px solid var(--sq-border);border-radius:var(--sq-radius);display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.skin-quiz__option:hover>span{border-color:color-mix(in srgb,var(--sq-accent) 55%,var(--sq-border))}.skin-quiz__option input:checked+span{background:color-mix(in srgb,var(--sq-accent) 7%,white);border-color:var(--sq-accent);box-shadow:inset 0 0 0 1px var(--sq-accent)}.skin-quiz__option strong{font-size:16px;font-weight:600}.skin-quiz__option small{color:color-mix(in srgb,var(--sq-ink) 60%,transparent);font-size:13px;margin-top:7px}.skin-quiz__validation{color:#8a312d;font-size:13px;margin:20px 0 0}.skin-quiz__navigation{align-items:center;display:flex;justify-content:space-between;margin-top:clamp(34px,6vw,62px)}.skin-quiz__results{padding:clamp(32px,6vw,80px)}.skin-quiz__result-header{margin:0 auto clamp(38px,6vw,72px);max-width:920px;text-align:center}.skin-quiz__result-header h2{margin-inline:auto}.skin-quiz__result-header>p:not(.skin-quiz__eyebrow){color:color-mix(in srgb,var(--sq-ink) 68%,transparent);font-size:17px;line-height:1.6;margin:24px auto;max-width:700px}.skin-quiz__profile{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.skin-quiz__profile span{background:var(--sq-soft);border:1px solid var(--sq-border);border-radius:999px;font-size:12px;padding:8px 13px}.skin-quiz__result-grid{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.skin-quiz__product{background:var(--sq-surface);border:1px solid var(--sq-border);border-radius:var(--sq-radius);display:flex;flex-direction:column;overflow:hidden}.skin-quiz__product-image{aspect-ratio:1 / 1;background:var(--sq-soft);overflow:hidden;position:relative}.skin-quiz__product-image a,.skin-quiz__product-image img,.skin-quiz__product-image svg{display:block;height:100%;width:100%}.skin-quiz__product-image img{object-fit:cover;transition:transform .3s ease}.skin-quiz__product:hover .skin-quiz__product-image img{transform:scale(1.025)}.skin-quiz__step-label{background:#ffffffeb;border-radius:999px;font-size:10px;left:12px;letter-spacing:.1em;padding:7px 10px;position:absolute;text-transform:uppercase;top:12px}.skin-quiz__product-content{display:flex;flex:1;flex-direction:column;padding:20px}.skin-quiz__product h3{font-size:17px;font-weight:500;line-height:1.3;margin:0}.skin-quiz__product h3 a{color:inherit;text-decoration:none}.skin-quiz__product-price{font-size:14px;margin:10px 0 0}.skin-quiz__product-reason{color:color-mix(in srgb,var(--sq-ink) 64%,transparent);font-size:13px;line-height:1.5;margin:18px 0 24px}.skin-quiz__product-add{background:transparent;border:1px solid var(--sq-accent);border-radius:var(--sq-radius);color:var(--sq-accent);cursor:pointer;font:inherit;font-size:13px;margin-top:auto;min-height:44px;padding:10px 14px}.skin-quiz__product-add:hover:not(:disabled){background:var(--sq-accent);color:var(--sq-accent-text)}.skin-quiz__product-add:disabled{cursor:not-allowed;opacity:.45}.skin-quiz__result-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:42px}.skin-quiz__cart-status{flex-basis:100%;font-size:13px;margin:4px 0 0;min-height:20px;text-align:center}.skin-quiz__disclaimer{border-top:1px solid var(--sq-border);color:color-mix(in srgb,var(--sq-ink) 52%,transparent);font-size:11px;line-height:1.5;margin:44px auto 0;max-width:760px;padding-top:20px;text-align:center}@media(max-width:989px){.skin-quiz__intro{grid-template-columns:1fr}.skin-quiz__intro-art{min-height:300px;order:-1}.skin-quiz__options--three,.skin-quiz__result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.skin-quiz__shell{padding-inline:12px}.skin-quiz__intro-content,.skin-quiz__questions,.skin-quiz__results{padding:28px 20px}.skin-quiz__intro-art{min-height:220px}.skin-quiz__title,.skin-quiz__result-header h2{font-size:38px}.skin-quiz__options,.skin-quiz__options--three,.skin-quiz__result-grid{grid-template-columns:1fr}.skin-quiz__option{min-height:92px}.skin-quiz__navigation{gap:16px}.skin-quiz__navigation .skin-quiz__button--primary{flex:1}.skin-quiz__result-actions{align-items:stretch;flex-direction:column}.skin-quiz__result-actions .skin-quiz__button{width:100%}}@media(prefers-reduced-motion:reduce){.skin-quiz *,.skin-quiz *:before,.skin-quiz *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.skin-quiz__intro-content{padding-block:clamp(56px,8vw,120px)}.skin-quiz__lead{line-height:1.72;margin-top:34px}.skin-quiz__benefits{gap:17px;margin-block:42px}.skin-quiz__benefits li{line-height:1.5}.skin-quiz__note{line-height:1.5;margin-top:15px}.skin-quiz__questions{padding:clamp(40px,7vw,88px)}.skin-quiz__step legend{line-height:1.12}.skin-quiz__help{line-height:1.65;margin:20px 0 38px}.skin-quiz__options{gap:16px}.skin-quiz__option>span{padding:25px 24px}.skin-quiz__option small{line-height:1.5;margin-top:9px}.skin-quiz__navigation{margin-top:clamp(44px,7vw,72px)}.skin-quiz__results{padding:clamp(52px,7vw,96px)}.skin-quiz__result-header{margin-bottom:clamp(52px,7vw,84px)}.skin-quiz__result-header>p:not(.skin-quiz__eyebrow){line-height:1.75;margin-block:30px}.skin-quiz__profile{gap:10px}.skin-quiz__profile span{line-height:1.35;padding:9px 15px}.skin-quiz__result-grid{gap:28px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-inline:auto;max-width:1180px}.skin-quiz__product-content{padding:27px 25px 25px}.skin-quiz__product h3{font-size:18px;line-height:1.42}.skin-quiz__product h3 a{text-decoration:none!important}.skin-quiz__product-price{line-height:1.4;margin-top:13px}.skin-quiz__product-reason{line-height:1.65;margin:20px 0 30px}.skin-quiz__product-add{min-height:48px;padding:12px 16px}.skin-quiz__result-actions{gap:16px;margin-top:54px}.skin-quiz__disclaimer{line-height:1.7;margin-top:54px;padding-top:24px}@media(max-width:989px){.skin-quiz__results{padding:48px 34px}.skin-quiz__result-grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.skin-quiz__intro-content,.skin-quiz__questions,.skin-quiz__results{padding:38px 24px}.skin-quiz__benefits{margin-block:34px}.skin-quiz__help{margin-bottom:28px}.skin-quiz__option>span{padding:22px 20px}.skin-quiz__result-header{margin-bottom:44px}.skin-quiz__result-grid{gap:24px;grid-template-columns:1fr}.skin-quiz__product-content{padding:25px 22px 22px}.skin-quiz__result-actions{gap:12px;margin-top:42px}}.skin-quiz__shell{padding-block:clamp(40px,6vw,88px)}.skin-quiz__title{line-height:1.04}.skin-quiz__lead{margin-top:40px}.skin-quiz__benefits{gap:20px;margin-block:48px}.skin-quiz__button{min-height:54px;padding:14px 24px}.skin-quiz__note{margin-top:18px}.skin-quiz__progress-wrap{margin-bottom:clamp(64px,8vw,96px)}.skin-quiz__progress-meta{margin-bottom:16px}.skin-quiz__step legend{padding-bottom:24px}.skin-quiz__help{margin:0 0 44px}.skin-quiz__options{gap:20px}.skin-quiz__option{min-height:126px}.skin-quiz__option>span{padding:28px 26px}.skin-quiz__option small{margin-top:12px}.skin-quiz__navigation{margin-top:clamp(56px,8vw,88px)}.skin-quiz__result-header .skin-quiz__eyebrow{margin-bottom:26px}.skin-quiz__result-header>p:not(.skin-quiz__eyebrow){margin-block:34px}.skin-quiz__profile{margin-top:6px}.skin-quiz__product-content{padding:30px 28px 28px}.skin-quiz__product-price{margin-top:16px}.skin-quiz__product-reason{margin:24px 0 34px}.skin-quiz__result-actions{margin-top:64px}.skin-quiz__cart-status{margin-top:10px}.skin-quiz__disclaimer{margin-top:64px;padding-top:28px}@media(max-width:639px){.skin-quiz__shell{padding-block:28px 48px}.skin-quiz__lead{margin-top:30px}.skin-quiz__benefits{gap:16px;margin-block:36px}.skin-quiz__progress-wrap{margin-bottom:52px}.skin-quiz__step legend{padding-bottom:18px}.skin-quiz__help{margin-bottom:30px}.skin-quiz__options{gap:16px}.skin-quiz__option{min-height:108px}.skin-quiz__option>span{padding:24px 22px}.skin-quiz__navigation{margin-top:48px}.skin-quiz__product-content{padding:28px 24px 24px}.skin-quiz__result-actions,.skin-quiz__disclaimer{margin-top:48px}}.skin-quiz__intro-content>.skin-quiz__note{margin-top:28px!important}.skin-quiz__step>.skin-quiz__help{margin-bottom:48px!important}.skin-quiz__result-actions{border-bottom:1px solid var(--sq-border);margin-inline:auto;max-width:900px;padding-bottom:52px}.skin-quiz__disclaimer{border-top:0;margin:30px auto 0!important;padding-top:0}@media(max-width:639px){.skin-quiz__intro-content>.skin-quiz__note{margin-top:22px!important}.skin-quiz__step>.skin-quiz__help{margin-bottom:34px!important}.skin-quiz__result-actions{padding-bottom:38px}.skin-quiz__disclaimer{margin-top:24px!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-skin-quiz.css.map */