/* Mobile fixes shared by archive, finder, favorites and dynamic pages. */
@media (max-width: 600px) {
  .page-grid { width: calc(100% - 24px); overflow: hidden; }
  .page-grid .recipe-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    gap: 16px;
    overflow: visible;
  }
  .page-grid .recipe-card,
  .page-grid .recipe-card > a { min-width: 0; width: 100%; max-width: 100%; }
  .page-grid .card-media { height: 210px; }
  .page-grid .card-body { min-height: 0; padding: 14px 15px 16px; }
  .archive-toolbar,
  .ingredient-picker { width: 100%; max-width: 100%; }
  .category-filters { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .category-filters::-webkit-scrollbar { display: none; }
  .category-filters button { flex: 0 0 auto; }
  .picker-search { display: flex; flex-direction: row; }
  .picker-search input { width: 0; min-width: 0; }
  .picker-search button { flex: 0 0 auto; }
  .ingredient-options { display: grid; grid-template-columns: 1fr; max-height: 250px; }
  .ingredient-options[hidden] { display: none; }
  .site-mobile-toggle { display: grid; place-items: center; margin-right: auto; }
  .site-mobile-nav { display: none; padding: 8px 12px 15px; background: #fff; border-top: 1px solid var(--border); }
  .site-mobile-nav.open { display: grid; }
  .site-mobile-nav a { padding: 11px 12px; border-bottom: 1px solid #eef1ec; }
  footer .footer-grid { display: grid; grid-template-columns: 1fr; gap: 22px; text-align: right; }
  footer .footer-grid > div:first-child { grid-column: auto; }
}
@media (min-width: 901px) {
  .site-mobile-toggle,
  .site-mobile-nav { display: none !important; }
}