/* Тест «Подбор проекта» — окно #quizModal (шаблон m53:feedback/quiz, логика js/quiz.js) */
.modal--quiz{align-items:flex-start;overflow-y:auto;overscroll-behavior:contain}
.modal--quiz .modal__box{width:min(720px,100%);margin:auto 0;padding:32px 36px}
.modal--quiz h2{font-size:28px}
.qz__lead{margin:-6px 0 18px;color:var(--muted);font-size:16px;line-height:1.5}
.qz__err{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:#fbe7e3;color:#8f2a1b;font-size:15px;line-height:1.45}
.qz__progress{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.qz__bar{flex:1;height:6px;border-radius:999px;background:var(--ground);overflow:hidden}
.qz__bar i{display:block;height:100%;border-radius:inherit;background:var(--fjord);transition:width .3s ease}
.qz__count{font-size:14px;color:var(--muted);white-space:nowrap}
.qz{display:block}
.qz__step{border:0;margin:0;padding:0;min-width:0}
.qz__step+.qz__step{margin-top:28px}
.qz.is-js .qz__step+.qz__step{margin-top:0}
.qz__step[hidden]{display:none}
.qz__title{padding:0;margin:0 0 14px;font-size:20px;font-weight:500;color:var(--ink)}
.qz__q{display:block;margin:0 0 18px;border-radius:14px}
.qz__label{display:block;margin:0 0 10px;font-size:16px;font-weight:500;color:var(--ink);line-height:1.4}
.qz__star{color:#c2412d}
.qz__opts{display:flex;flex-wrap:wrap;gap:8px}
.qz__opt{position:relative;display:inline-flex;cursor:pointer}
.qz__opt input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.qz__opt span{display:inline-flex;align-items:center;min-height:42px;padding:9px 16px;border-radius:999px;background:var(--ground);border:1.5px solid transparent;font-size:15px;line-height:1.3;color:var(--ink);transition:background .15s,border-color .15s}
.qz__opt:hover span{border-color:#c9d1cc}
.qz__opt input:checked+span{background:var(--fjord);color:#fff;border-color:var(--fjord)}
.qz__opt input:focus-visible+span{outline:2px solid var(--fjord);outline-offset:2px}
.qz__other,.qz__field input,.qz__field textarea{display:block;width:100%;margin-top:10px;font:inherit;font-size:16px;color:var(--ink);background:var(--ground);border:1.5px solid transparent;border-radius:12px;min-height:50px;padding:12px 14px}
.qz__field input,.qz__field textarea{margin-top:0}
.qz__field textarea{min-height:96px;resize:vertical}
.qz__other:focus,.qz__field input:focus,.qz__field textarea:focus{outline:none;border-color:var(--fjord);background:#fff}
.qz__other[hidden]{display:none}
.qz__hint{display:block;margin-top:6px;font-size:13px;color:var(--muted)}
.qz__msg{display:block;margin:8px 0 0;font-size:14px;color:#b8392a}
.qz__msg[hidden]{display:none}
.qz__q.is-bad .qz__opt span{border-color:#e4a79c}
.qz__q.is-bad input,.qz__q.is-bad textarea{border-color:#c2412d}
.qz__consent{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--muted);cursor:pointer}
.qz__consent input{width:20px;height:20px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--fjord)}
.qz__consent>span:first-of-type{flex:1;min-width:0}
.qz__consent .qz__msg{flex-basis:100%;margin:0}
.qz__nav{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.qz__nav .btn{height:52px;padding:0 28px}
.qz__nav .qz__next,.qz__nav .qz__send{margin-left:auto}
.qz__nav [hidden]{display:none}
.qz:not(.is-js) .qz__next,.qz:not(.is-js) .qz__back{display:none}
.qz__send:disabled{opacity:.7;cursor:progress}
.qz__done p{margin:0 0 10px;font-size:17px;line-height:1.5}
.qz__done .btn{margin-top:12px}
@media (max-width:767px){
  .modal--quiz{padding:0}
  .modal--quiz .modal__box{width:100%;min-height:100%;border-radius:0;padding:22px 18px 28px}
  .modal--quiz h2{font-size:23px}
  .qz__opt span{min-height:40px;padding:8px 14px;font-size:14px}
  .qz__nav{position:sticky;bottom:-28px;margin:20px -18px -28px;padding:14px 18px 18px;background:var(--paper)}
  .qz__nav .btn{flex:1;padding:0 16px}
}
.qz__q[hidden]{display:none}