/* Квіз на першому екрані трудових сторінок. Кольори й шрифти — токени теми (style.css). */
.nv-quiz{margin-top:28px;padding:26px;border:1px solid var(--hairline);border-radius:10px;background:var(--panel);box-shadow:0 24px 60px rgba(0,0,0,.35);max-width:560px}
.nv-quiz-top{display:flex;justify-content:space-between;gap:12px;font:700 12px/1.4 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.nv-quiz-bar{height:4px;margin-top:10px;border-radius:4px;background:rgba(200,163,95,.18)}
.nv-quiz-bar span{display:block;height:4px;border-radius:4px;background:var(--gold);transition:width .3s}
.nv-quiz-step{border:0;margin:0;padding:0;min-width:0}
.nv-quiz-step[hidden]{display:none}
.nv-quiz-step legend,.nv-quiz-step h3{padding:0;margin:20px 0 0;font:500 clamp(1.35rem,2.2vw,1.6rem)/1.2 var(--display);color:var(--ink)}
.nv-quiz-opts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.nv-quiz-opts label{position:relative;display:inline-flex;align-items:center;min-height:46px;padding:10px 16px;border:1px solid var(--hairline);border-radius:30px;color:var(--ink);font:400 15px/1.35 var(--body);cursor:pointer;transition:border-color .2s,background .2s}
.nv-quiz-opts input{position:absolute;opacity:0;pointer-events:none}
.nv-quiz-opts label:hover{border-color:var(--gold)}
.nv-quiz-opts input:checked+span{color:#fff}
.nv-quiz-opts label:has(input:checked){background:var(--bordo);border-color:var(--bordo)}
.nv-quiz-opts label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}
.nv-quiz-tip{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--gold);background:rgba(200,163,95,.08);color:var(--ink);font:400 15px/1.55 var(--body)}
.nv-quiz .field{margin-top:14px}
.nv-quiz .field label{display:block;margin-bottom:6px;color:var(--muted);font:400 14px/1.4 var(--body)}
.nv-quiz .consent{display:flex;gap:10px;margin-top:14px;color:var(--muted);font:400 13px/1.5 var(--body)}
.nv-quiz .consent input{margin-top:3px;flex:0 0 auto}
.nv-quiz .privacy-link{padding:0;border:0;background:none;color:var(--gold-soft);font:inherit;text-decoration:underline;cursor:pointer}
.nv-quiz-nav{display:flex;align-items:center;gap:14px;margin-top:20px}
.nv-quiz-nav .btn{flex:1}
.nv-quiz-back{min-height:44px;padding:0 4px;border:0;background:none;color:var(--muted);font:400 15px var(--body);cursor:pointer}
.nv-quiz-back:hover{color:var(--gold-soft)}
.nv-quiz-note{margin:12px 0 0;color:var(--muted);font:400 13px/1.5 var(--body);text-align:center}
.nv-quiz-err{display:none;margin:10px 0 0;color:#f0a3ad;font:400 14px/1.5 var(--body)}
.nv-quiz-done h3{margin-top:6px}
.nv-quiz-done p{margin:10px 0 0;color:var(--ink);font:400 15px/1.55 var(--body)}
@media (max-width:767px){
  .nv-quiz{margin-top:24px;padding:20px;max-width:none}
  .nv-quiz-opts{gap:8px}
  .nv-quiz-opts label{font-size:14px;padding:9px 14px}
}
.nv-quiz-nav:has(> .nv-quiz-back[hidden]){display:none}

/* Квіз — окремий рядок першого екрана на всю ширину (під текстом і фото), щоб праворуч не лишалося порожнього місця. */
.hero-grid > .nv-quiz{grid-column:1/-1;order:3;max-width:none;margin:8px 0 56px;padding:28px 32px}
.hero-grid > .nv-quiz .nv-quiz-step legend,.hero-grid > .nv-quiz .nv-quiz-step h3{margin-top:16px}
.hero-grid > .nv-quiz .nv-quiz-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.hero-grid > .nv-quiz .nv-quiz-opts label{border-radius:10px;min-height:58px;padding:12px 16px}
.hero-grid > .nv-quiz .nv-quiz-tip{max-width:none}
.hero-grid > .nv-quiz .nv-quiz-nav .btn{flex:0 1 auto;min-width:280px}
@media (min-width:768px){
  .nv-quiz-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .nv-quiz-fields .field{margin-top:14px}
}
@media (max-width:767px){
  .hero-grid > .nv-quiz{margin:4px 0 36px;padding:20px}
  .hero-grid > .nv-quiz .nv-quiz-opts{grid-template-columns:1fr;gap:8px}
  .hero-grid > .nv-quiz .nv-quiz-opts label{min-height:50px}
  .hero-grid > .nv-quiz .nv-quiz-nav .btn{flex:1;min-width:0}
}

/* Блоки довіри: відгуки Google і «Чесно про сумніви» (parts/trust.php). */
.nv-trust{padding:72px 0}
.nv-trust-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px;margin-bottom:28px}
.nv-trust-head h2{margin:0}
.nv-trust-head p{margin:8px 0 0;color:var(--muted);flex-basis:100%}
.nv-rating{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:400 15px/1.3 var(--body)}
.nv-rating-num{font:600 2rem/1 var(--display);color:var(--gold)}
.nv-stars{color:var(--gold);letter-spacing:2px}
.nv-reviews-grid,.nv-fears-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.nv-review,.nv-fear{margin:0;padding:24px;border:1px solid var(--hairline);border-radius:10px;background:var(--panel)}
.nv-review blockquote{margin:12px 0 0;color:var(--ink);font:400 15px/1.6 var(--body)}
.nv-review figcaption{margin-top:14px;color:var(--muted);font-size:13px}
.nv-fear h3{margin:0;color:var(--gold-soft);font:500 1.05rem/1.4 var(--body)}
.nv-fear p{margin:10px 0 0;color:var(--ink);font:400 15px/1.6 var(--body)}
.nv-trust-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin:24px 0 0}
.nv-trust-links a{color:var(--gold-soft);font-size:15px}
@media (max-width:767px){ .nv-trust{padding:48px 0} .nv-review,.nv-fear{padding:20px} }