/* Spagalaxy_InterestModal quiz-form v1.1.0 (2026-10-18, файл quiz-form-v2.css: новое имя вместо бампа версии — статика кэшируется на год). Страница /bystryj-podbor-spa, после interest-modal.css. Префикс qp-/sgq-. */

.qp-gone,.qp-s2 [hidden],.sgq-card [hidden]{display:none!important}

/* ---------- шаг 2: одна колонка ---------- */
.spg-spa-quiz .qp-s2{max-width:560px;margin:0 auto;padding:0 0 8px;font-size:16px;line-height:1.4;color:#333;text-align:left}
.qp-s2 *{box-sizing:border-box}
.qp-head{margin:0 0 20px;text-align:center}
.qp-head .mgz-element-text{margin:0}
.spg-spa-quiz .qp-title{margin:0 0 6px;font-size:24px;line-height:1.3;font-weight:700;color:#222;text-transform:none;letter-spacing:normal}
.spg-spa-quiz .qp-sub{margin:0;font-size:16px;line-height:1.4;color:#555}
.qp-s2 .bfb-element{margin:0 0 16px;padding:0;width:100%}
.qp-s2 .bfb-element-label{margin:0 0 6px}
.qp-s2 .bfb-element-label label{display:block;margin:0;font-size:15px;line-height:1.3;color:#333}
.qp-s2 .bfb-element-label strong{font-weight:600}
.qp-s2 .bfb-element-control-inner{position:relative}
.qp-s2 input.bfb-control[type="text"],.qp-s2 input.bfb-control[type="tel"]{display:block;width:100%;height:48px;margin:0;padding:0 14px;font-size:16px;color:#222;background:#fff;border:1px solid #d9d9d9;border-radius:8px;box-shadow:none;outline:0}
.qp-s2 input.bfb-control::placeholder{color:#9a9a9a}
.qp-s2 input.bfb-control:focus{border-color:#07879a;box-shadow:0 0 0 1px #07879a}
.qp-s2 input.bfb-control.mage-error,.qp-s2 input.bfb-control[aria-invalid="true"]{border-color:#c62828;box-shadow:none}
.qp-s2 .bfb-element-description{margin:6px 0 0;font-size:13px;line-height:1.35;color:#777;text-align:left}
.qp-s2 .bfb-error:empty{display:none}
/* телефон: intl-tel-input сам ставит padding-left под код страны */
.qp-s2 .iti{display:block;width:100%}
/* intl-tel-input BlueForm без separateDialCode: флаг слева, поле получает padding-left 52px (как в intlTelInput.css) */
.qp-s2 .iti input.bfb-control[type="tel"]{padding-left:52px;padding-right:14px;height:48px;font-size:16px}
.qp-s2 .iti__selected-flag{border-radius:8px 0 0 8px}
.qp-s2 .iti__selected-dial-code{font-size:16px;color:#222}
.qp-s2 .iti__country-list{max-width:min(320px,calc(100vw - 48px));overflow-x:hidden;color:#222;font-size:14px;line-height:1.3;text-align:left;text-transform:none;z-index:6}
.qp-s2 .iti__country-name,.qp-s2 .iti__dial-code{font-size:14px}

/* мессенджер: радиосписок BlueForm в виде кнопок-переключателей (стили .sgim-chbtn из interest-modal.css) */
.qp-ch .bfb-element-label label{font-size:15px;font-weight:600}
.qp-ch .sgim-ch{display:flex!important;gap:8px;grid-template-columns:none}
.qp-ch .bfb-radio-item,.qp-ch .bfb-radio-item.option-selected{flex:1 1 0;min-width:0;margin:0!important;padding:0!important;border:0!important;border-radius:0;background:none!important;box-shadow:none!important}
.qp-ch .bfb-radio-item>label{display:block;margin:0;padding:0!important;border:0}
.qp-ch .bfb-radio-item .sgim-chface{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:8px 4px;text-align:center}
.qp-ch .bfb-radio-item .sgim-chico{display:inline-flex!important;margin:0}
.qp-ch .bfb-radio-item .sgim-chname{display:block!important;margin:0;padding:0;font-size:13px;font-weight:600;line-height:1.2}
.qp-ch .bfb-radio-item.option-selected .sgim-chface{border-color:#333;background:#f3f3f3}
.qp-ch .bfb-radio-item.option-selected .sgim-chck{display:flex}
.qp-ch .bfb-error:empty{display:none}

/* город по IP */
.qp-city{margin:0 0 16px}
.qp-city .sgim-city-line{margin:0}
.qp-city-edit .bfb-element{margin:0}
.qp-city .sgim-city-hint::before{content:"· "}
@media (max-width:420px){.qp-city .sgim-city-hint{flex-basis:100%}.qp-city .sgim-city-hint::before{content:""}}

/* кнопка отправки: тёмная, при наведении светлее; подпись «Захист від спаму 100%» жирным */
.qp-s2 .mgz-element-bfb_submit{margin:8px 0 0}
.qp-s2 .mgz-button,.qp-s2 .mgz-button .mgz-btn{display:block;width:100%!important;margin:0}
.qp-s2 button.mgz-btn[type="submit"]{display:flex!important;align-items:center;justify-content:center;width:100%;height:52px;margin:0;padding:0 16px;border:0;border-radius:8px;background:#333;color:#fff;font-size:16px;font-weight:700;text-transform:none;letter-spacing:normal;cursor:pointer;transition:background-color .16s}
.qp-s2 button.mgz-btn[type="submit"]:hover,.qp-s2 button.mgz-btn[type="submit"]:focus-visible{background:#4a4a4a;color:#fff}
.spg-spa-quiz .qp-note{margin:18px 0 0;text-align:center;font-size:13px;color:#666}
.qp-s2 .mgz-element-bfb_submit .bfb-element-description{text-align:center;font-weight:700}

/* ---------- карточка «дякуємо» вместо формы (success_message BlueForm; аналог .sgim-dialog вне модалки) ---------- */
.spg-spa-quiz .bfb-form-success{padding:0;text-align:left}
.spg-spa-quiz .bfb-form-success-content{padding:0}
.sgq-card.sgim-thanks{display:block;position:static;box-sizing:border-box;width:auto;max-width:680px;margin:24px auto;padding:24px;overflow:visible;background:#fff;color:#333;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);font-size:16px;line-height:1.4;text-align:left}
.sgq-card *{box-sizing:border-box}
.sgq-card h2.sgim-title{margin:0 0 4px;text-align:center;font-size:21px;line-height:1.25;font-weight:700;color:#222;text-transform:none;letter-spacing:normal;outline:0}
.sgq-card h3.sgim-bt{margin:0 0 6px;font-size:14px;line-height:1.3;font-weight:700;color:#222;text-transform:none;letter-spacing:normal}
.sgq-card p{margin:0 0 10px}
.sgq-card .sgim-small{margin:8px 0 0}
.sgq-card ol.sgim-steps{margin:0;padding:0}
@media (max-width:767px){.sgq-card.sgim-thanks{margin:16px 0;padding:20px 16px}}
/* тема красит ссылки и span внутри них (!important) — возвращаем цвет кнопок */
.sgq-card a.sgim-cbtn-main,.sgq-card a.sgim-cbtn-main:hover,.sgq-card a.sgim-cbtn-main:visited,
.sgq-card a.sgim-cbtn-brand,.sgq-card a.sgim-cbtn-brand:hover,.sgq-card a.sgim-cbtn-brand:visited{color:#fff!important}
.sgq-card a.sgim-cbtn-alt,.sgq-card a.sgim-cbtn-alt:hover,.sgq-card a.sgim-cbtn-alt:visited{color:#333!important}
.sgq-card a.sgim-cbtn span{color:inherit!important}
.sgq-card a.sgim-link,.sgq-card a.sgim-link:hover{color:#07879a!important}
.sgq-card a.sgim-cbtn,.sgq-card a.sgim-cbtn:hover{text-decoration:none}
@media (max-width:420px){
  .sgq-card .sgim-contacts .sgim-chico{display:none}
  .sgq-card .sgim-contacts .sgim-cbtn span:last-child{overflow:visible;text-overflow:clip}
}