/* Dropdown gợi ý tìm kiếm ở header (bổ sung cho .search-suggest trong main.css) */
/* Không đặt position cho form: form có overflow:hidden + height cố định (main.css),
   dropdown phải neo vào .search-smart (position:relative) như template, nếu không sẽ bị cắt mất. */
.search-smart .header-search-form .search-suggest { top: 100%; left: 0; right: 0; }
.search-suggest { max-height: 75vh; text-align: left; }
.search-suggest .smart-search-title { display: flex; flex-wrap: wrap; gap: 4px; padding: 0; list-style: none; }
.search-suggest .smart-search-title li a { font-size: 14px; border-radius: 2px; }
.search-suggest .smart-search-title li a .count { font-size: 12px; opacity: .9; }
.search-suggest .list-search-style { display: none; }
.search-suggest .list-search-style.active { display: block; }
.search-suggest .title-search { font-weight: 700; color: #000; margin: 5px 0 10px; }
.search-suggest .product-smart,
.search-suggest .art-smart { display: flex; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid #eee; }
.search-suggest .product-smart .image_thumb,
.search-suggest .art-smart .image_thumb { flex: 0 0 80px; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; }
.search-suggest .product-smart .image_thumb img,
.search-suggest .art-smart .image_thumb img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.search-suggest .product-info { min-width: 0; flex: 1; }
.search-suggest .product-info .product-name { font-size: 15px; font-weight: 400; margin: 0 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-suggest .product-info .product-name a { color: #222; }
.search-suggest .product-info .product-name a:hover { color: #f25c05; }
.search-suggest .art-smart .product-info .product-name { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.search-suggest .price-box .price { color: #ff0000; font-weight: 600; margin-right: 6px; }
.search-suggest .price-box .compare-price { color: #999; text-decoration: line-through; font-size: 13px; }
.search-suggest .art-smart .date { font-size: 12px; color: #888; }
.search-suggest .see-more { display: block; margin-top: 15px; padding: 8px; text-align: center; border: 2px solid #ffb700; color: #ffb700; font-size: 16px; }
.search-suggest .see-more:hover { background: #ffb700; color: #fff; }
.search-suggest .not-pro,
.search-suggest .searching { padding: 10px 0; color: #666; }