.mb-test{max-width:900px;margin:30px auto;padding:24px;box-sizing:border-box;font-family:inherit}.mb-test__header{margin-bottom:24px}.mb-test__title{font-size:28px;font-weight:700}.mb-test__progress{margin-top:8px;font-size:14px;opacity:.7}.mb-test__question{display:none}.mb-test__question.is-active{display:block}.mb-test__question h2{font-size:25px;margin:0 0 22px}.mb-test__question-image{display:block;max-width:100%;height:auto;margin:0 auto 24px}.mb-test__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mb-test__option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;border:1px solid #ddd;border-radius:10px;cursor:pointer;text-align:center;min-height:90px}.mb-test__option input{position:absolute;opacity:0}.mb-test__option:has(input:checked){outline:3px solid #2271b1}.mb-test__option img{max-width:100%;height:auto;border-radius:8px}.mb-test__actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.mb-test__actions button{padding:12px 22px;cursor:pointer}@media(max-width:700px){.mb-test{padding:16px}.mb-test__title{font-size:23px}.mb-test__question h2{font-size:21px}.mb-test__options{grid-template-columns:1fr}.mb-test__actions button{min-height:46px;flex:1}}

.mb-test__intro{margin:20px 0 28px;padding:20px;border-radius:10px;background:#f6f7f7}.mb-test__intro h2{margin:0 0 10px}.mb-test__intro p{margin:0;line-height:1.6}

.mb-test__identity,.mb-test__auth,.mb-test__result{max-width:650px;margin:25px auto;padding:24px;border:1px solid #ddd;border-radius:12px;background:#fff}
.mb-test__identity label{display:block;font-weight:600;margin:0 0 16px}.mb-test__identity input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:11px;border:1px solid #bbb;border-radius:6px}
.mb-test__button{display:inline-block;padding:12px 22px;border:0;border-radius:6px;text-decoration:none;cursor:pointer;background:#2271b1;color:#fff}
.mb-test__notice{padding:14px 16px;border-radius:8px;margin:15px 0}.mb-test__notice--error{background:#fff1f1;border:1px solid #d63638}
.mb-test__progress-top,.mb-test__counter{font-size:14px;opacity:.7;margin-bottom:10px}

.mb-test__score{font-weight:700;font-size:18px;margin-top:16px}.mb-test__result h2{margin-top:0}

.mb-test__identity label{margin-bottom:14px}.mb-test__identity label input,.mb-test__identity label select{margin-bottom:2px}

.mb-test__presentation-text{margin:10px 0 22px;line-height:1.6}.mb-test__presentation-text p{margin:0 0 8px}

/* MB TEST 1.2.0 - responsive / UX */
.mb-test{width:100%;max-width:900px;margin:0 auto;box-sizing:border-box}
.mb-test *{box-sizing:border-box}
.mb-test__identity,.mb-test__question,.mb-test__result{width:100%}
.mb-test input,.mb-test select,.mb-test textarea{max-width:100%;width:100%;min-height:44px;padding:10px}
.mb-test__button{min-height:46px;padding:10px 22px;cursor:pointer}
.mb-test__option{display:block;padding:12px;margin:8px 0;min-height:44px}
.mb-test__option input{width:auto;min-height:auto;margin-right:8px}
.mb-test__actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mb-test__error,.mb-test__notice{padding:12px;margin:12px 0;border-radius:4px}
.mb-test__result{text-align:center}
@media (max-width:767px){
  .mb-test{padding:14px}
  .mb-test h1{font-size:26px;line-height:1.2}
  .mb-test h2{font-size:21px;line-height:1.3}
  .mb-test__presentation-text{font-size:15px}
  .mb-test__actions{display:block}
  .mb-test__actions .mb-test__button{width:100%;margin-top:10px}
  .mb-test__option{padding:14px 10px}
}
@media (min-width:768px) and (max-width:1024px){
  .mb-test{padding:20px}
}
@media (prefers-reduced-motion:reduce){
  .mb-test *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* MB TEST 1.3.2 — visual image answers */
.mb-test__options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.mb-test__option{
  position:relative;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px;
  min-height:150px;
  margin:0 !important;
  padding:12px !important;
  border:2px solid #d9d9d9;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  text-align:center;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.mb-test__option:hover{
  border-color:#999;
  transform:translateY(-1px);
}
.mb-test__option input{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
}
.mb-test__option.is-selected,
.mb-test__option:has(input:checked){
  border-color:#2271b1 !important;
  box-shadow:0 0 0 3px rgba(34,113,177,.15);
}
.mb-test__option img{
  display:block;
  width:100%;
  max-width:220px;
  height:180px;
  object-fit:cover;
  border-radius:8px;
}
.mb-test__option span{
  display:block;
  font-weight:600;
  line-height:1.3;
}
.mb-test__question-image{
  max-width:min(100%,720px);
  max-height:420px;
  object-fit:contain;
  border-radius:10px;
}
@media(max-width:900px){
  .mb-test__options{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px){
  .mb-test__options{grid-template-columns:1fr;}
  .mb-test__option img{max-width:100%;height:220px;}
}