.sfq-section{background:var(--sfq-background-gradient, var(--sfq-background));color:var(--sfq-text)}.sfq-section *{box-sizing:border-box}.sfq-section__inner{max-width:128rem}.sfq{display:block;position:relative;overflow:hidden;min-height:50rem;background:var(--sfq-card);border:.1rem solid color-mix(in srgb,var(--sfq-text) 12%,transparent);border-radius:var(--sfq-radius);box-shadow:0 2.4rem 7rem #14110f14}.sfq [hidden]{display:none!important}.sfq button,.sfq select{font:inherit}.sfq button:focus-visible,.sfq select:focus-visible,.sfq a:focus-visible,.sfq [tabindex="-1"]:focus-visible{outline:.2rem solid var(--sfq-accent);outline-offset:.3rem}.sfq svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.sfq__intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(34rem,.92fr);align-items:stretch;min-height:50rem}.sfq__intro-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(4rem,6vw,8rem);padding-right:clamp(3rem,4vw,6rem)}.sfq__eyebrow{margin:0 0 1.7rem;color:var(--sfq-accent);font-size:1.15rem;font-weight:700;letter-spacing:.17em;line-height:1.3}.sfq__heading{max-width:72rem;margin:0;color:var(--sfq-text);font-family:var(--font-heading-family);font-size:clamp(3.2rem,4.2vw,5.8rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.035em;line-height:1.02}.sfq__subheading{max-width:61rem;margin:2rem 0 0;color:var(--sfq-muted);font-size:1.7rem;line-height:1.65}.sfq__subheading p{margin:0}.sfq__benefits{display:flex;flex-wrap:wrap;gap:1rem 1.8rem;margin-top:2.6rem}.sfq__benefits span{display:inline-flex;align-items:center;gap:.7rem;color:var(--sfq-muted);font-size:1.28rem;line-height:1.35}.sfq__benefits svg{width:1.7rem;height:1.7rem;color:var(--sfq-accent)}.sfq__primary-button,.sfq__secondary-button{display:inline-flex;min-height:5.4rem;align-items:center;justify-content:center;gap:1rem;border-radius:999px;cursor:pointer;font-weight:650;letter-spacing:.01em;line-height:1.2;transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.sfq__primary-button{min-width:23rem;margin-top:3.2rem;padding:1.5rem 2.5rem;border:.1rem solid var(--sfq-button);background:var(--sfq-button);color:var(--sfq-button-text);box-shadow:0 1.2rem 2.8rem color-mix(in srgb,var(--sfq-button) 18%,transparent)}.sfq__primary-button svg{width:1.8rem;height:1.8rem}.sfq__primary-button:hover:not(:disabled),.sfq__secondary-button:hover:not(:disabled){transform:translateY(-.2rem)}.sfq__primary-button:disabled{cursor:not-allowed;opacity:.45}.sfq__product-count,.sfq__setup-note{margin:1.2rem 0 0;color:var(--sfq-muted);font-size:1.2rem}.sfq__setup-note{color:#9c342d}.sfq__visual{position:relative;display:flex;overflow:hidden;min-height:50rem;align-items:flex-end;justify-content:center;isolation:isolate;background:linear-gradient(145deg,color-mix(in srgb,var(--sfq-accent) 20%,white),color-mix(in srgb,var(--sfq-background) 72%,white))}.sfq__visual:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(color-mix(in srgb,var(--sfq-text) 13%,transparent) .08rem,transparent .08rem);background-size:1.8rem 1.8rem;content:"";opacity:.23}.sfq__visual-glow{position:absolute;z-index:-1;bottom:3%;left:50%;width:70%;aspect-ratio:1;border-radius:50%;background:#ffffffd6;filter:blur(1.5rem);transform:translate(-50%)}.sfq__visual-ring{position:absolute;z-index:-1;border:.1rem solid color-mix(in srgb,var(--sfq-text) 17%,transparent);border-radius:50%}.sfq__visual-ring--one{top:9%;right:-16%;width:60%;aspect-ratio:1}.sfq__visual-ring--two{bottom:9%;left:-20%;width:70%;aspect-ratio:1}.sfq__visual-image{position:relative;z-index:1;width:min(86%,44rem);height:92%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 2.5rem 2.8rem rgba(24,19,17,.18));transform:translateY(2%)}.sfq__visual-placeholder{width:min(60%,24rem);margin-bottom:5rem;color:color-mix(in srgb,var(--sfq-text) 65%,transparent);fill:#ffffff59;stroke-width:1}.sfq__visual-badge{position:absolute;z-index:2;top:3.2rem;left:3.2rem;display:grid;width:8.2rem;aspect-ratio:1;place-items:center;border:.1rem solid color-mix(in srgb,var(--sfq-text) 25%,transparent);border-radius:50%;background:#ffffffb8;color:var(--sfq-text);font-size:1.05rem;font-weight:700;letter-spacing:.12em;line-height:1.35;text-align:center;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.sfq__quiz{min-height:50rem;padding:clamp(2.4rem,4vw,5rem) clamp(2rem,7vw,9rem) clamp(3.2rem,5vw,6rem)}.sfq__quiz-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.sfq__back,.sfq__close{display:inline-flex;align-items:center;border:0;background:transparent;cursor:pointer}.sfq__back{justify-self:start;gap:.6rem;padding:.8rem .8rem .8rem 0;color:var(--sfq-muted);font-size:1.35rem}.sfq__back svg,.sfq__close svg{width:1.9rem;height:1.9rem}.sfq__close{justify-self:end;padding:.8rem 0 .8rem .8rem;color:var(--sfq-muted)}.sfq__step-label{margin:0;color:var(--sfq-muted);font-size:1.25rem;font-weight:650;letter-spacing:.04em}.sfq__progress{overflow:hidden;width:100%;height:.4rem;margin-top:1.5rem;border-radius:99px;background:color-mix(in srgb,var(--sfq-text) 10%,transparent)}.sfq__progress span{display:block;width:16.666%;height:100%;border-radius:inherit;background:var(--sfq-accent);transition:width .26s ease}.sfq__question-wrap{max-width:92rem;margin:4.5rem auto 0}.sfq__question-kicker{margin:0 0 .8rem;color:var(--sfq-accent);font-size:1.15rem;font-weight:700;letter-spacing:.14em}.sfq__question{margin:0;color:var(--sfq-text);font-family:var(--font-heading-family);font-size:clamp(2.7rem,3.5vw,4.3rem);font-weight:var(--font-heading-weight);letter-spacing:-.025em;line-height:1.12}.sfq__question-help{margin:1rem 0 0;color:var(--sfq-muted);font-size:1.35rem;line-height:1.5}.sfq__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:3rem}.sfq__options--mood,.sfq__options--favorite{grid-template-columns:repeat(3,minmax(0,1fr))}.sfq__option{position:relative;display:flex;min-height:8.2rem;align-items:center;gap:1.3rem;padding:1.5rem 1.7rem;border:.1rem solid color-mix(in srgb,var(--sfq-text) 15%,transparent);border-radius:calc(var(--sfq-radius) * .65);background:color-mix(in srgb,var(--sfq-card) 94%,var(--sfq-background));cursor:pointer;text-align:left;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease}.sfq__option:hover{border-color:color-mix(in srgb,var(--sfq-accent) 62%,transparent);transform:translateY(-.15rem)}.sfq__option.is-selected{border-color:var(--sfq-accent);background:color-mix(in srgb,var(--sfq-accent) 9%,var(--sfq-card));box-shadow:inset 0 0 0 .1rem var(--sfq-accent)}.sfq__option-icon{display:grid;flex:0 0 4.4rem;width:4.4rem;height:4.4rem;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--sfq-accent) 10%,var(--sfq-card));color:var(--sfq-accent)}.sfq__option-icon svg{width:2.15rem;height:2.15rem}.sfq__option-text{display:flex;flex-direction:column;gap:.3rem}.sfq__option-title{color:var(--sfq-text);font-size:1.48rem;font-weight:650;line-height:1.25}.sfq__option-description{color:var(--sfq-muted);font-size:1.16rem;line-height:1.35}.sfq__option-check{position:absolute;top:1.2rem;right:1.2rem;display:grid;width:2rem;height:2rem;place-items:center;border:.1rem solid color-mix(in srgb,var(--sfq-text) 18%,transparent);border-radius:50%;background:var(--sfq-card);color:transparent}.sfq__option-check svg{width:1.25rem;height:1.25rem;stroke-width:2.3}.sfq__option.is-selected .sfq__option-check{border-color:var(--sfq-accent);background:var(--sfq-accent);color:#fff}.sfq__message{min-height:2rem;margin:1.4rem auto 0;color:#9c342d;font-size:1.25rem;text-align:center}.sfq__quiz-actions{display:flex;justify-content:center}.sfq__primary-button--next{min-width:17rem;margin-top:.4rem}.sfq__results{min-height:50rem;padding:clamp(3.5rem,5vw,6rem) clamp(1.6rem,4vw,5rem)}.sfq__results-heading{max-width:78rem;margin:0 auto;text-align:center}.sfq__results-heading .sfq__heading{max-width:none;font-size:clamp(3rem,4vw,5rem)}.sfq__results-summary{max-width:66rem;margin:1.5rem auto 0;color:var(--sfq-muted);font-size:1.5rem;line-height:1.55}.sfq__result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;max-width:112rem;margin:4rem auto 0}.sfq__result-card{position:relative;display:flex;overflow:hidden;min-width:0;flex-direction:column;border:.1rem solid color-mix(in srgb,var(--sfq-text) 13%,transparent);border-radius:calc(var(--sfq-radius) * .85);background:var(--sfq-card);box-shadow:0 1.3rem 3rem #1914120f}.sfq__result-card:first-child{border-color:color-mix(in srgb,var(--sfq-accent) 70%,transparent);box-shadow:0 1.8rem 4rem color-mix(in srgb,var(--sfq-accent) 13%,transparent)}.sfq__result-label{position:absolute;z-index:2;top:1.4rem;left:1.4rem;max-width:calc(100% - 2.8rem);padding:.75rem 1.2rem;border-radius:999px;background:#141414e0;color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}.sfq__result-card:first-child .sfq__result-label{background:var(--sfq-accent)}.sfq__result-image-link{display:block;overflow:hidden;aspect-ratio:1 / 1;background:color-mix(in srgb,var(--sfq-background) 74%,white)}.sfq__result-image{width:100%;height:100%;object-fit:contain;padding:2.6rem;transition:transform .24s ease}.sfq__result-image-link:hover .sfq__result-image{transform:scale(1.035)}.sfq__result-image-placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--sfq-muted)}.sfq__result-image-placeholder svg{width:8rem;height:8rem}.sfq__result-content{display:flex;flex:1;flex-direction:column;padding:2rem}.sfq__result-title{margin:0;color:var(--sfq-text);font-family:var(--font-heading-family);font-size:2rem;font-weight:var(--font-heading-weight);letter-spacing:-.02em;line-height:1.2}.sfq__result-title a{color:inherit;text-decoration:none}.sfq__result-title a:hover{text-decoration:underline;text-underline-offset:.25rem}.sfq__result-reason{margin:1rem 0 0;color:var(--sfq-muted);font-size:1.25rem;line-height:1.5}.sfq__profile-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.sfq__profile-chip{padding:.55rem .85rem;border-radius:999px;background:color-mix(in srgb,var(--sfq-background) 82%,var(--sfq-accent));color:#fff;font-size:1.05rem;font-weight:600;line-height:1.2}.sfq__intensity{display:flex;align-items:center;gap:.8rem;margin-top:1.5rem;color:var(--sfq-muted);font-size:1.1rem}.sfq__intensity-dots{display:flex;gap:.35rem}.sfq__intensity-dot{width:.8rem;height:.8rem;border-radius:50%;background:color-mix(in srgb,var(--sfq-text) 15%,transparent)}.sfq__intensity-dot.is-active{background:var(--sfq-accent)}.sfq__result-form{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;margin-top:auto;padding-top:2rem}.sfq__variant-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.sfq__variant-select{width:100%;min-height:4.5rem;padding:0 3.5rem 0 1.2rem;border:.1rem solid color-mix(in srgb,var(--sfq-text) 18%,transparent);border-radius:.8rem;background-color:var(--sfq-card);color:var(--sfq-text);cursor:pointer;font-size:1.25rem}.sfq__price{color:var(--sfq-text);font-size:1.55rem;font-weight:700;white-space:nowrap}.sfq__cart-button{position:relative;display:flex;width:100%;min-height:4.8rem;align-items:center;justify-content:center;padding:1.2rem 1.6rem;border:.1rem solid var(--sfq-button);border-radius:999px;background:var(--sfq-button);color:var(--sfq-button-text);cursor:pointer;font-weight:650}.sfq__cart-button[aria-disabled=true]{cursor:wait;opacity:.72}.sfq__cart-button .loading__spinner{position:absolute;right:1.5rem;width:1.8rem;height:1.8rem}.sfq__cart-button .loading__spinner svg{width:100%;height:100%}.sfq__cart-button .sold-out-message{margin-left:.5rem}.sfq__product-error{margin-top:.7rem;color:#9c342d;font-size:1.1rem}.sfq__results-footer{display:flex;max-width:80rem;align-items:center;justify-content:center;gap:2rem;margin:3.5rem auto 0;text-align:left}.sfq__secondary-button{flex:0 0 auto;min-height:4.6rem;padding:1.1rem 1.8rem;border:.1rem solid color-mix(in srgb,var(--sfq-text) 24%,transparent);background:transparent;color:var(--sfq-text)}.sfq__secondary-button svg{width:1.7rem;height:1.7rem}.sfq__results-footer p{max-width:43rem;margin:0;color:var(--sfq-muted);font-size:1.1rem;line-height:1.45}.sfq__noscript,.sfq__empty-results{padding:2rem;color:var(--sfq-muted);text-align:center}@media screen and (max-width:989px){.sfq__intro{grid-template-columns:minmax(0,1.15fr) minmax(28rem,.85fr)}.sfq__intro-copy{padding:4.5rem 3.5rem}.sfq__visual,.sfq__intro,.sfq__quiz,.sfq__results{min-height:46rem}.sfq__options--mood,.sfq__options--favorite,.sfq__result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sfq__result-card:first-child{grid-column:1 / -1;width:calc(50% - .8rem);justify-self:center}}@media screen and (max-width:749px){.sfq-section__inner.page-width{padding-right:1.2rem;padding-left:1.2rem}.sfq{min-height:0;border-radius:min(var(--sfq-radius),1.8rem)}.sfq__intro{display:flex;min-height:0;flex-direction:column}.sfq__intro-copy{align-items:stretch;padding:3.6rem 2rem 2.8rem;text-align:center}.sfq__eyebrow{margin-bottom:1.3rem}.sfq__heading{font-size:clamp(3rem,9vw,4rem)}.sfq__subheading{margin-top:1.5rem;font-size:1.48rem;line-height:1.55}.sfq__benefits{justify-content:center;gap:.8rem 1.2rem;margin-top:2rem}.sfq__benefits span{font-size:1.12rem}.sfq__primary-button{width:100%;min-width:0;margin-top:2.5rem}.sfq__visual{min-height:28rem;order:-1}.sfq__visual-image{width:min(74%,29rem);height:95%}.sfq__visual-badge{top:1.8rem;left:1.8rem;width:6.5rem;font-size:.85rem}.sfq__quiz{min-height:54rem;padding:2.2rem 1.7rem 3rem}.sfq__back span{display:none}.sfq__question-wrap{margin-top:3.2rem}.sfq__question{font-size:2.75rem}.sfq__options,.sfq__options--mood,.sfq__options--favorite{grid-template-columns:minmax(0,1fr);gap:.85rem;margin-top:2.3rem}.sfq__option{min-height:6.7rem;padding:1.15rem 1.25rem}.sfq__option-icon{flex-basis:3.8rem;width:3.8rem;height:3.8rem}.sfq__option-icon svg{width:1.8rem;height:1.8rem}.sfq__option-title{padding-right:1.8rem;font-size:1.36rem}.sfq__option-description{font-size:1.08rem}.sfq__results{min-height:0;padding:3.6rem 1.2rem}.sfq__results-heading{padding:0 .8rem}.sfq__results-summary{font-size:1.35rem}.sfq__result-grid{display:flex;overflow-x:auto;margin-top:3rem;padding:.2rem .4rem 1.5rem;gap:1.2rem;scroll-padding-left:.4rem;scroll-snap-type:x mandatory;scrollbar-width:thin}.sfq__result-card,.sfq__result-card:first-child{width:min(84vw,34rem);min-width:min(84vw,34rem);scroll-snap-align:center}.sfq__result-image-link{aspect-ratio:1.08 / 1}.sfq__result-content{padding:1.7rem}.sfq__results-footer{flex-direction:column;gap:1.4rem;margin-top:2.2rem;text-align:center}.sfq__secondary-button{width:100%}}@media(prefers-reduced-motion:reduce){.sfq *,.sfq *:before,.sfq *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/section-sateja-fragrance-quiz.css.map */