body{font-family:Arial,sans-serif;margin:0;background:#f9f9f9;color:#333}.container{max-width:800px;margin:20px auto;padding:0 16px}h1{text-align:center;margin-bottom:20px}.searchBox{width:100%;max-width:400px;margin:auto;position:relative;display:flex;flex-direction:column;gap:8px}.searchBox input{width:100%;padding:12px;border-radius:8px;border:1px solid gray;font-size:16px}.searchBox button{padding:10px;border:none;border-radius:6px;background:#4a90e2;color:#fff;cursor:pointer;font-size:16px}.searchBox button:hover{background:#357ab8}.suggestions{position:absolute;top:100%;left:0;background:#fff;width:100%;border:1px solid #ddd;border-radius:8px;max-height:150px;overflow-y:auto;box-shadow:0 4px 10px #0000001a;z-index:100}.suggestionItem{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;border-bottom:1px solid #eee}.suggestionItem img{width:40px;height:40px;object-fit:cover;border-radius:4px}.suggestionItem:hover{background:#f1f1f1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px}.product-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease}.product-card:hover{transform:translateY(-4px)}.product-card img{width:80px;height:80px;object-fit:cover;border-radius:6px}.product-card .info h4{margin:0;font-size:18px}.product-card .info p{margin:4px 0 0;color:#4a90e2;font-weight:700}.no-results{text-align:center;color:gray;margin-top:20px}
