.search-input-wrapper{position:relative;max-width:600px;margin:0 auto 2rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;color:#7f8c8d;pointer-events:none;z-index:1}.search-input{width:100%;padding:.875rem 3.5rem .875rem 3rem;font-size:1.1rem;border:2px solid #e0e0e0;border-radius:50px;outline:none;transition:all .3s ease;background:white;box-shadow:0 2px 8px rgba(0,0,0,.05);font-family:inherit;color:#2c3e50}.search-input:focus{border-color:#3498db;box-shadow:0 4px 12px rgba(52,152,219,.15)}.search-input:hover{border-color:#bdc3c7}.search-input::placeholder{color:#95a5a6;opacity:1;font-size:.9rem}.search-input::-moz-placeholder{color:#95a5a6;opacity:1;font-size:.9rem}.search-input:-ms-input-placeholder{color:#95a5a6;font-size:.9rem}.search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#e0e0e0;border:none;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.95rem;color:#7f8c8d;transition:all .2s;padding:0}.search-clear:hover{background:#bdc3c7;color:#2c3e50}.search-clear:active{transform:translateY(-50%) scale(.95)}@media (max-width:768px){.search-input{font-size:.9rem;padding:.75rem 2.5rem .75rem 2.75rem}.search-icon{left:.875rem;font-size:1rem}.search-input::placeholder{font-size:.85rem}.search-clear{width:22px;height:22px;font-size:.85rem}}@media (max-width:480px){.search-input{font-size:.85rem;padding:.7rem 2.25rem .7rem 2.5rem}.search-input::placeholder{font-size:.8rem}.search-icon{font-size:.95rem}}