/*
 * Zapechka v0.0.33 — мобильная страница рецепта edge-to-edge.
 *
 * На телефонах основные блоки занимают всю ширину экрана. Внутренние
 * отступы сохраняют читаемость, но внешние карточные поля и скругления
 * убраны. Десктопная раскладка не изменяется.
 */
@media (max-width: 640px) {
    body {
        overflow-x: hidden;
    }

    #recipe-app.container.recipe-page {
        width: 100%;
        max-width: none;
        margin-inline: 0;
        padding-inline: 0;
    }

    .recipe-page > .recipe-hero,
    .recipe-page > .recipe-grid,
    .recipe-page > .recipe-card,
    .recipe-page > .recipe-comments-section,
    .recipe-grid > .recipe-card {
        width: 100%;
        max-width: none;
        margin-inline: 0;
        border-inline: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .recipe-cover,
    .recipe-cover img,
    .recipe-image {
        width: 100%;
        border-radius: 0;
    }

    .recipe-intro,
    .recipe-card,
    .recipe-comments-section {
        padding-inline: 16px;
    }

    .recipe-comments-section::before {
        left: 0;
    }
}