/* ============================================================
   СПБ Переезд — квиз + менеджер
   Слева QSM (стилизован под тему), справа карточка менеджера
   ============================================================ */

.sp-quiz{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}

/* левая колонка — квиз */
.sp-quiz__main{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:8px;box-shadow:var(--sh);min-height:0;overflow:hidden}
/* убираем внутренние паддинги/секции самого QSM */
.sp-quiz-embed,
.sp-quiz-embed .qsm-quiz-container,
.sp-quiz-embed .quiz_container,
.sp-quiz-embed section{padding:0!important;margin:0!important}
.sp-quiz-embed .qsm-page,
.sp-quiz-embed .quiz_section{padding:10px!important;margin:0!important;border:none!important}

/* правая колонка — менеджер */
.sp-quiz__mgr{background:linear-gradient(160deg,var(--brand),var(--brand-dk));color:#fff;
  border-radius:var(--r-lg);padding:30px 26px;text-align:center;box-shadow:var(--sh-lg);
  position:sticky;top:20px}
.sp-mgr__photo{width:120px;height:120px;border-radius:50%;margin:0 auto 16px;
  background-size:cover;background-position:center;border:4px solid rgba(255,255,255,.25);
  box-shadow:0 8px 24px rgba(0,0,0,.2)}
.sp-mgr__photo--ph{display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.15);color:rgba(255,255,255,.6)}
.sp-mgr__photo--ph svg{width:60px;height:60px}
.sp-mgr__name{font-family:var(--f-display);font-size:24px;font-weight:700}
.sp-mgr__role{font-size:13px;color:rgba(255,255,255,.75);margin-top:2px}

/* пункты-преимущества */
.sp-mgr__feats{margin-top:22px;text-align:left}
.sp-mgr__feat{display:flex;gap:14px;padding:18px 0;
  border-top:1px solid rgba(255,255,255,.15)}
