/* ==========================================================================
   Заголовок страницы «Экспозиция выставки» (/halls/, макет 03 «Залы»)
   со счётчиками «6 залов / 45 экспонатов».
   ========================================================================== */

.catalog-head {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.catalog-head__text {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}

.catalog-head__title {
  font-size: 52px;
  line-height: 52px;
}

.catalog-counters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (min-width: 768px) {
  /* Счётчики справа от заголовка; если не помещаются (планшет) — переносятся под него. */
  .catalog-head {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px 40px;
  }

  .catalog-head__text {
    flex: 1 1 auto;
    gap: 20px;
  }

  .catalog-head__title {
    font-size: 62px;
    line-height: 62px;
  }

  .catalog-counters {
    flex: none;
    flex-wrap: nowrap;
    gap: 10px;
  }
}