/* ===== quiz-kz: тест на первом экране ===== */
.hero-media{height:40svh;min-height:300px}
.hero-copy h1{font-size:clamp(28px,8vw,36px)}
.quiz-card{margin-top:-6px;padding:14px 14px 16px;scroll-margin-top:8px;min-height:400px}
.qz-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;min-height:28px}
.qz-eyebrow{margin:0!important;color:var(--pink)!important}
.qz-gift{margin-left:auto;font-size:12px;font-weight:700;background:#ffe6f6;color:var(--text);border-radius:99px;padding:5px 10px;white-space:nowrap}
.qz-back{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--mist);position:relative}
.qz-back::before{content:"";position:absolute;left:13px;top:11px;width:9px;height:9px;border:solid var(--navy);border-width:0 0 2px 2px;transform:rotate(45deg)}
.qz-back[hidden]{display:none}
.quiz-card .q-bar{margin-bottom:14px;background:var(--mist)}
.q-n{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:4px}
.q-h{font-size:13.5px;color:var(--muted);margin:-6px 0 12px}
.opts{display:grid;gap:8px}
.opt{display:flex;align-items:center;gap:12px;margin:0;background:var(--mist);border:1.5px solid transparent;min-height:52px;line-height:1.25;color:var(--text)}
.opt .em{flex:0 0 auto;font-size:20px;line-height:1}
.opt .ck{margin-left:auto;flex:0 0 22px;width:22px;height:22px;border-radius:7px;border:1.5px solid #c9d0de;background:var(--white);position:relative}
.opt.is-sel{border-color:var(--pink);background:#fff2fa}
.opt.is-sel .ck{background:var(--pink);border-color:var(--pink)}
.opt.is-sel .ck::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
/* вопрос 1: две крупные кнопки на всю ширину */
.opts.two{grid-template-columns:1fr;gap:10px}
.opts.two .opt{padding:0;min-height:0;border-radius:16px;border:1.5px solid transparent}
.opts.two .opt.is-sel{border-color:var(--pink);background:#fff2fa}
.pic-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:68px;padding:10px 12px 10px 20px;font-size:17px;font-weight:700;color:var(--text)}
.pic-bar .go{flex:0 0 40px;height:40px;border-radius:50%;background:var(--pink);position:relative;box-shadow:0 6px 16px rgba(239,22,176,.35)}
.pic-bar .go::before{content:"";position:absolute;left:13px;top:15px;width:9px;height:9px;border:solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg)}
.opts.grid2{grid-template-columns:1fr 1fr;gap:6px}
.opts.grid2 .opt{min-height:58px;padding:10px 10px 10px 12px;font-size:13.5px;gap:8px;align-items:center}
.opts.grid2 .opt .ck{flex-basis:20px;width:20px;height:20px}
.opts.grid2 .opt.wide{grid-column:1/-1;min-height:48px}
.qz-next{margin-top:12px}
.qz-next[disabled]{opacity:.35;pointer-events:none}

/* полезный факт между вопросами */
.tip{padding:6px 2px 0;animation:fade .35s ease}
.tip-i{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#ffe6f6;font-size:32px;margin-bottom:14px}
.tip-h{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-bottom:10px}
.tip-p{font-size:15px;color:var(--text);line-height:1.5}
.tip-src{font-size:11.5px;color:var(--muted);margin-top:10px}
.tip-fs{margin-top:14px;display:flex;align-items:center;gap:10px;background:var(--mist);border-radius:14px;padding:10px 12px;font-size:13px;color:var(--slate)}
.tip-fs b{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-.03em}

/* подбор */
.qz-checks{list-style:none;display:grid;gap:10px;margin-top:6px}
.qz-checks li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--muted);transition:color .3s}
.qz-checks li::before{content:"";flex:0 0 26px;height:26px;border-radius:50%;border:2.5px solid #d9deea;border-top-color:var(--pink);animation:spin .8s linear infinite}
.qz-checks li.ok{color:var(--text)}
.qz-checks li{position:relative}
.qz-checks li.ok::before{animation:none;border-color:var(--pink);background:var(--pink)}
.qz-checks li.ok::after{content:"";position:absolute;left:10px;top:50%;width:6px;height:11px;margin-top:-8px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}

/* форма */
.qz-found{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;line-height:1.2}
.qz-found b{flex:0 0 auto;font-size:44px;font-weight:800;color:var(--pink);letter-spacing:-.05em;line-height:1}
.qz-teaser{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:12px 0}
.qz-teaser img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:10px;filter:blur(1.5px) saturate(.9)}
.qz-promise{font-size:14px;color:var(--muted);margin-bottom:12px}
.qz-promise b{color:var(--text)}
.fld{display:block;margin-bottom:10px}
.fld span,.fld-t{display:block;font-size:12px;font-weight:700;color:var(--slate);margin:0 0 5px 4px}
.fld input{display:block;width:100%;height:52px;border:1.5px solid #dde2ec;border-radius:14px;padding:0 16px;font:600 16px var(--sans);color:var(--text);background:var(--white);-webkit-appearance:none;appearance:none}
.fld input:focus{outline:none;border-color:var(--navy)}
.fld input.bad{border-color:#e0412f}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--mist);border-radius:99px;padding:4px;margin-bottom:12px}
.seg-b{padding:10px 4px;border-radius:99px;font-size:14px;font-weight:700;color:var(--slate)}
.seg-b.is-on{background:var(--navy);color:var(--white)}
.agree{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--muted);line-height:1.35}
.agree input{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:var(--pink)}
.agree a{color:var(--text)}
.qz-err{min-height:18px;font-size:13px;font-weight:600;color:#e0412f;margin:6px 0 0}
.qz-send{margin-top:4px}
.qz-agree{font-size:12px;color:var(--muted);text-align:center;line-height:1.4;margin-top:10px}
.qz-agree a{color:var(--text)}
.qz-agree + .qz-note{margin-top:4px}
.qz-note{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}

/* результат */
.qz-hi{font-size:24px;margin-bottom:4px}
.qz-call{font-size:14px;color:var(--muted);margin-bottom:14px}
.qz-lesson{background:linear-gradient(140deg,var(--navy) 0,#2b2f6b 70%,#7a1a8f 140%);color:var(--white);border-radius:20px;padding:16px;margin-bottom:22px}
.qz-lesson .eyebrow{color:#ffb3e6;margin-bottom:6px}
.l-h{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.08}
.l-s{font-size:13.5px;color:#d5d9e4;margin:6px 0 12px}
.lesson{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:center}
.lesson[hidden]{display:none}
.l-media{position:relative;display:block;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--navy2)}
.l-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.l-dur{position:absolute;left:6px;bottom:6px;font-size:11px;font-weight:800;background:rgba(0,0,0,.55);border-radius:99px;padding:3px 8px}
.l-info{display:block;min-width:0}
.l-t{display:block;font-weight:800;font-size:16px;line-height:1.15}
.l-m{display:block;font-size:12.5px;color:#d5d9e4;margin-top:4px}
.lesson-go{grid-column:1/-1;margin-top:2px;width:100%}
.lesson{grid-template-columns:84px 1fr}
.r-h{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.r-s{font-size:13px;color:var(--muted);margin:4px 0 12px}
.r-grid .prog{transition:opacity .3s,transform .3s}
.r-grid .prog.is-dim{opacity:.38}
.r-grid .prog.is-fit .prog-media{box-shadow:0 0 0 3px var(--pink)}
.r-grid .r-more{grid-column:1/-1;font-size:13px;font-weight:700;color:var(--slate);text-transform:uppercase;letter-spacing:.1em;margin-top:8px}
.fit-badge{display:none;position:absolute;z-index:1;left:8px;top:8px;right:8px;width:max-content;max-width:calc(100% - 16px);font-size:10.5px;font-weight:800;line-height:1.2;background:var(--pink);color:var(--white);border-radius:99px;padding:4px 9px}
.is-fit .fit-badge{display:block}

/* блоки ниже */
.plan{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.plan div{background:var(--mist);border-radius:18px;padding:14px}
.plan b{display:block;font-size:13px;font-weight:800;color:var(--pink);margin-bottom:8px}
.plan p{font-size:13px;color:var(--muted);line-height:1.35}
.plan strong{display:block;font-size:16px;color:var(--text);margin-bottom:3px}
.how{list-style:none;counter-reset:h;margin-top:16px;display:grid;gap:8px}
.how li{counter-increment:h;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}
.how li::before{content:counter(h);flex:0 0 30px;height:30px;border-radius:50%;background:var(--navy);color:var(--white);display:grid;place-items:center;font-size:13px;font-weight:800}
#reviews .bignums{margin:6px 0 16px}
#reviews .bignums div{background:var(--white)}
#reviews .rv{background:var(--white)}
.final{margin-bottom:8px}
@media (max-height:720px){.hero-media{height:36svh;min-height:260px}.hero-copy .sub{display:none}}
.quiz-card:has(.opts.two){min-height:0}