.fragrance-finder{--ff-ink: rgb(var(--color-foreground, 28 26 22));--ff-accent: #b08d4f;--ff-tint-a: #f6f3ec;--ff-tint-b: #ece5d7;--ff-radius: 14px;position:relative;padding:clamp(2rem,6vw,5rem) 1.25rem clamp(3rem,8vw,6rem);background:linear-gradient(170deg,var(--ff-tint-a),var(--ff-tint-b));transition:background .7s ease;overflow-x:hidden}.fragrance-finder[data-ff-tint=aqua]{--ff-tint-a: #eaf6f8;--ff-tint-b: #cfe7ee;--ff-accent: #4f8fa3}.fragrance-finder[data-ff-tint=floral]{--ff-tint-a: #fbeef1;--ff-tint-b: #f2d9e0;--ff-accent: #b5717f}.fragrance-finder[data-ff-tint=fruity]{--ff-tint-a: #fdefe6;--ff-tint-b: #f8d7c2;--ff-accent: #c56a45}.fragrance-finder[data-ff-tint=gourmand]{--ff-tint-a: #f6ead9;--ff-tint-b: #e6cba4;--ff-accent: #b9812f}.fragrance-finder[data-ff-tint=woody]{--ff-tint-a: #efe8db;--ff-tint-b: #d8c8ab;--ff-accent: #8a6a3d}.fragrance-finder[data-ff-tint=oud]{--ff-tint-a: #efe6dc;--ff-tint-b: #d5c3ae;--ff-accent: #8a5f36}.fragrance-finder__inner{max-width:1080px;margin:0 auto}.ff-head{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.ff-head__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2rem;margin-bottom:.75rem}.ff-back{background:none;border:0;padding:.5rem .25rem;font:inherit;font-size:.85rem;letter-spacing:.06em;color:var(--ff-ink);opacity:.7;cursor:pointer}.ff-back:hover{opacity:1}.ff-back[hidden]{visibility:hidden;display:inline-block}.ff-progress{font-size:.8rem;letter-spacing:.18em;opacity:.6;margin-left:auto}.ff-progress-track{height:2px;background:#0000001f;border-radius:2px;overflow:hidden}.ff-progress-bar{display:block;height:100%;width:0;background:var(--ff-accent);transition:width .45s cubic-bezier(.2,.8,.2,1)}.ff-intro{text-align:center;max-width:640px;margin:0 auto;padding:clamp(1rem,5vw,3rem) 0}.ff-intro__title{font-size:clamp(2rem,7vw,3.4rem);line-height:1.1;margin:0 0 .75rem}.ff-intro__tagline{font-size:clamp(.95rem,2.6vw,1.15rem);font-style:italic;opacity:.85;margin:0 0 1.5rem}.ff-intro__body{font-size:clamp(.9rem,2.4vw,1rem);line-height:1.7;opacity:.8;margin:0 auto 2rem;max-width:34rem}.ff-intro__small{font-size:.78rem;opacity:.6;margin:1rem 0 0}.ff-question.is-entering{animation:ff-fade-up .42s cubic-bezier(.2,.8,.2,1) both}@keyframes ff-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ff-question__title{font-size:clamp(1.5rem,5vw,2.5rem);line-height:1.2;text-align:center;margin:0 0 .5rem}.ff-question__hint{text-align:center;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;opacity:.55;margin:0 0 1.75rem}.ff-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;margin-top:1.5rem}.ff-option{position:relative;display:flex;flex-direction:column;gap:.35rem;text-align:left;padding:1.15rem 1.25rem;min-height:88px;border:1px solid rgba(0,0,0,.14);border-radius:var(--ff-radius);background:#ffffff9e;color:var(--ff-ink);font:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.ff-option:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px #00000059;border-color:var(--ff-accent)}.ff-option:focus-visible{outline:2px solid var(--ff-accent);outline-offset:3px}.ff-option.is-selected{border-color:var(--ff-accent);background:#ffffffeb;box-shadow:0 0 0 2px var(--ff-accent) inset}.ff-option__icon{font-size:1.4rem;line-height:1}.ff-option__label{font-size:1rem;font-weight:600;letter-spacing:.03em}.ff-option__sub{font-size:.85rem;line-height:1.5;opacity:.72}.ff-option__check{position:absolute;top:.7rem;right:.85rem;width:1.25rem;height:1.25rem;display:grid;place-items:center;border-radius:50%;background:var(--ff-accent);color:#fff;font-size:.7rem;opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .18s ease}.ff-option.is-selected .ff-option__check{opacity:1;transform:scale(1)}.ff-continue{display:block;margin:1.75rem auto 0;padding:.95rem 2.2rem;border-radius:999px;border:0;background:var(--ff-ink);color:#fff;font:inherit;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}.ff-continue:disabled{opacity:.35;cursor:not-allowed}.ff-analysing{text-align:center;padding:clamp(3rem,12vw,6rem) 0}.ff-analysing__ring{width:42px;height:42px;margin:0 auto 1.5rem;border:2px solid rgba(0,0,0,.12);border-top-color:var(--ff-accent);border-radius:50%;animation:ff-spin .9s linear infinite}@keyframes ff-spin{to{transform:rotate(360deg)}}.ff-analysing__line{font-size:clamp(1rem,3vw,1.3rem);letter-spacing:.02em;opacity:.8;margin:0}.ff-results__title{text-align:center;font-size:clamp(1.6rem,5vw,2.6rem);margin:0 0 2rem}.ff-card{background:#ffffffc7;border:1px solid rgba(0,0,0,.1);border-radius:18px;padding:1.25rem;margin-bottom:1.25rem;animation:ff-fade-up .5s cubic-bezier(.2,.8,.2,1) both}.ff-card--primary{border-color:var(--ff-accent);box-shadow:0 16px 40px -26px #00000080}.ff-card--secondary{animation-delay:.12s}.ff-card--wildcard{animation-delay:.24s}.ff-card__eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin:0 0 .85rem}.ff-card__body{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:1.25rem;align-items:start}.ff-card__media{display:block;border-radius:12px;overflow:hidden;background:#0000000a}.ff-card__media img{width:100%;height:auto;display:block}.ff-card__match{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.ff-card__pct{font-size:1.5rem;font-weight:600;color:var(--ff-accent);letter-spacing:0}.ff-card__title{font-size:clamp(1.2rem,3.4vw,1.7rem);margin:.35rem 0 .6rem;line-height:1.2}.ff-card__title a{color:inherit;text-decoration:none}.ff-card__title a:hover{text-decoration:underline}.ff-card__notes{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.ff-note{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border:1px solid rgba(0,0,0,.18);border-radius:999px;opacity:.8}.ff-card__why{font-size:.9rem;line-height:1.65;opacity:.85;margin:0 0 1rem}.ff-card__why strong{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;opacity:.65;margin-bottom:.35rem}.ff-card__price-row{display:flex;align-items:baseline;gap:.6rem;margin-bottom:1rem}.ff-card__price{font-size:1.1rem;font-weight:600}.ff-card__compare{font-size:.9rem;opacity:.5;text-decoration:line-through}.ff-card__sold{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.ff-card__actions{display:flex;flex-wrap:wrap;gap:.6rem}.ff-btn{display:inline-block;padding:.85rem 1.6rem;border-radius:999px;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid transparent;font-family:inherit;transition:transform .18s ease,opacity .18s ease}.ff-btn:hover{transform:translateY(-1px)}.ff-btn--primary{background:var(--ff-ink);color:#fff}.ff-btn--ghost{background:transparent;color:var(--ff-ink);border-color:#0000004d}.ff-btn:focus-visible{outline:2px solid var(--ff-accent);outline-offset:3px}.ff-results__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem}.ff-restart,.ff-share{background:none;border:1px solid rgba(0,0,0,.25);border-radius:999px;padding:.75rem 1.5rem;font:inherit;font-size:.8rem;letter-spacing:.08em;color:var(--ff-ink);cursor:pointer}.ff-restart:hover,.ff-share:hover{border-color:var(--ff-accent)}@media screen and (max-width:749px){.ff-options{grid-template-columns:1fr;gap:.7rem}.ff-option{min-height:72px;padding:1rem}.ff-card__body{grid-template-columns:1fr}.ff-card__media{max-width:190px}.ff-card__actions .ff-btn{flex:1 1 auto;text-align:center}}@media(prefers-reduced-motion:reduce){.fragrance-finder *,.fragrance-finder *:before,.fragrance-finder *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}html.ff-modal-open{overflow:hidden}.ff-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:1rem}.ff-modal[hidden]{display:none}.ff-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ff-fade-in .26s ease both}@keyframes ff-fade-in{0%{opacity:0}to{opacity:1}}.ff-modal__panel{position:relative;width:min(980px,100%);max-height:min(92vh,900px);overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:18px;background:#fff;box-shadow:0 40px 90px -40px #0009;animation:ff-modal-in .34s cubic-bezier(.2,.8,.2,1) both}@keyframes ff-modal-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.ff-modal__close{position:absolute;top:.6rem;right:.75rem;z-index:3;width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:#ffffffd9;color:#1c1a16;font-size:1.6rem;line-height:1;cursor:pointer;transition:background .18s ease}.ff-modal__close:hover{background:#fff}.ff-modal__close:focus-visible{outline:2px solid var(--ff-accent, #b08d4f);outline-offset:2px}.fragrance-finder--modal{padding:clamp(1.75rem,5vw,3rem) clamp(1rem,4vw,2.5rem) clamp(2rem,5vw,3rem);border-radius:18px}.ff-fab{position:fixed;right:1rem;bottom:1rem;z-index:9990;padding:.85rem 1.4rem;border:0;border-radius:999px;background:#1c1a16;color:#fff;font-family:inherit;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 30px -12px #0000008c;transition:transform .2s ease}.ff-fab:hover{transform:translateY(-2px)}.ff-fab:focus-visible{outline:2px solid #b08d4f;outline-offset:3px}@media screen and (max-width:749px){.ff-modal{padding:0}.ff-modal__panel{width:100%;max-height:100vh;border-radius:0}.fragrance-finder--modal{border-radius:0}.ff-fab{right:.75rem;bottom:.75rem;font-size:.72rem;padding:.75rem 1.15rem}}@media(prefers-reduced-motion:reduce){.ff-modal__overlay,.ff-modal__panel{animation:none!important}}.ff-switch{display:block;margin:1.5rem auto 0;background:none;border:0;font:inherit;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.55;cursor:pointer;text-decoration:underline;text-underline-offset:4px;color:inherit}.ff-switch:hover{opacity:1}.ff-alt-title{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin:2rem 0 1rem;text-align:center}.ff-alts{display:grid;gap:1rem}@media screen and (min-width:750px){.ff-alts{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/fragrance-finder.css.map */