/* Разводящая: только обвязка страницы. Блоки — свои CSS (hero/about/calc/pd/svc). */

/* Hero как на главной: header поверх, без белой полосы body { padding-top } */
body.fg-catalog-hub {
    padding-top: 0;
}

body.fg-catalog-hub .main,
body.fg-catalog-hub .main > .container,
body.fg-catalog-hub .main > .container > .row,
body.fg-catalog-hub .main > .container > .row > .maxwidth-theme {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.fg-catalog-hub .main > .container::before,
body.fg-catalog-hub .main > .container::after {
    display: none !important;
}

.fg-cat-hub {
    background: #fff;
}

.fg-cat-hub .fg-section {
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
}

body.fg-catalog-hub:not(.is-scrolled) .fg-topbar__city-label,
body.fg-catalog-hub:not(.is-scrolled) .fg-topbar__city-name,
body.fg-catalog-hub:not(.is-scrolled) .fg-topbar a,
body.fg-catalog-hub:not(.is-scrolled) .fg-topbar__contact,
body.fg-catalog-hub:not(.is-scrolled) .fg-topbar__contact a,
body.fg-catalog-hub:not(.is-scrolled) .fg-navbar__link {
    color: #fff !important;
}

body.fg-catalog-hub:not(.is-scrolled) .fg-topbar__city .fg-icon,
body.fg-catalog-hub:not(.is-scrolled) .fg-topbar__city-caret {
    color: #fff !important;
}

.fg-cat-hub .fg-cat2 {
    padding-top: 100px;
    padding-bottom: 0;
}

.fg-cat-hub .fg-pd {
    padding-top: 0;
    padding-bottom: 0;
}

.fg-cat-hub .fg-pd__calc {
    margin-top: var(--sp-section, 140px);
}

/* ===== MOBILE (≤767) — разводящие каталога ===== */
@media (max-width: 767px) {
    .fg-cat-hub {
        --fg-hub-gutter: 16px;
    }

    .fg-cat-hub .fg-cat2 {
        padding-top: 48px;
    }

    /* Единый gutter: заголовок секции и контент карточек на одной вертикали */
    .fg-cat-hub .fg-cat2__container {
        padding-left: var(--fg-hub-gutter) !important;
        padding-right: var(--fg-hub-gutter) !important;
        box-sizing: border-box;
    }

    .fg-cat-hub .fg-cat2-group {
        gap: 24px;
    }

    .fg-cat-hub .fg-cat2-group__title {
        margin: 0;
        padding: 0;
        overflow-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
        font-size: 24px;
        line-height: 1.15;
    }

    /* Без боковых отступов — фото/текст карточки совпадают с заголовком секции */
    .fg-cat-hub .fg-cat2-product {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .fg-cat-hub .fg-cat2-product__meta,
    .fg-cat-hub .fg-cat2-product__title {
        min-width: 0;
    }

    .fg-cat-hub .fg-cat2-product__title,
    .fg-cat-hub .fg-cat2-product__title a {
        overflow-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
        text-wrap: pretty;
        font-size: 18px;
        line-height: 1.25;
    }

    /* Длинный H1 на hub (известняковый щебень и др.) */
    body.fg-catalog-hub .fg-hero__title {
        font-size: 26px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.4px !important;
    }
}