/* РАУМ — квиз + баннер + лид-модалка */

.quiz-banner{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:40px 44px;}
@media(max-width:700px){.quiz-banner{grid-template-columns:1fr;}}

/* overlay */
.qz-ov{position:fixed;inset:0;z-index:90;background:rgba(17,17,17,.55);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s;}
.qz-ov.on{opacity:1;pointer-events:auto;}
.qz{background:var(--paper);border-radius:var(--r-lg);width:min(720px,100%);max-height:92dvh;overflow:hidden;
  display:flex;flex-direction:column;transform:translateY(14px);transition:transform .3s var(--ease);}
.qz-ov.on .qz{transform:none;}
.qz-head{padding:22px 28px 0;display:flex;align-items:center;justify-content:space-between;}
.qz-step{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.55;}
.qz-x{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:.7;}
.qz-x:hover{opacity:1;}
.qz-bar{height:3px;background:var(--line);margin:18px 28px 0;border-radius:3px;overflow:hidden;}
.qz-bar i{display:block;height:100%;background:var(--wine);width:0;transition:width .35s var(--ease);}
.qz-body{padding:26px 28px 8px;overflow-y:auto;}
.qz-q{font-family:'Unbounded';font-weight:400;font-size:clamp(20px,3vw,26px);line-height:1.18;margin-bottom:22px;}
.qz-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.qz-opts.cols-1{grid-template-columns:1fr;}
.qz-opt{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:18px 18px;cursor:pointer;
  display:flex;align-items:center;gap:14px;transition:.18s var(--ease);font-size:15px;text-align:left;}
.qz-opt:hover{border-color:var(--ink);}
.qz-opt.sel{border-color:var(--wine);box-shadow:inset 0 0 0 1px var(--wine);}
.qz-opt .sw{width:46px;height:46px;border-radius:7px;flex:none;background-size:cover;background-position:center;}
.qz-opt .lbl b{display:block;font-weight:500;}
.qz-opt .lbl small{font-size:12.5px;opacity:.6;}
.qz-foot{padding:18px 28px 26px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);margin-top:14px;}
.qz-back{background:none;border:none;font-size:14px;opacity:.6;cursor:pointer;padding:8px;}
.qz-back:hover{opacity:1;}
.qz-back[disabled]{visibility:hidden;}

/* final form */
.qz-form{display:flex;flex-direction:column;gap:12px;}
.qz-field{display:flex;flex-direction:column;gap:6px;}
.qz-field label{font-size:13px;opacity:.7;}
.qz-field input{border:1px solid var(--line);border-radius:var(--r);padding:13px 15px;font-family:inherit;font-size:15px;background:#fff;}
.qz-field input:focus{outline:none;border-color:var(--wine);}
.qz-seg{display:flex;gap:8px;}
.qz-seg button{flex:1;border:1px solid var(--line);background:#fff;border-radius:var(--r);padding:11px;font-family:inherit;font-size:13.5px;cursor:pointer;}
.qz-seg button.sel{border-color:var(--wine);background:var(--wine);color:#fff;}
.qz-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;opacity:.7;line-height:1.5;margin-top:4px;}
.qz-consent input{margin-top:2px;}

/* thank-you */
.qz-done{text-align:center;padding:24px 10px 14px;}
.qz-done .ic{width:62px;height:62px;border-radius:50%;background:var(--wine);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 18px;}
.qz-done h3{font-family:'Unbounded';font-weight:400;font-size:24px;margin-bottom:10px;}
.qz-done p{opacity:.75;max-width:42ch;margin:0 auto 24px;}

@media(max-width:560px){.qz-opts{grid-template-columns:1fr;}}