.sp-mgr__feat:first-child{border-top:none}
.sp-mgr__feat-ic{flex:none;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}
.sp-mgr__feat-ic svg{width:22px;height:22px;stroke:#fff}
.sp-mgr__feat-title{font-size:15px;font-weight:700;color:#fff;line-height:1.35;margin-bottom:6px}
.sp-mgr__feat-text{font-size:13.5px;color:rgba(255,255,255,.82);line-height:1.5;margin:0}

/* белая кнопка с подписью */
.sp-mgr__btn{display:block;margin-top:22px;background:#fff;border-radius:14px;
  padding:14px 20px;text-align:center;text-decoration:none;
  box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform var(--dur) var(--ease)}
.sp-mgr__btn:hover{transform:translateY(-2px)}
.sp-mgr__btn-main{display:flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--f-display);font-size:16px;font-weight:700;color:var(--brand-dk)}
.sp-mgr__btn-main svg{width:19px;height:19px;stroke:var(--brand)}
.sp-mgr__btn-note{display:block;font-size:11.5px;color:var(--ink-3);margin-top:4px}

/* ============================================================
   QSM (Quiz And Survey Master) — приведение к стилю сайта
   ============================================================ */
.sp-quiz-embed .qsm-quiz-container,
.sp-quiz-embed .quiz_container{max-width:none;margin:0;font-family:var(--f-text)}

/* вопросы */
.sp-quiz-embed .qsm-question,
.sp-quiz-embed .question-section-text,
.sp-quiz-embed .qmn_question_text{font-size:17px!important;font-weight:600;color:var(--ink)!important;
  margin-bottom:14px!important}

/* варианты ответа — обводка на всю строку (весь wrap) */
.sp-quiz-embed .qmn_mc_answer_wrap,
.sp-quiz-embed .qsm-multiple-choice-answer,
.sp-quiz-embed .qsm-answer-container > li{display:flex!important;align-items:center;gap:12px;
  padding:14px 18px!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;
  margin:0 0 10px 0!important;cursor:pointer;background:#fff;
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.sp-quiz-embed .qmn_mc_answer_wrap:hover,
.sp-quiz-embed .qsm-multiple-choice-answer:hover,
.sp-quiz-embed .qsm-answer-container > li:hover{border-color:var(--brand)!important;background:var(--brand-soft)}
/* внутренний label — без своей обводки/паддинга, просто текст */
.sp-quiz-embed .qmn_mc_answer_wrap label,
.sp-quiz-embed .qsm-multiple-choice-answer label,
.sp-quiz-embed .qsm-answer-container label{display:inline;border:none!important;padding:0!important;
  margin:0!important;background:none!important;cursor:pointer;font-size:14.5px;color:var(--ink);
  box-shadow:none!important}
.sp-quiz-embed input[type=radio],
.sp-quiz-embed input[type=checkbox]{accent-color:var(--brand);width:19px;height:19px;flex:none;margin:0}

/* поля ввода */
.sp-quiz-embed input[type=text],
.sp-quiz-embed input[type=email],
.sp-quiz-embed input[type=tel],
.sp-quiz-embed input[type=number],
.sp-quiz-embed textarea,
.sp-quiz-embed select{width:100%;padding:11px 13px;border:1px solid var(--line);
  border-radius:9px;font-size:14.5px;font-family:var(--f-text);color:var(--ink);
  box-sizing:border-box;transition:var(--dur) var(--ease)}
.sp-quiz-embed input:focus,
.sp-quiz-embed textarea:focus,
.sp-quiz-embed select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}

/* кнопки навигации квиза */
.sp-quiz-embed .qsm-btn,
.sp-quiz-embed .qmn_btn,
.sp-quiz-embed input[type=submit],
.sp-quiz-embed input[type=button],
.sp-quiz-embed button,
.sp-quiz-embed .quiz_begin .qsm-btn{background:var(--brand)!important;background-image:none!important;
  color:#fff!important;border:none!important;padding:13px 28px!important;border-radius:11px!important;
  font-family:var(--f-display)!important;font-size:15px!important;font-weight:600!important;
  cursor:pointer;box-shadow:none!important;margin:8px 6px 2px!important;
  transition:background var(--dur) var(--ease)!important}
/* контейнер навигации квиза — отступы вокруг кнопок */
.sp-quiz-embed .qsm-quiz-form,
.sp-quiz-embed .quiz_section{padding:6px!important}
.sp-quiz-embed .qsm-btn:hover,
.sp-quiz-embed .qmn_btn:hover,
.sp-quiz-embed input[type=submit]:hover,
.sp-quiz-embed button:hover{background:var(--brand-dk)!important}

/* прогресс-бар */
.sp-quiz-embed .qsm-progress-bar,
.sp-quiz-embed .qmn_progress_bar{background:var(--brand)!important;border-radius:99px}

/* --- адаптация --- */
@media(max-width:860px){
  .sp-quiz{grid-template-columns:1fr;gap:16px}
  /* менеджер — ПОД квизом на мобильном */
  .sp-quiz__mgr{position:static;order:2;padding:24px 20px}
  .sp-quiz__main{order:1}
  .sp-mgr__photo{width:92px;height:92px;margin-bottom:12px}
  .sp-mgr__name{font-size:21px}
  .sp-mgr__feats{margin-top:16px}
  .sp-mgr__feat{padding:14px 0;gap:12px}
  .sp-mgr__feat-ic{width:40px;height:40px}
  .sp-quiz__main{padding:4px}
  .sp-quiz-embed .quiz_section{padding:8px!important}
  .sp-quiz-embed .qmn_mc_answer_wrap,
  .sp-quiz-embed .qsm-multiple-choice-answer,
  .sp-quiz-embed .qsm-answer-container > li{padding:12px 14px!important;margin-bottom:8px!important}
  .sp-quiz-embed .qsm-btn,
  .sp-quiz-embed .qmn_btn,
  .sp-quiz-embed input[type=submit]{padding:11px 22px!important;font-size:14px!important;margin:6px 4px 2px!important}
}

/* ============================================================
   QSM — доработка: чекбоксы, прогресс-бар, кнопки
   ============================================================ */

/* --- ЧЕКБОКСЫ (множественный выбор) — карточки как у радио --- */
.sp-quiz-embed .qsm_check_answer{display:flex!important;align-items:center;gap:12px;
  padding:14px 18px!important;border:1px solid var(--line)!important;
  border-radius:var(--r-sm)!important;margin:0 0 10px 0!important;
  background:#fff;cursor:pointer;
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.sp-quiz-embed .qsm_check_answer:hover{border-color:var(--brand)!important;background:var(--brand-soft)}
.sp-quiz-embed .qsm_check_answer label{display:inline!important;border:none!important;
  padding:0!important;margin:0!important;background:none!important;cursor:pointer;
  font-size:14.5px;color:var(--ink);box-shadow:none!important}
.sp-quiz-embed .qsm_check_answer input[type=checkbox]{width:19px;height:19px;flex:none;margin:0;
  accent-color:var(--brand);cursor:pointer}
/* выбранный чекбокс — синяя рамка */
.sp-quiz-embed .qsm_check_answer:has(input:checked){border-color:var(--brand)!important;
  background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand)}
.sp-quiz-embed .qmn_check_answers{margin:0!important;padding:0!important}

/* выбранный радио — тоже подсветка */
.sp-quiz-embed .qmn_mc_answer_wrap:has(input:checked){border-color:var(--brand)!important;
  background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand)}

