@media (max-width: 1024px) {
    .blog-detail-page .blog-layout {
        grid-template-columns: 1fr;
    }

    .blog-detail-page .blog-sidebar__tabs--standalone {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        justify-content: flex-start;
        margin-bottom: 10px;
    }

    .blog-detail-page .blog-sidebar__tabs--standalone .blog-sidebar__tab {
        margin: 0;
        border-radius: 999px;
        border: 1px solid #e8dccf;
        border-right-width: 1px;
    }

    .blog-detail-page .blog-sidebar--right {
        order: 3;
    }

    .blog-detail-page .blog-sidebar--right .blog-product-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .blog-detail-page .blog-detail__content th,
    .blog-detail-page .blog-detail__content td {
        font-size: 13px;
        padding: 7px;
    }

    .blog-detail-page .blog-detail__hero {
        height: 220px;
    }

    .blog-detail-page .blog-detail__title {
        font-size: 1.5rem;
    }
}

@media (max-width: 640px) {
    .blog-detail-page .blog-detail-article {
        padding: 18px;
    }

    .blog-detail-page .blog-detail__hero {
        height: 200px;
    }

    .blog-detail-page .blog-detail__headline-card {
        padding: 14px 16px 12px;
    }

    .blog-detail-page .blog-detail__title {
        font-size: 1.35rem;
    }

    .blog-detail-page .blog-detail__related-link {
        flex-direction: column;
        align-items: flex-start;
    }
}