/* ==========================================
   Е-ДА! — фотографии блюд в меню
   ========================================== */

/* Блюдо с фотографией: изображение слева, текст справа */
.dish-with-photo {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    column-gap: 13px;
    align-items: start;
}

/* Фотография занимает первый столбец и две строки */
.dish-with-photo .dish-photo {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 100%;
    height: 90px;
    object-fit: cover;
    border-radius: 12px;
    background: #fff4e6;
}

/* Заголовок блюда и цена */
.dish-with-photo .dish-heading {
    grid-column: 2;
}

/* Описание блюда */
.dish-with-photo p {
    grid-column: 2;
}

/* Узкие экраны и смартфоны */
@media (max-width: 520px) {
    .dish-with-photo {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 7px 10px;
    }

    .dish-with-photo .dish-photo {
        height: 72px;
    }

    .dish-heading {
        flex-wrap: wrap;
    }
}