/**
 * Мобильная адаптация главной страницы блога (home.php, /blog/).
 */

.blog-magazine-page .blog-hero-cat {
    overflow-x: clip;
}

.blog-magazine-page .blog-hero-cat__inner > * {
    min-width: 0;
}

.blog-magazine-page .blog-catalog-section .container {
    min-width: 0;
}

@media (max-width: 640px) {
    .blog-magazine-page .blog-hero-cat {
        padding-top: 5.35rem;
        padding-bottom: 2.85rem;
    }

    .blog-magazine-page .blog-hero-cat__title {
        font-size: clamp(2.35rem, 12.5vw, 3.85rem);
        line-height: 0.94;
        letter-spacing: -0.065em;
    }

    .blog-magazine-page .blog-hero-cat__lead,
    .blog-magazine-page .blog-breadcrumbs {
        overflow-wrap: anywhere;
    }

    .blog-magazine-page .section-crosslinks {
        flex-direction: column;
        align-items: stretch;
    }

    .blog-magazine-page .section-crosslinks__link {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .blog-magazine-page .blog-catalog-head h2 {
        font-size: clamp(1.65rem, 8.2vw, 2.75rem);
        overflow-wrap: anywhere;
    }

    .blog-magazine-page .blog-category-pills {
        justify-content: flex-start;
    }

    .blog-magazine-page .blog-category-pills a {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .blog-magazine-page .pagination-wrapper .nav-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 0.5rem;
        max-width: 100%;
        box-sizing: border-box;
    }

    .blog-magazine-page .blog-card--index .blog-image img {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 400px) {
    .blog-magazine-page .blog-hero-cat__orb--one {
        left: -6rem;
        width: 13rem;
        height: 13rem;
    }

    .blog-magazine-page .blog-hero-cat__orb--two {
        right: -7rem;
        width: 15rem;
        height: 15rem;
    }

    .blog-magazine-page .blog-hero-cat__whisker {
        max-width: calc(100vw - 2rem);
    }
}