.quiz-flow{position:relative;background:var(--color-hero-bg, #EDE0C5);min-height:100vh;min-height:100svh;padding:100px 40px 32px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.quiz-flow.qf-hidden{display:none}.qf__inner{position:relative;max-width:1560px;margin-inline:auto;width:100%;flex:1;display:flex;flex-direction:column}.qf__quiz{flex:1;display:flex;flex-direction:column}.qf__quiz[hidden]{display:none}.qf__quiz:before{content:"";flex:0 1 7vh}.qf__result{flex:1;display:flex;flex-direction:column}.qf__result[hidden]{display:none}.qf__result-grid{flex:1}@keyframes qfFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.qf-anim{animation:qfFadeUp .7s ease both}@media(prefers-reduced-motion:reduce){.qf-anim{animation:none}}.qf__question{font-family:var(--font-heading);font-weight:400;font-size:clamp(34px,4.2vw,64px);line-height:1.15;letter-spacing:.02em;color:var(--color-primary-text);text-align:center;max-width:900px;margin:0 auto clamp(32px,6vh,90px)}.qf__options{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;max-width:1480px;margin-inline:auto}.qf__option{appearance:none;-webkit-appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:clamp(170px,24vh,220px);padding:clamp(28px,3.5vh,40px) 36px;background:#f5f2ec8c;border:1.5px solid transparent;border-radius:24px;cursor:pointer;text-align:center;transition:background var(--transition-base, .3s ease),border-color var(--transition-base, .3s ease),box-shadow var(--transition-base, .3s ease),transform var(--transition-base, .3s ease)}@keyframes qfGlowDrift{0%,to{box-shadow:0 6px 28px #67545414,-26px 14px 90px 20px #f6885057}50%{box-shadow:0 6px 28px #67545414,26px -14px 90px 24px #f6885066}}.qf__option:hover,.qf__option:focus-visible{background:#fffdf8e6;box-shadow:0 6px 28px #67545414,0 0 90px 22px #f688505c;animation:qfGlowDrift 5.5s ease-in-out infinite;transform:translateY(-3px)}.qf__option:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.qf__option.is-selected{border-color:transparent;background:linear-gradient(#fffdf8f5,#fffdf8f5) padding-box,linear-gradient(165deg,#f68850,#f6885073 45%,#f9a778) border-box;box-shadow:0 12px 40px #67545424,0 0 70px 14px #f6885047;animation:none;transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.qf__option:hover,.qf__option:focus-visible{animation:none}}.qf__option-title{font-family:var(--font-body);font-weight:500;font-size:clamp(20px,1.8vw,28px);line-height:1.25;color:var(--color-primary-text)}.qf__option-desc{font-family:var(--font-body);font-style:italic;font-size:clamp(14px,1.15vw,18px);line-height:1.5;color:var(--color-primary-text);opacity:.72;max-width:320px}.qf__progress{display:flex;justify-content:center;gap:34px;margin-top:clamp(28px,6vh,80px)}.qf__dot{font-family:var(--font-body);font-size:22px;letter-spacing:.04em;color:var(--color-primary-text);opacity:.35;transition:opacity var(--transition-base, .3s ease),font-weight .1s}.qf__dot.is-active{opacity:1;font-weight:600;color:#3f3232}.qf__nav{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px}.qf__nav-btn{-webkit-appearance:none;appearance:none;background:none;border:none;padding:8px 4px;cursor:pointer;font-family:var(--font-heading);font-weight:400;font-size:clamp(24px,2vw,32px);letter-spacing:.03em;color:var(--color-primary-text);opacity:.85;transition:opacity var(--transition-base, .3s ease),transform var(--transition-base, .3s ease)}.qf__nav-btn:hover:not(:disabled){opacity:1;transform:scale(1.02)}.qf__nav-btn:disabled{opacity:.3;cursor:default}.qf__nav-arrow{display:none;width:30px;height:30px}.qf__result-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}.qf__panel{background:#f5f2ec;border-radius:28px;padding:clamp(26px,2.8vw,44px)}.qf__result-title{font-family:var(--font-heading);font-weight:400;font-size:clamp(26px,2.2vw,38px);letter-spacing:.02em;color:var(--color-primary-text);margin:-10px 0 -20px}.qf__result-sub{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);line-height:1.6;color:var(--color-primary-text);opacity:.75;margin:0 0 30px;max-width:560px}.qf__rows{display:flex;flex-direction:column;gap:28px;margin-bottom:34px}.qf__row{display:grid;grid-template-columns:56px 1fr;column-gap:22px;align-items:center}.qf__row-icon{grid-row:span 2;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.qf__row-icon svg{width:30px;height:30px}.qf__row-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.qf__row-name{font-family:var(--font-body);font-weight:600;font-size:clamp(15px,1.1vw,18px);color:var(--color-primary-text);margin:0}.qf__row-sub{display:block;font-family:var(--font-body);font-style:italic;font-weight:400;font-size:clamp(12px,1vw,15px);opacity:.65;margin-top:2px}.qf__row-pct{font-family:var(--font-body);font-weight:600;font-size:clamp(16px,1.3vw,21px);white-space:nowrap}.qf__bar{margin-top:9px;height:10px;background:#fff;border-radius:100px;overflow:hidden}@keyframes qfBarGrow{0%{width:0}}.qf__bar-fill{display:block;height:100%;border-radius:100px;animation:qfBarGrow 1.1s ease .3s both}@media(prefers-reduced-motion:reduce){.qf__bar-fill{animation:none}}.qf__priority{display:flex;align-items:center;gap:22px;border:1px solid var(--color-accent);border-radius:18px;padding:26px 30px;background:transparent}.qf__priority-icon{flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:#f6885029;color:var(--color-accent);display:flex;align-items:center;justify-content:center}.qf__priority-icon svg{width:30px;height:30px}.qf__priority-title{font-family:var(--font-body);font-weight:600;font-size:clamp(15px,1.2vw,19px);color:var(--color-primary-text);margin:0 0 6px}.qf__priority-text{font-family:var(--font-body);font-size:clamp(12px,.95vw,14px);line-height:1.55;color:var(--color-primary-text);opacity:.75;margin:0}.qf__panel--rec{display:flex;flex-direction:column;text-align:center}.qf__rec-title{font-family:var(--font-body);font-weight:600;font-size:clamp(18px,1.5vw,23px);color:#3f3232;margin:-10px 0 -20px}.qf__rec-text{font-family:var(--font-body);font-size:clamp(12px,.95vw,14px);line-height:1.6;color:var(--color-primary-text);opacity:.85;margin:0 auto 24px;max-width:520px}.qf__rec-text strong{color:var(--color-accent);font-weight:600}.qf__products{display:grid;grid-template-columns:1fr;gap:20px;flex:1;align-content:start}.qf__products.is-dual{grid-template-columns:1fr 1fr}.qf__product{display:flex;flex-direction:column;text-align:left}.qf__product-card{position:relative;border:1px solid var(--color-primary-text);border-radius:18px;padding:26px 20px 20px;margin-top:14px;flex:1;display:flex;flex-direction:column}.qf__product-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#f5f2ec;border:1px solid var(--color-primary-text);border-radius:100px;padding:4px 18px;font-family:var(--font-body);font-size:13px;color:#3f3232;white-space:nowrap}.qf__product-media{background:#efe8d8;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.qf__product-media a{display:flex;align-items:center;justify-content:center}.qf__product-media img{max-width:100%;height:auto;max-height:170px;object-fit:contain;transition:transform .5s ease}.qf__product-card:hover .qf__product-media img{transform:scale(1.03)}.qf__product-name{font-family:var(--font-body);font-weight:600;font-size:clamp(15px,1.2vw,19px);color:#3f3232;margin:0;line-height:1.25}.qf__product-price{white-space:nowrap;font-weight:400;font-size:.78em;opacity:.65}.qf__product-sub{font-family:var(--font-body);font-style:italic;font-size:clamp(12px,1vw,14px);color:var(--color-primary-text);margin:2px 0 5px}.qf__product-desc{font-family:var(--font-body);font-style:italic;font-size:clamp(11px,.9vw,13px);line-height:1.45;color:var(--color-primary-text);opacity:.7;margin:0}.qf__product-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.qf__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:13px 22px;border-radius:100px;font-family:var(--font-heading);font-weight:400;font-size:clamp(15px,1.1vw,18px);letter-spacing:.03em;text-decoration:none;cursor:pointer;transition:opacity var(--transition-base, .3s ease),transform var(--transition-base, .3s ease),background var(--transition-base, .3s ease)}.qf__btn--add{background:var(--color-accent);color:#fff;border:none}.qf__btn--add:hover:not(:disabled){opacity:.88;transform:scale(1.02)}.qf__btn--add:disabled{opacity:.6;cursor:default}.qf__result-back{margin-top:auto;padding-top:28px;align-self:flex-start}@media(max-width:1100px){.qf__result-grid{grid-template-columns:1fr}}@media(max-width:820px){.quiz-flow{padding:96px 20px 28px}.qf__quiz:before{flex:0 1 2vh}.qf__question{font-size:clamp(26px,7vw,34px);line-height:1.25;margin-bottom:clamp(24px,4vh,40px)}.qf__options{grid-template-columns:1fr;gap:16px}.qf__option{min-height:0;padding:26px 22px;gap:8px;border-radius:28px}.qf__option-title{font-size:20px}.qf__option-desc{font-size:15px;max-width:300px}.qf__option:hover,.qf__option:focus-visible{animation:none}.qf__progress{gap:26px;margin-top:clamp(24px,4vh,40px)}.qf__dot{font-size:17px}.qf__dot.is-done{opacity:1;font-weight:600;color:#3f3232}.qf__nav{justify-content:center;gap:56px;padding-top:16px}.qf__nav-text{display:none}.qf__nav-arrow{display:block}.qf__nav-btn{padding:10px}.qf__products.is-dual{grid-template-columns:1fr}.qf__row{grid-template-columns:48px 1fr;column-gap:14px}.qf__row-icon{width:48px;height:48px}.qf__row-icon svg{width:26px;height:26px}.qf__priority{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-quiz-flow.css.map */