.qb-quiz{margin:24px auto;padding:18px;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.qb-progress{margin-bottom:14px}
.qb-progress-bar{height:8px;background:#f1f3f5;border-radius:999px;overflow:hidden}
.qb-progress-fill{display:block;height:100%;background: -webkit-linear-gradient(41deg, rgb(254, 140, 0) 1.27389%, rgb(248, 54, 0) 99.3631%);width:0%}
.qb-progress-text{margin-top:8px;font-size:12px;color:#6b7280;text-align:right}
.qb-slide-title{font-size:22px;font-weight:700;margin-bottom:12px}
.qb-question{margin:12px 0}
.qb-question-label{font-weight:600;margin-bottom:6px;font-size: 24px;}
.qb-options{display:grid;grid-template-columns:1fr;gap:10px}
.qb-options--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.qb-options--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.qb-option{margin:8px 0}
.qb-option label{display:flex;align-items:center;gap:10px;cursor: pointer;}
.qb-option--with-image label{gap:12px; cursor: pointer;}
.qb-option-img{width:100px;height:100px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb;flex:0 0 auto}
.qb-option--has-image label{padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#ffffff15;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}
.qb-option--has-image.is-selected label{border-color:#111827;box-shadow:0 10px 20px rgba(0,0,0,.12)}
.qb-option--has-image label:hover{transform:translateY(-1px);background:#ffffff35;}
.qb-option--has-image input[type="radio"],
.qb-option--has-image input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}
.qb-option--has-image label{position:relative}

@media (max-width: 640px){
  .qb-options--cols-2,.qb-options--cols-3{grid-template-columns:1fr}
}
.qb-other input{margin-top:6px;width:100%}
.qb-field label{display:block;font-weight:600;margin-bottom:6px;height: 40px;border-radius: 5px;border: 0px;}
.qb-field input{width:100%;padding:12px 12px;border:1px solid #d1d5db;border-radius:10px;outline:none}
.qb-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.qb-slide--contacts>.qb-slide-title:not(.qb-slide-title--custom){display:none}
.qb-slide--contacts .qb-field>label:not(.qb-phone-label--custom){display:none}
.qb-consent{display:flex;align-items:flex-start;gap:12px;margin-top:16px;font-size:14px;line-height:1.35}
.qb-consent input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0}
.qb-consent label{cursor:pointer}
.qb-consent a{color:inherit;text-decoration:underline}
.qb-nav{display:flex;gap:10px;margin-top:18px}
.qb-btn{padding:10px 14px;border:1px solid #e5e7eb;background:#fff;border-radius:35px;cursor:pointer;font-weight:600}
.qb-btn.qb-next,.qb-btn.qb-submit{padding: .5em 1.7em;transition: all .3s ease;color:#fff;border-color:transparent;background: -webkit-linear-gradient(to right, rgb(254, 140, 0) 0%, rgb(248, 54, 0) 100%);background: linear-gradient(to right, rgb(254, 140, 0) 0%, rgb(248, 54, 0) 100%);}
.qb-btn.qb-next:hover,.qb-btn.qb-submit:hover{background: -webkit-linear-gradient(to right, #73ffea 0%, #73ffea 100%);background: linear-gradient(to right, #73ffea 0%, #73ffea 100%);}
.qb-btn.qb-prev:hover{background:#f9fafb}
.qb-btn:disabled{opacity:.6;cursor:not-allowed}
.qb-message{margin-top:12px;color:#b91c1c;font-weight:600;min-height:20px}
.qb-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

.qb-slide{display:none;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}
.qb-slide.is-active{display:block;opacity:1;transform:translateY(0)}