/* Ô tìm món, dùng chung cho trang chủ và các trang /bau/ (biến màu lấy từ trang chứa nó) */
.tim { margin: 0 0 24px; }
.tim label { display: block; font-weight: 600; font-size: 17px; margin: 0 0 8px; }
.tim input {
  width: 100%; min-height: 52px; padding: 12px 16px 12px 46px; font: 400 17px var(--font); color: var(--fg);
  background: var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A5C4E' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E") no-repeat 14px center / 22px;
  border: 1.5px solid var(--border); border-radius: 999px; -webkit-appearance: none; appearance: none;
}
.tim input:focus { border-color: var(--fg); outline: none; }
.tim input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.tim input::placeholder { color: var(--muted); }
.tim-kq:empty { display: none; }
.tim-kq { margin-top: 6px; }
.tim-list { list-style: none; margin: 0; padding: 0; }
.tim-list a { display: grid; grid-template-columns: 12px 1fr; column-gap: 12px; align-items: baseline; padding: 12px 4px; border-bottom: 1px solid var(--border); text-decoration: none; color: var(--fg); }
.tim-list .dot { width: 12px; height: 12px; border-radius: 50%; transform: translateY(1px); }
.tim-list .name { overflow-wrap: anywhere; }
.tim-list .sub { grid-column: 2; font-size: 14px; color: var(--muted); }
.tim-trong, .tim-them { font-size: 15px; color: var(--muted); margin: 10px 4px 12px; }
.tim-kq .btn { margin: 0; }