/* ===================================================================
   H1 сторінок каталогу (.co .page-title).

   Правила підключаються глобально в _Layout, бо H1 виводять десять в'юшок
   каталогу, а company-overview.css — де ці правила лежали раніше — підключений
   лише у восьми з них. Через це на сторінках списку й пошуку
   (/catalog/page-{N}, /catalog/companies/page-{N}, /catalog/fop/page-{N},
   /catalog[/companies|/fop]/search) заголовок залишався без стилів і рендерився
   браузерним дефолтом — помітно більшим за потрібний.

   Селектор лишається зі скоупом .co, тож на сторінках CMS (де такої обгортки
   немає) ці правила не діють — глобальне підключення нічого не «зачіпає».

   Розміри й точки зламу — ті самі, що були в company-overview.css.
   =================================================================== */

.co .page-title {
    font-size: 29px !important;
    line-height: 36px !important;
    font-weight: 600 !important;
    padding: 12px 0 24px !important;
}

/* Адаптивні розміри перенесені як були — свідомо БЕЗ !important, щоб рендер не
   змінився. Через !important у базовому правилі вони фактично не застосовуються
   (базове перемагає незалежно від порядку) — тобто на мобільних заголовок і
   раніше лишався 29px. Це давня хиба цього набору правил, не наслідок переїзду:
   якщо адаптив потрібен, треба зняти !important з базового правила. */
@media (max-width: 768px) {
    .co .page-title { font-size: 26px; line-height: 32px; }
}

@media (max-width: 600px) {
    .co .page-title { font-size: 24px; line-height: 30px; }
}
