@media screen and (min-width: 1024px) {
    /* 1. Растягиваем основную колонку с рецептом на 100% ширины */
    #primary.content-area,
    .content-area {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
    }

    /* 2. Убираем внутренние зажатые поля вокруг текста и рецепта WPRM */
    .site-content .entry-content,
    .site-content .entry-header,
    .post-content,
    .entry-content {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 3. Сбрасываем сайдбар вниз и тоже растягиваем его на всю ширину */
    #secondary.widget-area,
    .widget-area {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        margin-top: 50px !important; /* Делаем отступ между рецептом и ушедшим вниз сайдбаром */
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Дополнительно: выстраиваем виджеты внизу горизонтально (в ряд), чтобы они не шли одной длинной узкой полосой */
    #secondary.widget-area .widget,
    .widget-area .widget {
        width: 31% !important;
        float: left !important;
        margin-right: 2% !important;
    }
    /* Сброс обтекания для подвала */
    #secondary.widget-area::after {
        content: "";
        display: table;
        clear: both;
    }
}
/* Перестраиваем карточку WPRM в одну колонку (ингредиенты сверху, инструкции снизу) */
.wprm-recipe-container .wprm-block-container {
    display: flex !important;
    flex-direction: column !important;
}

/* Растягиваем блок ингредиентов и оборудования на 100% ширины */
.wprm-recipe-container .wprm-recipe-ingredients-container,
.wprm-recipe-container .wprm-recipe-equipment-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 30px !important; /* Делаем аккуратный отступ снизу перед инструкциями */
}

/* Растягиваем блок инструкций на всю ширину под ними */
.wprm-recipe-container .wprm-recipe-instructions-container {
    width: 100% !important;
    max-width: 100% !important;
}
/* Отключаем двухколоночную сетку Meadow на компьютерах */
.wprm-recipe-meadow .wprm-recipe-instruction-ingredients-container,
.wprm-recipe-template-meadow .wprm-recipe-instruction-ingredients-container {
    display: block !important;
}

/* Растягиваем левый блок (Ингредиенты + Оборудование) на всю ширину сверху */
.wprm-recipe-meadow .wprm-recipe-ingredients-equipment-container,
.wprm-recipe-template-meadow .wprm-recipe-ingredients-equipment-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 40px !important; /* Красивый отступ перед инструкциями */
}

/* Растягиваем инструкции на всю ширину снизу */
.wprm-recipe-meadow .wprm-recipe-instructions-container,
.wprm-recipe-template-meadow .wprm-recipe-instructions-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Если ингредиенты и оборудование встали друг под другом, делаем между ними легкий отступ */
.wprm-recipe-meadow .wprm-recipe-equipment-container,
.wprm-recipe-template-meadow .wprm-recipe-equipment-container {
    margin-top: 25px !important;
}
/* Принудительно заставляем контейнер meadow-header-columns работать как вертикальный ряд */
.wprm-recipe-template-meadow .meadow-header-columns,
.wprm-recipe-meadow .meadow-header-columns,
div[class*="meadow-header-columns"] {
    flex-direction: column !important;
}

/* Растягиваем левую часть (ингредиенты и оборудование) на всю ширину */
.wprm-recipe-template-meadow .meadow-header-columns > div:first-child,
.wprm-recipe-meadow .meadow-header-columns > div:first-child {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 30px !important; /* Отступ перед инструкциями */
}

/* Растягиваем правую часть (инструкции) на всю ширину снизу */
.wprm-recipe-template-meadow .meadow-header-columns > div:last-child,
.wprm-recipe-meadow .meadow-header-columns > div:last-child {
    width: 100% !important;
    max-width: 100% !important;
}
/* Оптимизация отображения ингредиентов на мобильных устройствах */
@media screen and (max-width: 768px) {
    /* Выстраиваем количество, единицы и название в одну аккуратную компактную строку */
    .wprm-recipe-ingredient {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        margin-bottom: 8px !important; /* Небольшой отступ между строчками ингредиентов */
    }

    /* Делаем небольшой фиксированный отступ после количества и граммовок */
    .wprm-recipe-ingredient-amount,
    .wprm-recipe-ingredient-unit {
        margin-right: 5px !important;
        display: inline-block !important;
        font-weight: bold !important; /* Делаем пропорции чуть заметнее для удобства */
    }

    /* Само название ингредиента */
    .wprm-recipe-ingredient-name {
        display: inline !important;
    }
}
@media screen and (max-width: 768px) {
    /* Обеспечиваем сплошную строчную структуру для всего ряда ингредиента */
    .wprm-recipe-ingredient {
        display: block !important; /* Меняем flex на block для естественного перетекания текста */
        margin-bottom: 10px !important; /* Удобный отступ между разными продуктами */
        line-height: 1.5 !important; /* Комфортное межстрочное расстояние */
    }

    /* Количество и единицы измерения (например, "150 г") */
    .wprm-recipe-ingredient-amount,
    .wprm-recipe-ingredient-unit {
        display: inline !important;
        margin-right: 4px !important;
        font-weight: 600 !important; /* Делаем цифры чуть плотнее, чтобы они выделялись */
    }

    /* Название ингредиента (например, "сливочного масла") */
    .wprm-recipe-ingredient-name {
        display: inline !important;
        margin-right: 5px !important;
    }

    /* Четвертая часть: примечание/комментарий (например, "комнатной температуры") */
    .wprm-recipe-ingredient-notes {
        display: inline !important;
        font-style: italic !important; /* Выделяем курсивом, чтобы визуально отделить от названия */
        opacity: 0.8 !important; /* Делаем цвет шрифта чуть мягче/приглушеннее */
    }
}