.hf-quiz{max-width:520px;margin:32px auto;background:#fff;border:.5px solid #e5e7eb;border-radius:20px;padding:32px 28px;font-family:inherit}.hf-quiz__prog{display:flex;justify-content:center;gap:6px;margin-bottom:24px}.hf-quiz__prog-dot{height:4px;border-radius:2px;background:#e5e7eb;transition:all .25s;display:inline-block}.hf-quiz__prog-dot.is-active{background:var(--hfq-a);width:28px}.hf-quiz__prog-dot:not(.is-active){width:18px}.hf-quiz__step{display:none}.hf-quiz__step.is-active{display:block}.hf-quiz__step-label{font-size:11px;color:#9ca3af;letter-spacing:.12em;font-weight:700;text-align:center;margin:0 0 6px;text-transform:uppercase}.hf-quiz__step-title{font-size:22px;font-weight:800;color:#111;text-align:center;margin:0 0 24px;line-height:1.2}.hf-quiz__section{margin-bottom:18px}.hf-quiz__section-label{font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;display:block}.hf-quiz__type-cards{display:flex;gap:12px}.hf-quiz__type-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 20px;border:1.5px solid #e5e7eb;border-radius:16px;background:#fff;cursor:pointer;font-family:inherit;transition:all .18s;text-align:center;gap:6px}.hf-quiz__type-card:hover{border-color:var(--hfq-a);background:#fff7ed}.hf-quiz__type-card.is-selected{border-color:var(--hfq-a);background:var(--hfq-a);color:#fff}.hf-quiz__type-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px;color:#6b7280;transition:all .18s;margin-bottom:2px}.hf-quiz__type-card:hover .hf-quiz__type-icon{background:#fff7ed;color:var(--hfq-a)}.hf-quiz__type-card.is-selected .hf-quiz__type-icon{background:#fff3;color:#fff}.hf-quiz__type-label{font-size:15px;font-weight:800;line-height:1.2}.hf-quiz__type-sub{font-size:11px;font-weight:500;color:#9ca3af;line-height:1.4;margin-top:2px}.hf-quiz__type-card.is-selected .hf-quiz__type-sub{color:#ffffffb3}.hfq-mol-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.hfq-mol-tab{padding:18px 10px;border:2px solid #e5e7eb;border-radius:14px;background:#fff;cursor:pointer;font-family:inherit;transition:all .15s;text-align:center;width:100%}.hfq-mol-tab:hover{border-color:var(--hfq-a);background:#fff7ed}.hfq-mol-tab.is-sel{border-color:var(--hfq-a);background:var(--hfq-a);color:#fff}.hfq-mol-tab-name{font-size:22px;font-weight:900;line-height:1;letter-spacing:-.01em}.hfq-mol-tab-name .plus{color:var(--hfq-a)}.hfq-mol-tab.is-sel .hfq-mol-tab-name .plus{color:#ffffffe6}.hfq-mol-tab-sub{font-size:11px;font-weight:500;opacity:.6;margin-top:5px;line-height:1.3}.hfq-mol-tab.is-sel .hfq-mol-tab-sub{opacity:.75}.hfq-taste-sep{display:flex;align-items:center;gap:10px;margin:0 0 12px}.hfq-taste-sep:before,.hfq-taste-sep:after{content:"";flex:1;height:1px;background:#f0f0f0}.hfq-taste-sep span{font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.hfq-taste-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:24px}.hfq-taste-scroll::-webkit-scrollbar{display:none}.hf-quiz__taste-chip{padding:10px 16px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;font-family:inherit;transition:all .15s;display:inline-flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap;flex-shrink:0}.hf-quiz__taste-chip:hover:not(.is-unavailable){border-color:var(--hfq-a);color:var(--hfq-a);background:#fff7ed}.hf-quiz__taste-chip.is-selected{border-color:var(--hfq-a);background:var(--hfq-a);color:#fff}.hf-quiz__taste-chip.is-unavailable{opacity:.28;cursor:not-allowed;pointer-events:none}.hf-quiz__taste-name{font-size:13px;font-weight:700;line-height:1.2}.hf-quiz__taste-sub{font-size:10px;font-weight:500;opacity:.65;line-height:1.3}.hf-quiz__list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.hf-quiz__list-btn{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;font-family:inherit;width:100%;transition:all .15s}.hf-quiz__list-btn:hover,.hf-quiz__list-btn.is-selected{border-color:var(--hfq-a);background:#fff7ed}.hf-quiz__list-label{font-size:14px;font-weight:700;color:#111}.hf-quiz__list-sub{font-size:12px;color:#9ca3af}.hf-quiz__nav{display:flex;gap:10px;margin-top:20px}.hf-quiz__btn-next,.hf-quiz__btn-back{flex:1;padding:14px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;border:none;transition:all .15s}.hf-quiz__btn-next{background:var(--hfq-a);color:#fff}.hf-quiz__btn-next:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.hf-quiz__btn-back{background:#fff;color:#111;border:1px solid #e5e7eb}.hfq-result-head{text-align:center;margin-bottom:20px}.hfq-result-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#fff7ed;border-radius:50px;margin-bottom:8px}.hfq-result-badge svg{width:12px;height:12px;fill:var(--hfq-a)}.hfq-result-badge span{font-size:11px;font-weight:700;color:#9a3412;letter-spacing:.1em;text-transform:uppercase}.hfq-result-title{font-size:20px;font-weight:800;color:#111;margin:0}.hfq-product{display:flex;align-items:center;gap:14px;padding:14px;background:#fafafa;border-radius:14px;margin-bottom:14px}.hfq-product-img{width:72px;height:72px;border-radius:12px;flex-shrink:0;overflow:hidden}.hfq-product-img img{width:100%;height:100%;object-fit:cover;display:block}.hfq-product-name{font-size:15px;font-weight:800;color:#111;margin-bottom:4px;line-height:1.2}.hfq-variant-row{margin-bottom:14px}.hfq-variant-label{font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;display:block}.hfq-variant-chips{display:flex;gap:7px;flex-wrap:wrap}.hfq-variant-chip{padding:7px 16px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;font-weight:700;color:#111;transition:all .15s;font-family:inherit}.hfq-variant-chip:hover{border-color:var(--hfq-a);color:var(--hfq-a)}.hfq-variant-chip.is-sel{border-color:var(--hfq-a);background:var(--hfq-a);color:#fff}.hfq-specs{background:#fff7ed;border-radius:12px;padding:14px 16px;margin-bottom:16px;border:.5px solid #fed7aa}.hfq-specs-header{font-size:10px;font-weight:700;color:#9a3412;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}.hfq-specs-rate-row{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.hfq-specs-rate{font-size:36px;font-weight:900;color:#111;line-height:1}.hfq-specs-mol{font-size:16px;font-weight:800;color:var(--hfq-a)}.hfq-specs-legal{font-size:11px;color:#9ca3af;margin-bottom:12px}.hfq-specs-attrs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px;border-top:.5px solid #fed7aa}.hfq-specs-attr-label{font-size:10px;font-weight:700;color:#9a3412;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;display:flex;align-items:center;gap:5px}.hfq-specs-attr-val{font-size:13px;font-weight:700;color:#111;line-height:1.3}.hfq-offer{margin-bottom:18px}.hfq-offer-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.hfq-opt{border:2px solid #e5e7eb;border-radius:14px;padding:14px 12px;cursor:pointer;transition:all .15s;text-align:left;background:#fff;width:100%;font-family:inherit}.hfq-opt.is-sel{border-color:var(--hfq-a);background:#fff7ed}.hfq-opt-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hfq-opt-radio{width:17px;height:17px;border-radius:50%;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.hfq-opt.is-sel .hfq-opt-radio{border-color:var(--hfq-a);background:var(--hfq-a)}.hfq-opt-radio-dot{width:7px;height:7px;background:#fff;border-radius:50%;opacity:0;transition:opacity .1s}.hfq-opt.is-sel .hfq-opt-radio-dot{opacity:1}.hfq-opt-name{font-size:13px;font-weight:800;color:#111}.hfq-opt.is-sel .hfq-opt-name{color:var(--hfq-a)}.hfq-opt-price{font-size:22px;font-weight:900;color:#6b7280;line-height:1;margin-bottom:3px}.hfq-opt.is-sel .hfq-opt-price{color:var(--hfq-a)}.hfq-opt-sub{font-size:11px;color:#9ca3af;font-weight:500}.hfq-opt-save{display:inline-flex;align-items:center;gap:4px;margin-top:7px;background:#dcfce7;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;color:#16a34a}.hfq-perks{display:flex;flex-direction:column;gap:7px;padding:13px 14px;background:#f9fafb;border-radius:12px}.hfq-perk{display:flex;align-items:center;gap:9px;font-size:13px;color:#374151}.hfq-perk svg{flex-shrink:0;color:var(--hfq-a)}.hfq-others-label{font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;display:block;margin-top:18px}.hfq-others{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.hfq-other{padding:10px;border:1.5px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.hfq-other:hover{border-color:var(--hfq-a)}.hfq-other.is-sel{border-color:var(--hfq-a);background:#fff7ed}.hfq-other-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hfq-other-check{width:18px;height:18px;border-radius:5px;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.hfq-other.is-sel .hfq-other-check{border-color:var(--hfq-a);background:var(--hfq-a)}.hfq-other-img{width:44px;height:44px;border-radius:8px;flex-shrink:0;overflow:hidden}.hfq-other-img img{width:100%;height:100%;object-fit:cover;display:block}.hfq-other-name{font-size:11px;font-weight:700;color:#111;line-height:1.3;flex:1;min-width:0}.hfq-other-price{font-size:12px;font-weight:800;color:var(--hfq-a);margin-top:4px}.hfq-other-variant{width:100%;padding:6px 8px;border:1px solid #e5e7eb;border-radius:8px;font-size:11px;font-weight:600;background:#fff;cursor:pointer;font-family:inherit;margin-top:6px;color:#111}.hfq-other.is-sel .hfq-other-variant{border-color:var(--hfq-a)}.hfq-cta{width:100%;padding:16px;background:var(--hfq-a);color:#fff;border:none;border-radius:13px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:9px;transition:opacity .15s;margin-bottom:10px}.hfq-cta:hover{opacity:.9}.hfq-cta:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.hf-quiz__restart{width:100%;padding:12px;background:none;border:1px solid #e5e7eb;border-radius:12px;font-size:13px;color:#6b7280;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .15s}.hf-quiz__restart:hover{border-color:#9ca3af}.hf-quiz__empty{text-align:center;padding:30px;color:#6b7280;font-size:13px;line-height:1.6}@media(max-width:480px){.hf-quiz{padding:22px 16px;margin:16px 12px;border-radius:16px}.hf-quiz__step-title{font-size:19px}.hf-quiz__type-cards{gap:10px}.hf-quiz__type-card{padding:18px 12px 16px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/hf-quiz.css.map */