/* Tìm bằng hình ảnh – nút 📷 trong ô tìm kiếm + hộp kết quả */
.header-search .hs-cam{background:none;color:var(--muted);width:38px;height:38px;margin-right:2px}
.header-search .hs-cam:hover{color:var(--red);background:var(--red-soft)}
.qtis{position:fixed;inset:0;z-index:9999;background:rgba(20,20,30,.45);display:flex;align-items:flex-start;justify-content:center;padding:4vh 16px}
.qtis[hidden]{display:none}
.qtis-box{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:1080px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}
.qtis-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.qtis-head>div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.qtis-head strong{color:var(--ink);font-size:16px}
.qtis-head span{color:var(--muted);font-size:13px}
.qtis-thumb{width:52px;height:52px;object-fit:cover;border-radius:var(--radius-s);background:var(--bg-2);flex:none}
.qtis-thumb:not([src]){visibility:hidden}
.qtis-body{overflow:auto;padding:14px;flex:1}
.qtis-body ul.products{margin:0}
.qtis-sub{font-size:15px;color:var(--ink);margin:18px 0 10px}
.qtis-empty{text-align:center;color:var(--muted);padding:36px 12px}
.qtis-load{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.qtis-load i{display:block;aspect-ratio:1/1.35;border-radius:var(--radius-s);background:linear-gradient(90deg,var(--bg-2),#eee 50%,var(--bg-2));background-size:200% 100%;animation:qtis-sh 1.2s infinite linear}
@keyframes qtis-sh{to{background-position:-200% 0}}
.qtis-foot{padding:10px 14px;border-top:1px solid var(--line);text-align:center}
.qtis-again{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--red);color:var(--red);background:#fff;border-radius:999px;padding:8px 18px;font-weight:600;cursor:pointer}
body.qtis-open{overflow:hidden}
@media (max-width:767px){
  .qtis{padding:0;align-items:flex-end}
  .qtis-box{max-height:94vh;border-radius:var(--radius) var(--radius) 0 0}
  .qtis-body{padding:10px}
  .qtis-load{grid-template-columns:repeat(2,1fr)}
}
