.sf-page{min-height:100vh;padding:60px 24px 80px;display:flex;flex-direction:column;align-items:center}.sf-progress{display:flex;align-items:center;gap:0;margin-bottom:48px;width:100%;max-width:480px}.sf-progress-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative}.sf-progress-step:after{content:"";position:absolute;top:16px;left:50%;width:100%;height:2px;background:rgba(var(--color-foreground),.12);z-index:0}.sf-progress-step:last-child:after{display:none}.sf-progress-dot{width:32px;height:32px;border-radius:50%;border:2px solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:rgba(var(--color-foreground),.4);position:relative;z-index:1;transition:all .3s ease}.sf-progress-step.active .sf-progress-dot,.sf-progress-step.done .sf-progress-dot{border-color:rgb(var(--color-button));background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.sf-progress-step.done:after{background:rgb(var(--color-button))}.sf-progress-label{font-size:11px;color:rgba(var(--color-foreground),.45);white-space:nowrap;font-weight:500}.sf-progress-step.active .sf-progress-label{color:rgb(var(--color-foreground))}.sf-question{width:100%;max-width:640px;display:none;flex-direction:column;align-items:center;text-align:center;gap:12px;animation:sf-fadein .4s ease}.sf-question.visible{display:flex}@keyframes sf-fadein{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sf-q-eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.5);margin:0}.sf-q-title{font-size:clamp(22px,4vw,36px);font-weight:700;color:rgb(var(--color-foreground));margin:0 0 8px;line-height:1.15}.sf-q-subtitle{font-size:15px;color:rgba(var(--color-foreground),.6);margin:0 0 32px}.sf-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%}@media screen and (min-width:600px){.sf-choices{grid-template-columns:repeat(2,1fr)}}.sf-choice{border:1.5px solid rgba(var(--color-foreground),.12);border-radius:16px;padding:20px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;background:rgb(var(--color-background));transition:border-color .25s ease,transform .2s ease,box-shadow .25s ease;text-align:center}.sf-choice:hover{border-color:rgba(var(--color-foreground),.35);transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.sf-choice.selected{border-color:rgb(var(--color-button));border-width:2px;background:rgba(var(--color-button),.06)}.sf-choice-emoji{font-size:32px;line-height:1}.sf-choice-label{font-size:15px;font-weight:600;color:rgb(var(--color-foreground));line-height:1.3}.sf-choice-desc{font-size:12px;color:rgba(var(--color-foreground),.55);line-height:1.5}.sf-nav{display:flex;gap:12px;margin-top:36px;width:100%;justify-content:center}.sf-btn-back{padding:13px 28px;border:1.5px solid rgba(var(--color-foreground),.2);border-radius:50px;background:transparent;color:rgb(var(--color-foreground));font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease}.sf-btn-back:hover{border-color:rgba(var(--color-foreground),.5)}.sf-btn-next{padding:13px 36px;border:none;border-radius:50px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .2s ease;letter-spacing:.03em}.sf-btn-next:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.sf-btn-next:not(:disabled):hover{opacity:.88;transform:scale(1.03)}.sf-result{display:none;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:520px;animation:sf-fadein .5s ease}.sf-result.visible{display:flex}.sf-result-eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.5);margin:0 0 16px}.sf-result-title{font-size:clamp(20px,3.5vw,30px);font-weight:700;color:rgb(var(--color-foreground));margin:0 0 32px}.sf-product-card{width:100%;border:1px solid rgba(var(--color-foreground),.1);border-radius:20px;overflow:hidden;background:rgb(var(--color-background));box-shadow:0 12px 40px #0000001a}.sf-product-img{width:100%;aspect-ratio:4/3;object-fit:contain;background:rgba(var(--color-foreground),.03);display:block;padding:32px}.sf-product-body{padding:24px 28px 28px;text-align:left}.sf-product-name{font-size:clamp(20px,3vw,28px);font-weight:700;color:rgb(var(--color-foreground));margin:0 0 8px;letter-spacing:-.01em}.sf-product-desc{font-size:14px;color:rgba(var(--color-foreground),.65);line-height:1.65;margin:0 0 16px}.sf-product-price{font-size:22px;font-weight:800;color:rgb(var(--color-button));margin:0 0 20px}.sf-product-price-compare{font-size:14px;color:rgba(var(--color-foreground),.4);text-decoration:line-through;margin-right:8px}.sf-atc-btn{display:block;width:100%;padding:15px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;transition:opacity .25s ease,transform .2s ease;letter-spacing:.04em}.sf-atc-btn:hover{opacity:.88;transform:scale(1.02)}.sf-retry-btn{margin-top:16px;background:none;border:none;color:rgba(var(--color-foreground),.55);font-size:13px;cursor:pointer;text-decoration:underline;padding:0}.sf-retry-btn:hover{color:rgb(var(--color-foreground))}.sf-no-match{padding:32px;border:1.5px dashed rgba(var(--color-foreground),.2);border-radius:16px;width:100%}@media screen and (max-width:480px){.sf-page{padding:40px 16px 60px}.sf-product-body{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/scent-finder.css.map */