/* AI Claude Search v3 */
:root{
  --acs-accent:#c0392b;--acs-accent2:#e74c3c;
  --acs-bg:#fff;--acs-surface:#f5f5f7;--acs-border:#ddd;
  --acs-text:#1a1a1a;--acs-muted:#888;
  --acs-shadow:0 10px 40px rgba(0,0,0,.13),0 2px 8px rgba(0,0,0,.07);
  --acs-r:10px;
}
#acs-wrapper{position:relative;width:100%;max-width:520px;margin:0 auto;font-family:inherit;z-index:8999}
.acs-field{display:flex;align-items:center;background:var(--acs-bg);border:2px solid var(--acs-border);border-radius:var(--acs-r);transition:border-color .18s,box-shadow .18s;overflow:hidden}
.acs-field:focus-within{border-color:var(--acs-accent);box-shadow:0 0 0 3px rgba(192,57,43,.13)}
.acs-icon{display:flex;align-items:center;padding:0 9px 0 13px;color:var(--acs-muted);flex-shrink:0;pointer-events:none;transition:color .18s}
.acs-field:focus-within .acs-icon{color:var(--acs-accent)}
.acs-input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:var(--acs-text);padding:13px 4px;min-width:0;-webkit-appearance:none}
.acs-input::placeholder{color:var(--acs-muted)}
.acs-input::-webkit-search-cancel-button{display:none}
.acs-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--acs-muted);border-radius:50%;margin-right:4px;transition:color .15s,background .15s;flex-shrink:0}
.acs-clear:hover{color:var(--acs-accent);background:rgba(192,57,43,.08)}
.acs-badge{background:var(--acs-accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.4px;padding:3px 7px;border-radius:5px;margin-right:8px;flex-shrink:0;user-select:none}
.acs-panel{position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--acs-bg);border:1.5px solid var(--acs-border);border-radius:var(--acs-r);box-shadow:var(--acs-shadow);z-index:9100;overflow:hidden;max-height:520px;display:flex;flex-direction:column;animation:acsDrop .15s ease}
@keyframes acsDrop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.acs-head{display:flex;align-items:center;justify-content:space-between;padding:9px 14px 7px;border-bottom:1px solid var(--acs-border);background:var(--acs-surface);font-size:12px;color:var(--acs-muted);flex-shrink:0}
.acs-head strong{color:var(--acs-text)}
.acs-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;scrollbar-width:thin;scrollbar-color:var(--acs-border) transparent}
.acs-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;color:var(--acs-muted);font-size:14px;gap:8px}
.acs-spinner{width:22px;height:22px;border:3px solid var(--acs-border);border-top-color:var(--acs-accent);border-radius:50%;animation:acsSpin .7s linear infinite}
@keyframes acsSpin{to{transform:rotate(360deg)}}
.acs-item{display:flex;align-items:center;gap:11px;padding:11px 14px;text-decoration:none;color:var(--acs-text);border-bottom:1px solid var(--acs-border);transition:background .1s;cursor:pointer}
.acs-item:last-child{border-bottom:none}
.acs-item:hover,.acs-item.acs-active{background:var(--acs-surface);text-decoration:none}
.acs-thumb{width:50px;height:50px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--acs-surface);border:1px solid var(--acs-border)}
.acs-thumb-ph{width:50px;height:50px;border-radius:6px;background:var(--acs-surface);border:1px solid var(--acs-border);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.acs-body{flex:1;min-width:0}
.acs-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
.acs-name mark{background:rgba(192,57,43,.15);color:var(--acs-accent);padding:0 2px;border-radius:3px;font-style:normal}
.acs-cat{font-size:12px;color:var(--acs-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.acs-meta{display:flex;align-items:center;gap:7px}
.acs-price{font-size:14px;font-weight:700;color:var(--acs-accent)}
.acs-stock{font-size:11px;padding:2px 6px;border-radius:20px;font-weight:600}
.acs-stock.in{background:rgba(39,174,96,.12);color:#1e8449}
.acs-stock.out{background:rgba(192,57,43,.1);color:#922b21}
.acs-footer{display:flex;align-items:center;justify-content:center;gap:5px;padding:11px;font-size:13px;font-weight:600;color:var(--acs-accent);border-top:1px solid var(--acs-border);text-decoration:none;background:var(--acs-surface);transition:background .1s;flex-shrink:0}
.acs-footer:hover{background:rgba(192,57,43,.06);text-decoration:none}
@media(max-width:768px){
  #acs-wrapper{max-width:100%}
  .acs-panel{max-height:70vh}
  .acs-thumb,.acs-thumb-ph{width:42px;height:42px}
}
@media(prefers-color-scheme:dark){
  :root{--acs-bg:#1c1c1e;--acs-surface:#2c2c2e;--acs-border:#3a3a3c;--acs-text:#f0f0f0;--acs-muted:#8e8e93}
}