/* --- НОМЕР И ТЕКСТ ВОПРОСА --- */
.sp-quiz-embed .mlw_qmn_question_number{font-family:var(--f-display);font-weight:700;
  color:var(--brand);font-size:17px}
.sp-quiz-embed .mlw_qmn_new_question{font-size:17px!important;font-weight:700!important;
  color:var(--ink)!important;margin-bottom:16px!important;display:inline}
.sp-quiz-embed .mlw_qmn_question{margin:0!important}
.sp-quiz-embed .mlw_qmn_question p:empty{display:none}
.sp-quiz-embed fieldset{border:none!important;padding:0!important;margin:14px 0 0 0!important}
.sp-quiz-embed legend{display:none}

/* --- ПРОГРЕСС-БАР — тонкий и аккуратный --- */
.sp-quiz-embed .qsm-progress-bar{background:var(--line)!important;height:6px!important;
  border-radius:99px!important;overflow:hidden;position:relative;
  flex:1;margin:0 14px!important;max-width:none!important}
.sp-quiz-embed .qsm-progress-bar svg{display:block;width:100%;height:6px}
.sp-quiz-embed .qsm-progress-bar path{stroke-width:6!important}
.sp-quiz-embed .qsm-progress-bar path:first-child{stroke:var(--line)!important}
.sp-quiz-embed .qsm-progress-bar path:last-child{stroke:var(--brand)!important}
/* подпись процентов — над баром, мелко и серым */
.sp-quiz-embed .progressbar-text{position:absolute!important;top:-22px!important;right:0!important;
  left:auto!important;font-size:12px!important;font-weight:600!important;
  color:var(--ink-3)!important;background:none!important;transform:none!important;
  width:auto!important;text-align:right!important}

/* --- ПАГИНАЦИЯ: кнопки в ряд с баром --- */
.sp-quiz-embed .qsm-pagination{display:flex!important;align-items:center;
  gap:10px;padding:22px 6px 6px!important;border:none!important;margin:0!important;
  position:relative}
.sp-quiz-embed .qsm-pagination.border{border:none!important}

/* --- КНОПКИ: все синие, зелёный убираем --- */
.sp-quiz-embed .qsm-btn,
.sp-quiz-embed .qmn_btn,
.sp-quiz-embed .qsm-submit-btn,
.sp-quiz-embed input[type=submit],
.sp-quiz-embed .mlw_qmn_quiz_link,
.sp-quiz-embed a.qsm-next,
.sp-quiz-embed a.qsm-previous{background:var(--brand)!important;background-image:none!important;
  background-color:var(--brand)!important;color:#fff!important;border:none!important;
  padding:12px 26px!important;border-radius:10px!important;
  font-family:var(--f-display)!important;font-size:14.5px!important;font-weight:600!important;
  text-decoration:none!important;cursor:pointer;box-shadow:none!important;margin:0!important;
  transition:background var(--dur) var(--ease)!important;white-space:nowrap}
.sp-quiz-embed .qsm-btn:hover,
.sp-quiz-embed .qmn_btn:hover,
.sp-quiz-embed input[type=submit]:hover,
.sp-quiz-embed a.qsm-next:hover,
.sp-quiz-embed a.qsm-previous:hover{background:var(--brand-dk)!important;
  background-color:var(--brand-dk)!important}
/* «Назад» — светлая второстепенная */
.sp-quiz-embed a.qsm-previous,
.sp-quiz-embed .mlw_previous{background:var(--bg-2)!important;background-color:var(--bg-2)!important;
  color:var(--ink-2)!important}
.sp-quiz-embed a.qsm-previous:hover,
.sp-quiz-embed .mlw_previous:hover{background:var(--line)!important;
  background-color:var(--line)!important;color:var(--ink)!important}

/* сообщения об ошибках */
.sp-quiz-embed .qsm-error-message{color:#c62828!important;font-size:13.5px;margin:8px 0!important}

/* мобильная компактность пагинации */
@media(max-width:600px){
  .sp-quiz-embed .qsm-pagination{gap:8px;padding:20px 4px 4px!important;flex-wrap:nowrap}
  .sp-quiz-embed .qsm-btn,
  .sp-quiz-embed a.qsm-next,
  .sp-quiz-embed a.qsm-previous{padding:11px 18px!important;font-size:13.5px!important}
  .sp-quiz-embed .qsm-progress-bar{margin:0 8px!important}
  .sp-quiz-embed .qsm_check_answer,
  .sp-quiz-embed .qmn_mc_answer_wrap{padding:12px 14px!important;margin-bottom:8px!important}
}