.mh-calorie-wrap {
    max-width: 760px;
    margin: 20px auto;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 18px;
    border-radius: 10px;
    font-family: Arial, sans-serif;
    color: #222;
}
.mh-calorie-wrap h2 { color:#0073aa; text-align:center; margin-bottom:12px; }
.mh-search-row { position: relative; margin-bottom:10px; }
#mh_search_input { width:100%; padding:10px; border-radius:6px; border:1px solid #ccc; }
.mh-suggestions { position:absolute; left:0; right:0; top:44px; background:#fff; border:1px solid #ddd; z-index:50; max-height:280px; overflow:auto; border-radius:6px; box-shadow:0 6px 18px rgba(0,0,0,0.06); }
.mh-s-item { padding:8px 10px; cursor:pointer; border-bottom:1px solid #f1f1f1; }
.mh-s-item:hover { background:#f7f7f7; }
.mh-add-row { display:flex; gap:12px; align-items:center; margin-bottom:12px; }
.mh-add-row label { flex:1; }
.mh-add-row input { width:100%; padding:8px; border-radius:6px; border:1px solid #ccc; }
.mh-btn { padding:10px 14px; background:#0073aa; color:#fff; border:none; border-radius:8px; cursor:pointer; }
.mh-btn:hover { background:#005f8a; }
.mh-note { font-size:13px; color:#666; margin-top:6px; }

.mh-fallback { margin-top:12px; background:#fff7e6; padding:10px; border-radius:8px; border:1px solid #ffe6b3; }

.mh-ingredients { margin-top:12px; }
#mh_ingredients_table { width:100%; border-collapse:collapse; margin-top:8px; }
#mh_ingredients_table th, #mh_ingredients_table td { border:1px solid #eee; padding:8px; text-align:center; font-size:14px; }
#mh_ingredients_table th { background:#f5f8fa; color:#222; font-weight:600; }
.mh-results { margin-top:14px; background:#fbfbfb; padding:12px; border-radius:8px; border:1px solid #eee; }
.mh-results p { margin:8px 0; font-size:15px; }
.mh-actions { margin-top:8px; display:flex; gap:10px; }
.mh-actions .mh-btn { background:#2b8a3e; }
.mh-actions .mh-btn:hover { background:#20702f; }

@media (max-width:600px){
    .mh-add-row { flex-direction:column; align-items:stretch; }
}