/* Use the search controller's existing filtered-card state, even when card
   layout rules set display:flex. The counter and grid share this state. */
.hk-menu-content .hk-items-grid .hk-item-card[hidden],
.hk-menu-content .hk-items-grid .hk-item-card[data-hk-search-hidden="true"] {
  display: none !important;
}
.hk-menu-content .hk-items-grid:has(.hk-item-card):not(:has(.hk-item-card:not([hidden]):not([data-hk-search-hidden="true"])))::after {
  content: "No dishes match your search. Try another dish, ingredient, or category.";
  grid-column: 1 / -1;
  display: block;
  padding: 36px 24px;
  border: 1px solid #454545;
  border-radius: 12px;
  background: #191919;
  color: #f3f3f3;
  font: 16px/1.6 Arial, sans-serif;
  text-align: center;
}