#quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#quiz-overlay.quiz-open{opacity:1;visibility:visible}.quiz-modal{position:relative;width:min(680px,96vw);max-height:92vh;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000073;background:#fff}.quiz-screen{display:none;flex-direction:column}.quiz-screen.active{display:flex}.quiz-screen-intro{min-height:460px;background:linear-gradient(145deg,#7b1a1a,#c0391b 25%,#d96b20 55%,#f0a832 80%,#f5c842);align-items:center;justify-content:center;text-align:center;padding:60px 40px;color:#fff;position:relative;overflow:hidden}.quiz-intro-tag{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;opacity:.9;margin:0 0 20px}.quiz-intro-title{font-size:clamp(22px,4vw,32px);font-weight:400;font-style:italic;line-height:1.35;margin:0 0 16px;font-family:var(--font-heading-family, Georgia, serif)}.quiz-intro-sub{font-size:15px;opacity:.85;max-width:420px;line-height:1.65;margin:0 auto 36px}.quiz-btn-start{display:inline-block;background:#fff;color:#1a1a1a;font-weight:700;font-size:14px;letter-spacing:.05em;padding:14px 40px;border-radius:50px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.quiz-btn-start:hover{transform:scale(1.04);box-shadow:0 8px 24px #00000040}.quiz-screen-step{background:#fff;overflow-y:auto}.quiz-progress-bar{display:flex;gap:3px;padding:0}.quiz-progress-seg{flex:1;height:4px;background:#f0ede8;transition:background .4s ease}.quiz-progress-seg.done{background:#b05a1a}.quiz-step-header{padding:24px 36px 0}.quiz-step-count{font-size:11px;font-weight:700;letter-spacing:.12em;color:#b05a1a;text-transform:uppercase;margin:0 0 8px}.quiz-step-question{font-size:clamp(18px,3vw,24px);font-weight:700;color:#1a1a1a;line-height:1.3;margin:0 0 6px;font-family:var(--font-heading-family, serif)}.quiz-step-remaining{font-size:13px;color:#999;margin:0}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:22px 36px 20px}.quiz-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border:2px solid #e8e4df;border-radius:12px;cursor:pointer;background:#fafaf9;text-align:center;transition:border-color .2s,background .2s,transform .15s;font-family:inherit}.quiz-option:hover{border-color:#b05a1a;background:#fdf5ef;transform:translateY(-2px)}.quiz-option.selected{border-color:#b05a1a;background:#fdf5ef}.quiz-option-icon{font-size:26px;line-height:1}.quiz-option-label{font-size:14px;font-weight:600;color:#1a1a1a}.quiz-option-desc{font-size:11px;color:#999;line-height:1.35}.quiz-step-footer{padding:4px 36px 28px;display:flex;align-items:center;justify-content:space-between}.quiz-btn-back{background:none;border:none;font-size:13px;color:#aaa;cursor:pointer;padding:10px 0;font-family:inherit}.quiz-btn-back:hover{color:#1a1a1a}.quiz-btn-next{background:#b05a1a;color:#fff;font-weight:700;font-size:14px;padding:12px 32px;border-radius:50px;border:none;cursor:pointer;opacity:.45;pointer-events:none;transition:background .2s,transform .15s,opacity .2s;font-family:inherit}.quiz-btn-next.enabled{opacity:1;pointer-events:all}.quiz-btn-next.enabled:hover{background:#8f4714;transform:scale(1.02)}.quiz-screen-results{overflow-y:auto;max-height:92vh}.quiz-results-header{padding:32px 36px 18px;border-bottom:1px solid #f0ede8}.quiz-results-title{font-size:clamp(20px,3vw,26px);font-weight:700;font-family:var(--font-heading-family, serif);color:#1a1a1a;margin:0 0 4px}.quiz-results-sub{font-size:14px;color:#999;margin:0 0 10px}.quiz-results-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.quiz-results-summary .quiz-badge{font-size:11px}.quiz-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 36px}@media(max-width:480px){.quiz-results-grid{grid-template-columns:1fr;padding:16px 20px}.quiz-step-header{padding:20px 20px 0}.quiz-options{padding:16px 20px}.quiz-step-footer{padding:4px 20px 20px}.quiz-results-header{padding:24px 20px 16px}.quiz-results-footer{padding:0 20px 24px}.quiz-screen-intro{padding:48px 24px}}.quiz-product-card{border:1px solid #f0ede8;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.quiz-product-card:hover{box-shadow:0 4px 20px #0000001a}.quiz-product-img{aspect-ratio:1;object-fit:cover;width:100%;background:#f8f5f2;display:block}.quiz-product-body{padding:12px;display:flex;flex-direction:column;gap:7px;flex:1}.quiz-product-badges{display:flex;flex-wrap:wrap;gap:5px}.quiz-badge{font-size:10px;font-weight:600;letter-spacing:.05em;padding:3px 8px;border-radius:20px;background:#f5ede3;color:#8a4010;text-transform:uppercase}.quiz-product-title{font-size:12px;font-weight:600;color:#1a1a1a;line-height:1.35}.quiz-product-price{font-size:13px;font-weight:700;color:#b05a1a}.quiz-match-pct{font-size:11px;font-weight:700;color:#b05a1a;letter-spacing:.03em}.quiz-product-notes{display:flex;flex-direction:column;gap:2px;font-size:10px;color:#777;line-height:1.4}.quiz-product-notes strong{color:#555;font-weight:600}.quiz-btn-voir{display:block;text-align:center;background:transparent;border:1.5px solid #1a1a1a;color:#1a1a1a;font-size:11px;font-weight:700;letter-spacing:.04em;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .2s,color .2s}.quiz-btn-voir:hover{background:#1a1a1a;color:#fff}.quiz-btn-options{width:100%;background:#f5f5f3;border:1.5px solid #e8e4df;color:#1a1a1a;font-size:11px;font-weight:600;padding:8px 10px;border-radius:8px;cursor:pointer;text-align:center;font-family:inherit;transition:border-color .2s,background .2s}.quiz-btn-options:hover{border-color:#b05a1a;background:#fdf5ef}.quiz-variant-select{display:none;width:100%;padding:8px 10px;border:1.5px solid #e8e4df;border-radius:8px;font-size:11px;font-family:inherit;background:#fff;margin-top:6px;cursor:pointer}.quiz-btn-cart{width:100%;background:#1a1a1a;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:9px 10px;border-radius:8px;border:none;cursor:pointer;font-family:inherit;margin-top:6px;transition:background .2s,opacity .2s;opacity:.38;pointer-events:none}.quiz-btn-cart.enabled{opacity:1;pointer-events:all}.quiz-btn-cart.enabled:hover{background:#b05a1a}.quiz-cart-msg{font-size:10px;text-align:center;margin-top:4px;min-height:14px}.quiz-cart-msg.success{color:#2d8a4e;font-weight:600}.quiz-cart-msg.error{color:#c0392b}.quiz-no-results{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#888}.quiz-no-results-icon{font-size:44px;margin-bottom:14px}.quiz-no-results-title{font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.quiz-results-footer{padding:0 36px 32px;display:flex;flex-direction:column;align-items:center;gap:10px}.quiz-btn-show-more{background:#b05a1a;color:#fff;font-size:13px;font-weight:700;padding:12px 28px;border-radius:50px;border:none;cursor:pointer;font-family:inherit;transition:background .2s}.quiz-btn-show-more:hover{background:#8f4714}.quiz-btn-retry{background:none;border:2px solid #e8e4df;color:#888;font-size:13px;font-weight:600;padding:10px 28px;border-radius:50px;cursor:pointer;font-family:inherit;transition:border-color .2s,color .2s}.quiz-btn-retry:hover{border-color:#b05a1a;color:#b05a1a}.quiz-close{position:absolute;top:14px;right:14px;background:#ffffff40;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s}.quiz-close:hover{background:#fff6}.quiz-close-step{position:absolute;top:14px;right:14px;background:none;border:none;color:#bbb;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10;transition:color .2s}.quiz-close-step:hover{color:#1a1a1a}.quiz-product-page-cta{background:#faf6f1;border:1px solid #e8e0d5;border-radius:10px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.quiz-product-page-cta p{font-size:14px;font-weight:700;color:#1a1a1a;margin:0;font-family:var(--font-heading-family, serif)}.quiz-product-page-cta button{background:#b05a1a;color:#fff;font-weight:700;font-size:13px;padding:10px 22px;border-radius:50px;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .2s}.quiz-product-page-cta button:hover{background:#8f4714}
/*# sourceMappingURL=/cdn/shop/t/32/assets/quiz-parfum.css.map */