.search-container{position:relative;margin:0 1rem;width:300px}.search-form{position:relative}.search-input{border-radius:50px;padding:.6rem 1rem .6rem 3rem;border:1px solid #e5e7eb;width:100%;transition:all .3s ease;font-size:.9rem}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;width:350px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280}.autocomplete-results{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:1rem;box-shadow:var(--shadow-soft);margin-top:.5rem;max-height:300px;overflow-y:auto;z-index:1000;display:none}.autocomplete-results.active{display:block}.autocomplete-item{padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:#f9fafb}.autocomplete-item .icon{width:30px;height:30px;border-radius:8px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;margin-right:.75rem}.autocomplete-item .content{flex:1}.autocomplete-item .title{font-weight:600;font-size:.9rem;color:var(--dark)}.autocomplete-item .category{font-size:.75rem;color:#6b7280}.search-loading{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#6b7280;display:none}.search-loading.active{display:block}@media (max-width: 768px){.search-container{order:3;width:100%;margin:1rem 0 0}.search-input{width:100%}.search-input:focus{width:100%}.converter-card{padding:1.5rem}}