/* === МЕНЬШЕ ЗАГОЛОВКИ ТОЛЬКО НА МОБИЛЬНЫХ === */
@media (max-width: 767.98px) {

  /* Большой заголовок стартовой страницы */
  #welcome-container .survey-name.large-heading,
  .survey-name.large-heading,
  .large-heading {
    font-size: 1.9rem !important;
    line-height: 1.2 !important;
    margin-bottom: 0.5rem !important;
  }

  /* Заголовок группы */
  .group-container .group-title {
    font-size: 1.7rem !important;
    line-height: 1.25 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  /* Заголовок вопроса */
  .question-container .question-title,
  .question-container .question-title-container,
  .question-container [id^="question-text-container-"] {
    font-size: 1.08rem !important;
    line-height: 1.35 !important;
    margin-bottom: 0.35rem !important;
  }

  /* Подсказки под вопросом */
  .question-container .help-block,
  .ls-questionhelp,
  .questionhelp {
    font-size: 0.92rem !important;
    line-height: 1.4 !important;
  }
}

# logo

/* =========================================================
   FRUITY TWENTYTHREE + brandlogo: компактный fixed header
   ПК: logo max 300px
   Mobile: logo чуть больше, header не раздувается
   ========================================================= */

/* 1) Фиксированная шапка */
#survey-nav,
#survey-nav.navbar,
#survey-nav.navbar.fixed-top {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
}

/* 2) Внутренний контейнер шапки (РОВНО 5px сверху/снизу) */
#survey-nav > .container-fluid.col-xl-8 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;

  padding: 5px 16px !important;
  height: 48px !important;     /* 5 + ~38 + 5 */
  min-height: 48px !important;
}

/* 3) Контейнер логотипа */
#survey-nav .navbar-brand.logo-container {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  min-height: 0 !important;
}

/* 4) Логотип (ПК: максимум 300px по ширине) */
#survey-nav .navbar-brand.logo-container > img.logo.img-fluid {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  width: 300px !important;
  max-width: min(300px, calc(100vw - 96px)) !important; /* оставляем место под меню */
  height: auto !important;
  max-height: 38px !important; /* под твой широкий логотип */
  object-fit: contain !important;
}

/* 5) Меню справа */
#survey-nav #navbar-menu {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
}

#survey-nav #navbar-toggler {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* 6) КРИТИЧЕСКИ ВАЖНО: body отступ = высоте fixed header */
body.brand-logo {
  padding-top: 48px !important;
}

/* ----------------- MOBILE ----------------- */
@media (max-width: 767.98px) {
  #survey-nav > .container-fluid.col-xl-8 {
    padding: 5px 12px !important;
    height: 41px !important;
    min-height: 41px !important;
  }

  #survey-nav .navbar-brand.logo-container > img.logo.img-fluid {
    width: min(62vw, 252px) !important;
    max-width: calc(100vw - 68px) !important;
    max-height: 31px !important;
  }

  #survey-nav #navbar-toggler {
    width: 28px !important;
    height: 28px !important;
  }

  body.brand-logo {
    padding-top: 41px !important;
  }
}