/* MINDFLOW_LAYOUT_STABILITY_V1_START */

/*
 * Глобальная защита декоративных фонов.
 *
 * Декоративный .hero-grid-bg не должен становиться
 * самостоятельной колонкой или строкой CSS Grid.
 */
.hero-grid-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;

    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none !important;

    grid-column: 1 / -1 !important;
    grid-row: 1 / -1 !important;
}

/*
 * Родитель декоративного фона становится
 * безопасным контейнером.
 */
:is(section, header, div):has(> .hero-grid-bg) {
    position: relative;
    isolation: isolate;
}

/*
 * Настоящее содержимое hero всегда находится
 * поверх декоративного фона.
 */
:is(section, header, div):has(> .hero-grid-bg)
    > :not(.hero-grid-bg) {
    position: relative;
    z-index: 1;
}

/*
 * Явно фиксируем сетку партнёрской страницы.
 * Даже при добавлении новых декоративных элементов
 * текст и карточка больше не поменяются местами.
 */
.partner-hero {
    grid-template-areas: "partner-copy partner-card" !important;
}

.partner-hero > .partner-hero-copy {
    grid-area: partner-copy !important;
    min-width: 0;
}

.partner-hero > .partner-payout-card {
    grid-area: partner-card !important;
    min-width: 0;
}

/*
 * Единые хлебные крошки для всех страниц сайта.
 */
.seo-breadcrumbs {
    box-sizing: border-box;

    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    width: 100%;
    max-width: 1440px;

    margin: 0 auto;
    padding:
        14px
        clamp(20px, 5.6vw, 96px);

    color: #69758b;

    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;

    background: #ffffff;
}

main > .seo-breadcrumbs {
    max-width: none;
    border-bottom: 1px solid #dce2ec;
}

.seo-breadcrumbs a {
    color: #69758b;
    text-decoration: none;
    transition: color .2s ease;
}

.seo-breadcrumbs a:hover,
.seo-breadcrumbs a:focus-visible {
    color: #09a5d4;
}

.seo-breadcrumbs span {
    color: #9aa5b8;
}

/*
 * Защита от горизонтального разъезда страницы
 * из-за декоративных элементов.
 */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

@media (max-width: 1100px) {
    .partner-hero {
        grid-template-areas:
            "partner-copy"
            "partner-card" !important;
    }
}

@media (max-width: 760px) {
    .seo-breadcrumbs {
        padding:
            12px
            20px;

        font-size: 11px;
    }
}

/* MINDFLOW_LAYOUT_STABILITY_V1_END */