.madi-quiz{--mq-red:#cf102d;--mq-dark:#282023;--mq-muted:#746b6e;--mq-pale:#fff6f2;box-sizing:border-box!important;max-width:1100px!important;margin:36px auto!important;padding:0!important;color:var(--mq-dark)!important;font:16px/1.55 Arial,Helvetica,sans-serif!important;isolation:isolate;scroll-margin-top:100px}
.madi-quiz *{box-sizing:border-box;font-family:inherit}
.madi-quiz .mq-layout{display:grid;grid-template-columns:36% 64%;border-radius:28px;background:#fff;box-shadow:0 18px 80px #55102314;border:1px solid #f0e5e7;overflow:hidden}
.madi-quiz .mq-brand{position:relative;display:flex;flex-direction:column;align-items:flex-start;background:var(--mq-red);padding:38px 34px;color:white;overflow:hidden;min-height:660px}
.madi-quiz .mq-brand:before,.madi-quiz .mq-brand:after{content:'';position:absolute;pointer-events:none;border:1px solid #ffffff2b;border-radius:50%;width:450px;height:450px;right:-320px;bottom:-70px;transform:rotate(-25deg)}
.madi-quiz .mq-brand:after{right:-280px;bottom:-120px;width:500px;height:500px;background:#a600191f}
.madi-quiz .mq-logo{width:156px;height:auto;object-fit:contain;display:block;margin:0 0 62px;position:relative;z-index:1}
.madi-quiz .mq-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;line-height:1.5;display:block}
.madi-quiz .mq-brand .mq-eyebrow{color:#fff8d5}
.madi-quiz .mq-brand-title{font-size:40px;letter-spacing:-1.7px;line-height:1.1;color:white;margin:20px 0!important;font-weight:800}
.madi-quiz .mq-brand-title span{color:#f2e6a4}
.madi-quiz .mq-brand-copy{font-size:15px;max-width:230px;color:#fff2f3;line-height:1.7;margin:0 0 32px}
.madi-quiz .mq-brand-badge{margin-top:auto;font-size:12px;font-weight:700;border:1px solid #ffffff65;border-radius:99px;padding:8px 14px;color:white}
.madi-quiz .mq-main{padding:46px 42px;min-width:0;align-self:center}
.madi-quiz .mq-red{color:var(--mq-red)}
.madi-quiz .mq-title{font-size:43px;line-height:1.1;letter-spacing:-1.8px;font-weight:800;margin:18px 0 20px;color:var(--mq-dark)}
.madi-quiz .mq-lead{font-size:18px;color:#655b5f;line-height:1.65;margin:0 0 24px}
.madi-quiz .mq-info{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 25px}
.madi-quiz .mq-info span{font-size:12px;font-weight:700;border-radius:99px;padding:8px 12px;background:#fff2ef;color:#9a2738}
.madi-quiz .mq-body{font-size:15px;line-height:1.8;color:#6b6065;margin:0 0 26px}
.madi-quiz button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;margin:0;white-space:normal;min-height:44px;transition:background .15s,border-color .15s,transform .15s;appearance:none}
.madi-quiz .mq-primary{background:var(--mq-red);color:white;border:2px solid var(--mq-red);border-radius:12px;padding:14px 21px;line-height:1.4;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.madi-quiz .mq-primary:hover{background:#af0a23;border-color:#af0a23;color:white}
.madi-quiz .mq-primary:disabled{opacity:.4;cursor:default;transform:none}
.madi-quiz .mq-note{font-size:11px;line-height:1.6;color:#8a7d82;margin:15px 0 0}
.madi-quiz .mq-progress-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.4px;color:var(--mq-muted);font-weight:700;margin:0 0 10px}
.madi-quiz .mq-progress{height:5px;background:#f3e9e9;border-radius:10px;overflow:hidden;margin-bottom:27px}
.madi-quiz .mq-progress span{display:block;height:100%;background:var(--mq-red);border-radius:10px}
.madi-quiz .mq-question{font-size:26px;line-height:1.25;letter-spacing:-.7px;color:var(--mq-dark);font-weight:800;margin:0 0 10px}
.madi-quiz .mq-help{font-size:12px;color:var(--mq-muted);margin:0 0 20px}
.madi-quiz .mq-options{display:grid;gap:10px}
.madi-quiz .mq-option{display:flex;align-items:center;width:100%;text-align:left;gap:12px;padding:12px 13px;border:1px solid #e9e0e2;background:white;border-radius:12px;color:var(--mq-dark);font-size:13px;line-height:1.5;min-height:66px;font-weight:400}
.madi-quiz .mq-option:hover{background:#fff8f6;border-color:#d9b1b8}
.madi-quiz .mq-option.is-selected{border-color:var(--mq-red);background:#fff2f2;box-shadow:inset 0 0 0 1px var(--mq-red)}
.madi-quiz .mq-letter{width:29px;height:29px;flex-shrink:0;display:grid;place-items:center;background:#f7f1f2;border-radius:8px;color:#8b747b;font-size:11px;font-weight:700}
.madi-quiz .is-selected .mq-letter{background:var(--mq-red);color:white}
.madi-quiz .mq-check{margin-left:auto;font-weight:700;color:var(--mq-red);opacity:0;padding-left:2px}
.madi-quiz .is-selected .mq-check{opacity:1}
.madi-quiz .mq-nav{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:25px}
.madi-quiz .mq-back,.madi-quiz .mq-restart{border:0;background:transparent;color:#7c6a71;padding:8px 0;font-size:12px;font-weight:700;min-height:44px}
.madi-quiz .mq-back:hover,.madi-quiz .mq-restart:hover{color:var(--mq-red);background:transparent}
.madi-quiz .mq-result-title{font-size:33px;line-height:1.18;letter-spacing:-1px;color:var(--mq-dark);margin:12px 0 22px;font-weight:800}
.madi-quiz .mq-product-picture{border-radius:0;min-height:220px;background:transparent;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-bottom:22px}
.madi-quiz .mq-product-picture img{display:block;max-width:100%;width:100%;max-height:330px;height:330px;object-fit:contain;filter:none}
.madi-quiz .mq-product-monogram{font-size:44px;letter-spacing:-3px;font-weight:900;font-style:italic;color:var(--mq-red)}
.madi-quiz .mq-product-placeholder{font-size:12px;text-align:center;max-width:240px;color:#8c5d61;margin-top:12px}
.madi-quiz .mq-product-name{font-size:22px;letter-spacing:-.5px;line-height:1.3;color:var(--mq-dark);font-weight:800;margin:0 0 12px}
.madi-quiz .mq-description{margin-bottom:18px}
.madi-quiz .mq-thanks{display:flex;align-items:center;gap:10px;border-top:1px solid #f0e6e8;padding-top:16px;margin-bottom:20px;color:#67585d;font-size:12px}
.madi-quiz .mq-thanks p{margin:0}
.madi-quiz .mq-heart{font-size:22px;color:var(--mq-red)}
.madi-quiz .mq-email-form{background:#fff6f3;border:1px solid #fae8e5;border-radius:16px;padding:20px;margin:0 0 10px;position:relative;overflow:hidden}
.madi-quiz .mq-email-form h3{font-size:17px;font-weight:800;color:var(--mq-dark);line-height:1.4;margin:0 0 6px}
.madi-quiz .mq-email-form p{font-size:12px;color:#776369;margin:0 0 14px;line-height:1.6}
.madi-quiz .mq-email-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:13px}
.madi-quiz .mq-email-label{flex:1;min-width:0;font-size:11px;font-weight:700;color:#66565c}
.madi-quiz input.mq-email{width:100%;height:47px;padding:10px;border:1px solid #dfcdd1;border-radius:9px;background:white;color:#282023;font-size:14px;box-shadow:none;margin:5px 0 0;line-height:1.5}
.madi-quiz .mq-email-row .mq-primary{font-size:12px;padding:12px;height:47px;flex-shrink:0;border-radius:9px}
.madi-quiz .mq-consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.6;font-weight:400;color:#7d656e;cursor:pointer}
.madi-quiz .mq-consent input{appearance:auto!important;position:static!important;opacity:1!important;width:16px!important;height:16px!important;margin:2px 0 0!important;flex:0 0 16px;accent-color:var(--mq-red)}
.madi-quiz .mq-policy{font-size:10px;text-decoration:underline;color:#a0253a;display:inline-block;margin:8px 0 0 24px}
.madi-quiz .mq-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.madi-quiz p.mq-form-status{color:#b61530;margin:10px 0 0}
.madi-quiz p.mq-email-success{color:#477029;font-size:14px;font-weight:700;margin:0}
.madi-quiz .mq-fun{font-size:10px;margin-top:4px}
.madi-quiz button:focus-visible,.madi-quiz input:focus-visible,.madi-quiz a:focus-visible{outline:3px solid #8c9b3a;outline-offset:3px}
.madi-quiz h2:focus,.madi-quiz h3:focus{outline:none}
@media(max-width:800px){.madi-quiz{margin:20px auto!important}.madi-quiz .mq-layout{grid-template-columns:1fr;border-radius:22px}.madi-quiz .mq-brand{min-height:0;padding:22px 25px;display:grid;grid-template-columns:100px 1fr;gap:0 20px;align-items:center}.madi-quiz .mq-logo{width:100px;margin:0;grid-row:1/3}.madi-quiz .mq-brand .mq-eyebrow{font-size:8px;letter-spacing:1px}.madi-quiz .mq-brand-title{font-size:25px;margin:7px 0 0!important;letter-spacing:-.6px}.madi-quiz .mq-brand-title br{display:none}.madi-quiz .mq-brand-copy,.madi-quiz .mq-brand-badge{display:none}.madi-quiz .mq-main{padding:30px}.madi-quiz .mq-title{font-size:37px}.madi-quiz .mq-stage-result .mq-main{align-self:start}}
@media(max-width:420px){.madi-quiz .mq-main{padding:26px 18px}.madi-quiz .mq-brand{padding:18px;grid-template-columns:80px 1fr;gap:15px}.madi-quiz .mq-logo{width:80px}.madi-quiz .mq-brand-title{font-size:22px}.madi-quiz .mq-brand .mq-eyebrow{font-size:7px;letter-spacing:.5px}.madi-quiz .mq-title{font-size:33px}.madi-quiz .mq-question{font-size:23px}.madi-quiz .mq-option{font-size:12px;gap:9px;padding:11px;min-height:64px}.madi-quiz .mq-nav .mq-primary{font-size:12px;padding:12px}.madi-quiz .mq-email-form{padding:15px}.madi-quiz .mq-email-row{flex-wrap:wrap}.madi-quiz .mq-email-label{flex-basis:100%}.madi-quiz .mq-email-row .mq-primary{width:100%}.madi-quiz .mq-result-title{font-size:29px}}
@media(prefers-reduced-motion:reduce){.madi-quiz *{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:420px){.madi-quiz .mq-product-picture img{height:280px;max-height:280px}}