:root{--mcs-quiz-accent: #C2DED9;--mcs-quiz-accent-dark: #8AB5AF;--mcs-quiz-bg: #FFFFFF;--mcs-quiz-overlay: rgba(0, 0, 0, .6);--mcs-quiz-text: #321e1e;--mcs-quiz-text-light: #7a6363;--mcs-quiz-border: #e8e0e0;--mcs-quiz-card-hover: #EEF6F5;--mcs-quiz-card-selected: #DCEEED;--mcs-quiz-radius: 14px;--mcs-quiz-transition: .25s ease}#mcs-quiz-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mcs-quiz-overlay);z-index:9999;align-items:center;justify-content:center;padding:16px}#mcs-quiz-overlay.is-open{display:flex}#mcs-quiz-modal{background:var(--mcs-quiz-bg);border-radius:var(--mcs-quiz-radius);width:100%;max-width:620px;min-height:min(620px,calc(100vw - 32px));max-height:92vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #321e1e33;overflow:hidden}.mcs-quiz-header{display:flex;flex-direction:column;gap:14px;padding:14px 28px;flex-shrink:0}.mcs-quiz-header-row{display:flex;justify-content:center;align-items:center;position:relative}.mcs-quiz-header-title{font-size:14px;font-weight:400;color:var(--mcs-quiz-text)}.mcs-quiz-close{background:none;border:none;cursor:pointer;padding:4px 0;color:var(--mcs-quiz-text-light);font-size:22px;line-height:1;position:absolute;right:0;transition:color var(--mcs-quiz-transition)}.mcs-quiz-close:hover{color:var(--mcs-quiz-text)}.mcs-quiz-progress{padding:0}.mcs-quiz-progress-label{font-size:12px;color:var(--mcs-quiz-text-light);margin-bottom:6px;max-height:30px;overflow:hidden;opacity:1;transition:max-height .35s ease,opacity .25s ease,margin-bottom .35s ease}.mcs-quiz-progress-label.is-hidden{max-height:0;opacity:0;margin-bottom:0}.mcs-quiz-progress-bar{height:3px;background:var(--mcs-quiz-border);border-radius:2px;overflow:hidden}.mcs-quiz-progress-fill{height:100%;background:var(--mcs-quiz-accent);border-radius:2px;transition:width .4s ease}.mcs-quiz-steps{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.mcs-quiz-step{display:none;flex-direction:column;padding:20px 28px 24px}.mcs-quiz-step.is-active{display:flex;flex:1;animation:mcsQuizFadeIn .25s ease both}@keyframes mcsQuizFadeIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.mcs-quiz-step-body{flex:1;min-height:0;overflow-y:auto}.mcs-quiz-nav{flex-shrink:0;display:flex;gap:12px;justify-content:space-between;padding-top:16px;border-top:1px solid var(--mcs-quiz-border);margin-top:auto}#mcs-quiz-step-0 .mcs-quiz-step-body{display:flex;flex-direction:column;justify-content:center;overflow-y:visible}.mcs-quiz-intro-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px}.mcs-quiz-intro-body h2{font-size:var(--mcs-q-size, 26px);font-weight:400;color:var(--mcs-quiz-text);margin:0 0 12px;line-height:var(--mcs-q-lh, 1.15);letter-spacing:var(--mcs-q-ls, -.02em);text-wrap:balance;text-align:center;width:100%}.mcs-quiz-intro-body p{font-size:var(--mcs-hint-size, 15px);color:var(--mcs-quiz-text-light);margin:0 0 28px;line-height:var(--mcs-hint-lh, 1.5);letter-spacing:var(--mcs-hint-ls, 0em);max-width:380px}.mcs-quiz-question{font-size:var(--mcs-q-size, 26px);font-weight:400;color:var(--mcs-quiz-text);margin:0 0 16px;line-height:var(--mcs-q-lh, 1.15);letter-spacing:var(--mcs-q-ls, -.02em);text-wrap:balance}.mcs-quiz-hint{font-size:var(--mcs-hint-size, 13px);color:var(--mcs-quiz-text-light);margin:0 0 18px;letter-spacing:var(--mcs-hint-ls, 0em);line-height:var(--mcs-hint-lh, 1.45)}.mcs-quiz-cards{display:grid;grid-template-columns:1fr;gap:10px}.mcs-quiz-card{border:1px solid var(--mcs-quiz-border);border-radius:10px;padding:13px 14px;cursor:pointer;transition:all var(--mcs-quiz-transition);background:var(--mcs-quiz-bg);text-align:left;display:flex;align-items:center;gap:10px}.mcs-quiz-card:hover{border-color:var(--mcs-quiz-accent);background:var(--mcs-quiz-card-hover)}.mcs-quiz-card.is-selected{border-color:var(--mcs-quiz-accent);background:var(--mcs-quiz-card-selected)}.mcs-quiz-card-text{font-size:var(--mcs-card-size, 14px);font-weight:500;color:var(--mcs-quiz-text);line-height:var(--mcs-card-lh, 1.25);letter-spacing:var(--mcs-card-ls, 0em)}.mcs-quiz-btn{padding:13px 24px;border-radius:999px;font-size:14px;font-weight:400;cursor:pointer;transition:all var(--mcs-quiz-transition);border:none;flex:1}.mcs-quiz-btn-primary{background:var(--mcs-quiz-accent);color:var(--mcs-quiz-text)}.mcs-quiz-btn-primary:hover{background:#000;color:#fff}.mcs-quiz-btn-primary:disabled{opacity:.4;cursor:not-allowed}.mcs-quiz-btn-secondary{background:transparent;color:var(--mcs-quiz-text-light);border:1px solid var(--mcs-quiz-border);flex:0 0 auto;padding:13px 18px}.mcs-quiz-btn-secondary:hover{border-color:var(--mcs-quiz-text-light);color:var(--mcs-quiz-text)}.mcs-quiz-btn-skip{width:100%;margin-top:12px;text-align:center}.mcs-quiz-form{display:flex;flex-direction:column;gap:14px}.mcs-quiz-field label{display:block;font-size:13px;font-weight:400;color:var(--mcs-quiz-text);margin-bottom:5px}.mcs-quiz-field input[type=text],.mcs-quiz-field input[type=email]{width:100%;padding:11px 14px;border:1px solid var(--mcs-quiz-border);border-radius:8px;font-size:14px;color:var(--mcs-quiz-text);transition:border-color var(--mcs-quiz-transition);box-sizing:border-box}.mcs-quiz-field input:focus{outline:none;border-color:var(--mcs-quiz-accent)}.mcs-quiz-field input::placeholder{opacity:.5}.mcs-quiz-optin{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:12px;color:var(--mcs-quiz-text-light);line-height:1.4}.mcs-quiz-optin input[type=checkbox]{margin-top:2px;accent-color:var(--mcs-quiz-accent);width:15px;height:15px;flex-shrink:0}.mcs-quiz-privacy{font-size:11px;color:var(--mcs-quiz-text-light);text-align:center;margin-top:6px}.mcs-quiz-results-header{text-align:center;margin-bottom:20px}.mcs-quiz-results-header h2{font-size:var(--mcs-q-size, 26px);font-weight:400;color:var(--mcs-quiz-text);margin:0 0 6px;line-height:var(--mcs-q-lh, 1.15);letter-spacing:var(--mcs-q-ls, -.02em);text-wrap:balance}.mcs-quiz-results-header p{font-size:13px;color:var(--mcs-quiz-text-light);margin:0}.mcs-quiz-products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mcs-quiz-product-card{border:1px solid var(--mcs-quiz-border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px}.mcs-quiz-product-card.is-primary{border-color:var(--mcs-quiz-accent)}.mcs-quiz-product-img-link{display:block}.mcs-quiz-product-img-link:hover .mcs-quiz-product-img{opacity:.85}.mcs-quiz-product-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;background:#f7f7f7;transition:opacity var(--mcs-quiz-transition)}.mcs-quiz-price-compare{color:var(--mcs-quiz-text-light);font-size:12px;font-weight:400;margin-right:4px;text-decoration:line-through}.mcs-quiz-price-sale{font-weight:400;color:var(--mcs-quiz-text)}.mcs-quiz-product-info{flex:1;display:flex;flex-direction:column}.mcs-quiz-product-badge{font-size:11px;font-weight:400;color:var(--mcs-quiz-accent-dark);margin-bottom:3px}.mcs-quiz-product-name{font-family:var(--font-heading-family, Georgia, serif);font-size:var(--mcs-pname-size, 16px);font-weight:400;letter-spacing:var(--mcs-pname-ls, 0em);line-height:var(--mcs-pname-lh, 1.25);color:var(--mcs-quiz-text);margin:0 0 4px}.mcs-quiz-product-benefit{font-size:12px;color:var(--mcs-quiz-text-light);margin:0 0 10px;line-height:1.4}.mcs-quiz-product-price{font-size:14px;font-weight:400;color:var(--mcs-quiz-text);margin-bottom:0}.mcs-quiz-product-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px}.mcs-quiz-variant-pills{display:flex;flex-wrap:wrap;gap:6px}.mcs-quiz-variant-pill{padding:7px 14px;border:1.5px solid var(--mcs-quiz-border);border-radius:20px;background:var(--mcs-quiz-bg);color:var(--mcs-quiz-text-light);font-size:13px;font-family:inherit;cursor:pointer;line-height:1.2;transition:border-color var(--mcs-quiz-transition),color var(--mcs-quiz-transition)}.mcs-quiz-variant-pill:hover{border-color:var(--mcs-quiz-accent-dark);color:var(--mcs-quiz-text)}.mcs-quiz-variant-pill.is-selected{border-color:var(--mcs-quiz-accent-dark);background:var(--mcs-quiz-bg);color:var(--mcs-quiz-text)}.mcs-quiz-btn-cart{background:var(--mcs-quiz-accent);color:var(--mcs-quiz-text);border:none;padding:9px 18px;border-radius:999px;font-size:13px;font-weight:400;cursor:pointer;transition:all var(--mcs-quiz-transition);text-align:center;width:100%}.mcs-quiz-btn-cart:hover{background:#000;color:#fff}.mcs-quiz-btn-cart.added{background:var(--mcs-quiz-accent-dark)}.mcs-quiz-btn-pdp{background:transparent;color:var(--mcs-quiz-text-light);border:1px solid var(--mcs-quiz-border);padding:9px 14px;border-radius:999px;font-size:13px;font-weight:400;cursor:pointer;text-decoration:none;transition:all var(--mcs-quiz-transition);display:block;text-align:center}.mcs-quiz-btn-pdp:hover{border-color:var(--mcs-quiz-text-light);color:var(--mcs-quiz-text)}.mcs-quiz-restart{text-align:center}.mcs-quiz-restart button{background:none;border:none;color:var(--mcs-quiz-text-light);font-size:12px;cursor:pointer;text-decoration:underline}.mcs-quiz-trigger-wrap{text-align:center;padding:8px 0}.mcs-quiz-trigger{display:inline-block;padding:15px 36px;background:var(--mcs-quiz-accent);color:var(--mcs-quiz-text);border:none;border-radius:999px;font-size:15px;font-weight:400;cursor:pointer;transition:background var(--mcs-quiz-transition);letter-spacing:.02em}.mcs-quiz-trigger:hover{background:#000;color:#fff}@media(max-width:540px){#mcs-quiz-overlay{padding:16px;align-items:center}#mcs-quiz-modal{border-radius:14px;max-height:calc(100dvh - 32px)}.mcs-quiz-header{padding:12px 20px;gap:10px}.mcs-quiz-step{padding:14px 18px 18px}.mcs-quiz-intro-body p{font-size:14px;margin-bottom:22px}.mcs-quiz-hint{margin-bottom:12px}.mcs-quiz-card{padding:12px 14px}.mcs-quiz-nav{gap:8px;padding-top:10px;margin-top:10px}.mcs-quiz-btn{padding:12px 16px;font-size:13px}.mcs-quiz-btn-secondary{padding:12px 14px;flex:0 0 auto}.mcs-quiz-results-header{margin-bottom:12px}.mcs-quiz-products{gap:8px}.mcs-quiz-product-card{padding:12px;gap:10px}.mcs-quiz-product-name{font-size:14px}.mcs-quiz-product-benefit{font-size:11px;margin-bottom:8px}.mcs-quiz-product-price{font-size:13px;margin-bottom:8px}.mcs-quiz-btn-cart,.mcs-quiz-btn-pdp{padding:9px 14px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mcs-quiz.css.map */