.quiz-block-launch{justify-content:center;display:flex}.quiz-launch-card{text-align:center;width:100%;max-width:560px;color:var(--text,#24252b);background:var(--surface,#fff);border:1px solid var(--border,#eae8e3);border-radius:18px;flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex;box-shadow:0 2px 10px #1a1b200f}.quiz-launch-note{font-family:var(--sans,system-ui, sans-serif);color:var(--muted,#63656e);margin:0;font-size:15px;line-height:1.5}.quiz-launch-button{color:#fff;background:var(--brand,#e4002b);border:1px solid var(--brand,#e4002b);font-family:var(--sans,system-ui, sans-serif);cursor:pointer;border-radius:12px;padding:14px 22px;font-size:16px;font-weight:700;line-height:1.35;transition:background .15s,border-color .15s}.quiz-launch-button:hover{background:var(--brand-strong,#b80022);border-color:var(--brand-strong,#b80022)}@media (max-width:640px){.quiz-launch-card{padding:20px}.quiz-launch-note{font-size:14px}.quiz-launch-button{width:100%}}body.quiz-modal-open{overflow:hidden}.online-store-quiz{box-sizing:border-box;max-width:720px;color:var(--ink,#1a1b20);background:var(--surface,#fff);border:1px solid var(--border,#eae8e3);font-family:var(--sans,system-ui, sans-serif);border-radius:18px;margin:0 auto;padding:24px;position:relative}.online-store-quiz--question{padding-bottom:170px}.online-store-quiz *,.online-store-quiz :before,.online-store-quiz :after{box-sizing:border-box}.quiz-close-modal{width:36px;height:36px;color:var(--muted,#63656e);border:1px solid var(--border,#eae8e3);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;transition:color .15s,border-color .15s,background .15s;display:none;position:absolute;top:16px;right:16px}.quiz-close-modal:hover{color:var(--ink,#1a1b20);background:var(--paper,#fbfaf8);border-color:var(--border-strong,#dad7d1)}.quiz-header h2{color:var(--ink,#1a1b20);margin:0 0 6px;font-size:24px}.quiz-header p{color:var(--muted,#63656e);margin:0 0 22px;font-size:14px}.quiz-progress-labels{color:var(--text,#24252b);justify-content:space-between;gap:16px;margin-bottom:9px;font-size:14px;display:flex}.quiz-progress{background:var(--border,#eae8e3);border-radius:99px;height:8px;margin-bottom:27px;overflow:hidden}.quiz-progress-fill{background:var(--brand,#e4002b);border-radius:inherit;height:100%;transition:width .25s}.quiz-topic{color:var(--brand,#e4002b);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}.quiz-question{color:var(--ink,#1a1b20);margin:0 0 18px;font-size:20px;line-height:1.35}.quiz-answers{gap:10px;display:grid}.quiz-answers button,.quiz-next{border:1px solid var(--border-strong,#dad7d1);font:inherit;cursor:pointer;border-radius:12px;padding:13px 15px;line-height:1.35}.quiz-answers button{text-align:left;color:var(--text,#24252b);background:var(--surface,#fff)}.quiz-answers button:hover:not(:disabled){background:var(--paper,#fbfaf8)}.quiz-answers button:disabled{cursor:default}.quiz-answers button.correct{color:#14532d;background:#f0fdf4;border-color:#16a34a}.quiz-answers button.wrong{color:#7f1d1d;background:#fef2f2;border-color:#dc2626}.quiz-feedback-area{flex-direction:column;justify-content:flex-end;min-height:122px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.quiz-feedback-area:not([data-answered=true]){visibility:hidden}.quiz-feedback{border-left:3px solid var(--brand,#e4002b);background:var(--paper,#fbfaf8);color:var(--text,#24252b);margin:0;padding:11px 13px;font-size:14px;line-height:1.45}.quiz-next,.quiz-close{width:100%;max-width:280px;font-family:var(--sans,system-ui, sans-serif);text-align:center;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;margin-top:12px;padding:13px 18px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.quiz-next{color:#fff;background:var(--brand,#e4002b);border:1px solid var(--brand,#e4002b)}.quiz-next:hover{background:var(--brand-strong,#b80022);border-color:var(--brand-strong,#b80022)}.quiz-close{color:var(--text,#24252b);background:var(--surface,#fff);border:1px solid var(--border-strong,#dad7d1)}.quiz-close:hover{background:var(--paper,#fbfaf8);border-color:var(--border-strong,#dad7d1)}.quiz-result{text-align:center;padding:12px 2px}.quiz-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.quiz-score{color:var(--brand,#e4002b);margin:18px 0 8px;font-size:44px;line-height:1;display:block}@media (max-width:1024px){.online-store-quiz{z-index:1200;overscroll-behavior:contain;border:none;border-radius:0;width:100%;max-width:none;height:100%;margin:0;padding:56px 18px 200px;position:fixed;inset:0;overflow-y:auto}.online-store-quiz--question{padding-bottom:200px}.quiz-close-modal{z-index:1201;display:inline-flex;position:fixed;top:12px;right:12px}.quiz-header h2{font-size:20px}.quiz-header p{margin-bottom:18px;font-size:13px}.quiz-progress-labels{font-size:13px}.quiz-topic{font-size:12px}.quiz-question{margin-bottom:14px;font-size:17px}.quiz-answers button,.quiz-next,.quiz-close{border-radius:10px;padding:12px 14px}.quiz-feedback-area{min-height:154px;bottom:18px;left:18px;right:18px}.quiz-feedback{font-size:13px}.quiz-next,.quiz-close{max-width:none;margin-top:10px}.quiz-result-actions{flex-direction:column;gap:8px}}@media (max-width:360px){.online-store-quiz{padding:52px 14px 210px}.online-store-quiz--question{padding-bottom:210px}.quiz-header h2{font-size:18px}.quiz-question{font-size:16px}.quiz-feedback-area{min-height:168px}}