/* Квиз в конце статьи (kviz.js). Берёт переменные страницы: --ink, --muted, --line, --acc, --bg. */
.kviz{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px 24px;margin:32px 0;scroll-margin-top:16px}
.kviz .kv-start{text-align:center}
.kviz .kv-title{font-size:22px;line-height:1.25;font-weight:800;margin:0 0 6px}
.kviz .kv-sub{color:var(--muted);font-size:16px;margin:0 0 20px}
.kviz .btn{border:0;cursor:pointer;font-family:inherit}
.kviz .btn:disabled{opacity:.6;cursor:default}
.kviz .kv-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}
.kviz .kv-count{color:var(--muted);font-size:14px;font-weight:600}
.kviz .kv-bar{height:6px;background:#f1eee8;border-radius:6px;overflow:hidden;margin:0 0 20px}
.kviz .kv-fill{display:block;height:100%;background:var(--acc);border-radius:6px;transition:width .25s ease}
.kviz .kv-text{font-size:20px;line-height:1.3;font-weight:800;margin:0 0 18px}
.kviz .kv-opts{display:grid;gap:10px}
.kviz .kv-opt{display:block;width:100%;min-height:56px;padding:14px 18px;text-align:left;font-size:17px;font-weight:600;line-height:1.3;font-family:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s}
.kviz .kv-opt:hover{border-color:#cfc8bb}
.kviz .kv-opt.is-on{border-color:var(--acc);background:#fff3ec;box-shadow:inset 0 0 0 1px var(--acc)}
.kviz .kv-opt:focus-visible,.kviz .kv-back:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.kviz .kv-back{display:inline-block;margin:16px 0 0;padding:8px 2px;background:none;border:0;color:var(--muted);font-size:15px;line-height:1.3;font-family:inherit;cursor:pointer}
.kviz .kv-back:hover{color:var(--ink)}
.kviz .kv-field{margin:0 0 14px}
.kviz .kv-field label{display:block;font-size:15px;font-weight:600;margin:0 0 6px}
.kviz .kv-field input{display:block;width:100%;min-height:52px;padding:12px 14px;font-size:17px;line-height:1.3;font-family:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;-webkit-appearance:none;appearance:none}
.kviz .kv-field input:focus{outline:none;border-color:var(--ink)}
.kviz .kv-field input.is-bad{border-color:#b3261e}
.kviz .kv-err{color:#b3261e;font-size:14px;line-height:1.35;margin:6px 0 0}
.kviz .kv-err:empty{display:none}
.kviz .kv-send{display:block;width:100%;margin:6px 0 0;padding:16px 20px}
.kviz .kv-note{color:var(--muted);font-size:14px;text-align:center;margin:10px 0 0}
.kviz .kv-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kviz .kv-res{font-size:19px;line-height:1.45;font-weight:700;margin:0 0 14px}
.kviz .kv-after{margin:0;padding:14px 16px;background:var(--bg);border:1px solid var(--line);border-radius:12px;font-size:16px}
.kviz .kv-stop .kv-res{font-weight:500}
@media (max-width:480px){.kviz{padding:22px 16px;margin:28px -4px}.kviz .kv-text{font-size:19px}.kviz .kv-title{font-size:21px}}
.kviz .kv-bot{display:block;width:100%;margin:0 0 14px;padding:16px 20px;text-align:center;line-height:1.3}
/* всплывающее «спасибо» после заявки (21.10.2026) */
.kv-pop{position:fixed;inset:0;z-index:1000;background:rgba(20,18,14,.55);display:flex;align-items:center;justify-content:center;padding:16px;animation:kvFade .2s ease}
.kv-pop .kv-pop-box{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;margin:0;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.kv-pop .kv-pop-title{font-size:22px;line-height:1.25;font-weight:800;margin:0 32px 14px 0}
.kv-pop .kv-pop-x{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;background:none;font-size:28px;line-height:1;color:var(--muted);cursor:pointer}
.kv-pop .kv-pop-x:hover{color:var(--ink)}
@keyframes kvFade{from{opacity:0}to{opacity:1}}
