/* 3. WRAPPER THANH TÌM KIẾM */
.search-box-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto;z-index:1000;transition:all 0.3s ease;}
/* 4. INPUT GROUP */
.input-group{position:relative;background:#fff;border-radius:var(--radius);display:flex;align-items:center;height:44px;padding:0 10px;box-shadow:0 2px 5px rgba(0,0,0,0.1);border:1px solid transparent;overflow:hidden;}
.search-box-wrapper.searching .input-group{border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:1002;}
/* Icon Search bên trái */
.icon-left{color:#333;font-size:16px;margin-right:10px;flex-shrink:0;}
/* Input chính */
.search-box-wrapper input{flex:1;border:none;outline:none;height:100%;font-size:15px;color:#333;background:transparent;}
/* --- CỤM NÚT BÊN PHẢI (MŨI TÊN & X) --- */
.right-actions{display:flex;align-items:center;gap:12px;padding-left:10px;}
.search-box-wrapper .btn-action{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:0.2s;}
/* Nút Gửi (Mũi tên) */
.btn-submit-arrow{color:var(--primary);font-size:18px;transform:rotate(0deg);}
.btn-submit-arrow:hover{transform:scale(1.1);}
/* Nút Đóng (X) */
.btn-close-search{color:var(--primary);font-size:18px;}
.search-box-wrapper.has-text .btn-close-search{display:block;}
/* 5. DROPDOWN (Hộp gợi ý) */
.smart-search-dropdown{position:absolute;top:44px;left:0;width:100%;background:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.2);display:none;overflow:hidden;padding-bottom:10px;}
.smart-search-dropdown.active{display:block;}
/* --- Style Nội dung Dropdown --- */
.search-section-title{background:#f9f9f9;padding:8px 15px;font-size:14px;font-weight:600;color:#333;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.search-section-title:first-child{border-top:none;}
/* GRID XU HƯỚNG (2 cột) */
.trend-grid{display:grid;grid-template-columns:1fr 1fr;background:#fff;}
.trend-item{display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid #f1f1f1;border-right:1px solid #f1f1f1;cursor:pointer;transition:0.2s;text-decoration:none;}
.trend-item:nth-child(2n){border-right:none;}
/* === YÊU CẦU NÂNG CẤP HOVER/FOCUS === */
.trend-item:hover,.trend-item.focused{background:#ffeded;border-left:3px solid var(--primary);padding-left:12px;}
.trend-item img{width:35px;height:35px;object-fit:contain;margin-right:10px;}
.trend-item span{font-size:13px;color:#333;line-height:1.3;}
/* LIST KẾT QUẢ TÌM KIẾM */
/* 1. Danh mục (List text) */
.cat-list a{display:block;padding:8px 15px;color:#333;font-size:14px;text-decoration:none;transition:0.2s;}
.cat-list a:hover,.cat-list a.focused{background:#fff5f5;color:var(--primary);font-weight:600;border-left:3px solid var(--primary);padding-left:12px;}
.cat-list a i{margin-right:8px;color:var(--primary);font-size:12px;}
/* 2. Sản phẩm (Ảnh + Giá) */
.prod-list .prod-item{display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid #f1f1f1;cursor:pointer;text-decoration:none;transition:0.2s;border-left:3px solid var(--white);padding-left:12px;}
.prod-list .prod-item:hover,.prod-list .prod-item.focused{background:#ffeded;border-left:3px solid var(--primary);padding-left:12px;}
.prod-item .thumb{width:50px;height:50px;flex-shrink:0;margin-right:12px;}
.prod-item .thumb img{width:100%;height:100%;object-fit:contain;}
.prod-item .info{flex:1;}
.prod-item .name{font-size:13px;font-weight:600;color:#333;margin-bottom:4px;display:block;}
.prod-item .price-new{color:#d70018;font-weight:700;font-size:14px;margin-right:5px;}
.prod-item .price-old{color:#999;font-size:12px;text-decoration:line-through;}
/* Nút Xem tất cả */
.view-all-row{text-align:center;padding:10px;border-top:1px solid #eee;}
.view-all-row a{color:#288ad6;font-weight:600;font-size:13px;text-decoration:none;}
.view-all-row a:hover{text-decoration:underline;}