.regular-page__breadcrumbs .breadcrumbs-wrapper {
    margin: 20px 0;
}

.regular-page__breadcrumbs.regular-page__breadcrumbs--no-hero .breadcrumbs-wrapper {
    margin-top: 80px;
}

.content .page-wrapper .page-wrapper__content.regular-page__content .page__title {
    margin: 0px 0 30px 0;
}

/* Ручная имитация position:sticky (в обход бага Safari с overflow-предками):
   пока не проскроллили достаточно (класс --natural, снимается скриптом при scroll),
   .aside-wrapper сидит в обычном потоке внутри <aside> — рендерится там же, где начинается
   <aside> (ниже hero-картинки), и скроллится вместе со страницей. margin-top: 55px —
   зазор между hero и баннерами; порог снятия --natural в скрипте сдвинут на те же 55px
   (242 − 55), чтобы переход в fixed top:242px был без скачка. */
.content .page-wrapper aside.regular-page__aside--natural .aside-wrapper {
    position: static;
    margin-top: 55px;
}

@media (max-width: 1279px) {
    .content .page-wrapper .page-wrapper__content.regular-page__content .page__title {
        margin-top: 30px;
    }

    /* Mobile layout: banners after article text */
    .content .page-wrapper.regular-page {
        flex-direction: column;
    }

    .content .page-wrapper.regular-page main {
        order: 1;
    }

    .content .page-wrapper.regular-page aside.regular-page__aside {
        order: 2;
        margin-top: 0 !important;
        min-height: 0 !important;
    }

    .content .page-wrapper.regular-page .fixed-wrapper,
    .content .page-wrapper.regular-page .aside-wrapper {
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin-top: 0 !important;
        height: auto !important;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
        overflow: visible !important;
    }

    .content .page-wrapper.regular-page .page__content {
        margin-bottom: 0;
    }

    .content .page-wrapper.regular-page .banner-list {
        display: flex !important;
        flex-flow: column nowrap;
        gap: 20px;
        margin-top: 32px;
        margin-bottom: 40px;
        overflow: visible;
        /* место под box-shadow (10px offset + 30px blur) */
        padding: 0 20px 20px 0;
        box-sizing: border-box;
    }

    .content .page-wrapper.regular-page .banner-list__item {
        overflow: visible;
    }

    .content .page-wrapper.regular-page .banner-list .card.banner {
        border-radius: 30px;
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 10px 10px 30px 0 #D1D9EB;
        overflow: hidden;
    }
}