@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;700&family=Orelega+One&family=Prosto+One&display=swap');

/* ===== Biozagruzka Quiz — final site style override ===== */

/* Общая типографика */
.bzq,
.bzq *{
  box-sizing: border-box;
}

.bzq{
  max-width: 1200px;
  margin: 0 auto;
  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 300;
  color: #1F2933 !important;
  font-size: 17px;
  line-height: 1.5;
}

/* Весь текст одного цвета */
.bzq,
.bzq *{
  color: #1F2933 !important;
}

/* Основной блок */
.bzq__card{
  max-width: 1200px !important;
  margin: 0 auto;
  padding: 28px !important;
  background: #ffffff !important;
  border: 2px solid #D9E1DC !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* Заголовок и подзаголовок */
.bzq__header{
  margin-bottom: 24px !important;
}

.bzq__title{
  font-family: "Prosto One", system-ui, sans-serif !important;
  font-weight: 400 !important;
  color: #1F2933 !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
}

.bzq__subtitle{
  font-family: "Orelega One", Georgia, serif !important;
  font-weight: 400 !important;
  color: #1F2933 !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  margin-top: 10px !important;
}

/* Заголовки вопросов и результатов */
.bzq__qtitle,
.bzq__rtitle{
  font-family: "Prosto One", system-ui, sans-serif !important;
  font-weight: 400 !important;
  color: #1F2933 !important;
  font-size: 25px !important;
  line-height: 1.25 !important;
}

/* Прогресс */
.bzq__progress{
  margin: 16px 0 24px !important;
}

.bzq__progressbar{
  height: 12px !important;
  background: #F5F7F5 !important;
  border-radius: 999px !important;
  overflow: hidden;
}

.bzq__progressfill{
  height: 12px !important;
  background: #2F6B57 !important;
  border-radius: 999px !important;
}

.bzq__progresstext{
  font-size: 15px !important;
  color: #1F2933 !important;
}

/* Варианты ответов */
.bzq__radio{
  gap: 12px !important;
}

.bzq__opt{
  background: #ffffff !important;
  border: 2px solid #D9E1DC !important;
  border-radius: 8px !important;
  padding: 15px 16px !important;
  color: #1F2933 !important;
}

.bzq__opt:hover{
  border-color: #D9E1DC !important;
  background: #F5F7F5 !important;
}

.bzq__optlabel{
  font-family: "Open Sans", system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  color: #1F2933 !important;
}

/* Поля ввода */
.bzq__input{
  border: 2px solid #D9E1DC !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  font-family: "Open Sans", system-ui, sans-serif !important;
  font-weight: 300 !important;
  font-size: 17px !important;
  color: #1F2933 !important;
  background: #ffffff !important;
}

.bzq__input:focus{
  outline: none !important;
  border-color: #D9E1DC !important;
  box-shadow: none !important;
}

/* Кнопки навигации */
.bzq__btn{
  border-radius: 8px !important;
  padding: 14px 20px !important;
  font-family: "Open Sans", system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

/* Кнопка Далее */
.bzq__btn--primary{
  background: #D98B2B !important;
  border: 2px solid #D98B2B !important;
  color: #ffffff !important;
}

.bzq__btn--primary *,
.bzq__btn--primary{
  color: #ffffff !important;
}

.bzq__btn--primary:hover{
  background: #2F6B57 !important;
  border-color: #2F6B57 !important;
  opacity: 1 !important;
}

/* Кнопка Назад */
.bzq__btn--ghost{
  background: #ffffff !important;
  border: 2px solid #D9E1DC !important;
  color: #1F2933 !important;
}

.bzq__btn--ghost:hover{
  background: #ffffff !important;
  border-color: #D98B2B !important;
  color: #1F2933 !important;
}

/* Результаты */
.bzq__results{
  border-top: 2px solid #D9E1DC !important;
  padding: 42px 20px 20px !important;
}

.bzq__summary{
  font-size: 16px !important;
  color: #1F2933 !important;
  margin-bottom: 24px !important;
}

/* Сетка результатов */
.bzq__grid{
  gap: 36px !important;
}

/* Карточки результатов */
.bzq__item{
  border: 2px solid #D9E1DC !important;
  border-radius: 8px !important;
  padding: 36px !important;
  background: #ffffff !important;
}

.bzq__item:hover{
  border-color: #D9E1DC !important;
}

/* Название и цена */
.bzq__name{
  font-family: "Open Sans", system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: #1F2933 !important;
  font-size: 19px !important;
}

.bzq__price{
  font-family: "Open Sans", system-ui, sans-serif !important;
  font-weight: 700 !important;
  color: #1F2933 !important;
  font-size: 18px !important;
}

/* Характеристики */
.bzq__meta{
  gap: 8px !important;
  font-size: 16px !important;
  color: #1F2933 !important;
}

.bzq__meta div,
.bzq__meta b{
  color: #1F2933 !important;
}

.bzq__meta b{
  font-weight: 700 !important;
}

/* Теги */
.bzq__pill{
  background: #F5F7F5 !important;
  color: #1F2933 !important;
  border-radius: 999px !important;
  font-family: "Open Sans", system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 7px 11px !important;
}

/* Кнопка Выбрать эту станцию */
.bzq__link{
  display: inline-block;
  background: #2F6B57 !important;
  border: 2px solid #2F6B57 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-family: "Open Sans", system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
}

.bzq__link *,
.bzq__link{
  color: #ffffff !important;
}

.bzq__link:hover{
  background: #D98B2B !important;
  border-color: #D98B2B !important;
  color: #ffffff !important;
}

/* Предупреждения и ошибки */
.bzq__warn{
  border: 2px solid #D9E1DC !important;
  background: #F5F7F5 !important;
  color: #1F2933 !important;
  border-radius: 8px !important;
  font-size: 15px !important;
}

.bzq__error{
  border: 2px solid #D9E1DC !important;
  background: #F5F7F5 !important;
  color: #1F2933 !important;
  border-radius: 8px !important;
}

/* Бейдж подарка */
.bzq__badge,
.bzq [style*="background:#ff0066"],
.bzq [style*="background: #ff0066"],
.bzq [style*="background:rgba"],
.bzq [style*="background: rgba"]{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 2 !important;

  background: #D98B2B !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-family: "Open Sans", system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 7px 10px !important;
  line-height: 1.1 !important;
}

/* Картинки в результатах: квадрат, без обрезки */
.bzq__item [style*="aspect-ratio"]{
  margin: 10px 10px 20px 10px !important;
  border-radius: 8px !important;
  background: #F5F7F5 !important;
}

/* Мелкий текст */
.bzq__small,
.bzq__hint,
.bzq__help{
  color: #1F2933 !important;
  font-size: 14px !important;
}

/* Мобильная адаптация */
@media (max-width: 719px){
  .bzq{
    font-size: 16px;
  }

  .bzq__card{
    padding: 18px !important;
  }

  .bzq__title{
    font-size: 25px !important;
  }

  .bzq__subtitle{
    font-size: 19px !important;
  }

  .bzq__qtitle,
  .bzq__rtitle{
    font-size: 21px !important;
  }

  .bzq__results{
    padding: 28px 0 0 !important;
  }

  .bzq__grid{
    gap: 24px !important;
  }

  .bzq__item{
    padding: 24px !important;
  }

  .bzq__meta{
    grid-template-columns: 1fr !important;
  }
}