/* Bảng gợi ý ở ô tìm kiếm đầu trang. */
.qh-sg-host{position:relative}
.qh-sg{position:absolute;left:0;right:0;min-width:min(520px,calc(100vw - 24px));top:calc(100% + 6px);z-index:1000;background:#fff;color:#1d2939;border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.22);max-height:min(72vh,560px);overflow:auto;padding:6px 0;text-align:left;font-size:14px;line-height:1.4}
.qh-sg[hidden]{display:none}
.qh-sg__h{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 4px;font-weight:600;color:#475467}
.qh-sg__clear{background:none;border:0;color:#2a83e9;font-size:12px;cursor:pointer;padding:0}
.qh-sg__note{padding:6px 16px;background:#eef4ff;color:#233e96;font-size:13px}
.qh-sg__row{display:flex;align-items:center}
.qh-sg__row .qh-sg__q{flex:1}
.qh-sg__x{background:none;border:0;color:#98a2b3;font-size:20px;line-height:1;cursor:pointer;padding:6px 16px}
.qh-sg__x:hover{color:#e51e31}
.qh-sg a{color:inherit;text-decoration:none}
.qh-sg__q{display:flex;align-items:center;gap:10px;padding:8px 16px}
.qh-sg__q:hover,.qh-sg__q.is-on,.qh-sg__p:hover,.qh-sg__p.is-on{background:#f2f6fc}
.qh-sg__ico{width:16px;height:16px;flex:none;background:center/contain no-repeat;opacity:.55}
.qh-sg__ico--search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475467' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}
.qh-sg__ico--clock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475467' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.qh-sg__ico--folder{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475467' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 6h6l2 2h10v11H3z'/%3E%3C/svg%3E")}
.qh-sg__chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 16px 12px}
.qh-sg__chip{border:1px solid #e4e7ec;border-radius:999px;padding:5px 12px;background:#f9fafb;font-size:13px}
.qh-sg__chip:hover,.qh-sg__chip.is-on{border-color:#2a83e9;color:#233e96;background:#eef4ff}
.qh-sg__p{display:flex;gap:12px;align-items:center;padding:8px 16px}
.qh-sg__p img{width:48px;height:48px;object-fit:contain;flex:none;border:1px solid #eaecf0;border-radius:8px;background:#fff}
.qh-sg__pb{display:flex;flex-direction:column;min-width:0}
.qh-sg__pt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qh-sg__pl{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-top:2px}
.qh-sg__pl b{color:#e51e31}
.qh-sg__pl s{color:#98a2b3;font-size:12px}
.qh-sg__pl em{font-style:normal;color:#e51e31;background:#fef3f2;border-radius:4px;font-size:12px;padding:0 5px}
.qh-sg__all{display:block;text-align:center;padding:12px 16px;margin-top:4px;border-top:1px solid #eaecf0;color:#233e96;font-weight:600}
.qh-sg__all:hover,.qh-sg__all.is-on{background:#f2f6fc}
.qh-sg__empty{padding:14px 16px;color:#475467}
@media (max-width:991px){.qh-sg{max-height:62vh;top:calc(100% + 4px)}}