.search-bar-module{align-items:center;display:flex;justify-content:flex-start}.search-form{padding:0 15px}.search-form,.search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.search-input-wrapper{background-color:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.search-input-wrapper:focus-within,.search-input-wrapper:hover{border-color:#99c639;box-shadow:0 0 0 2px rgba(153,198,57,.1)}.search-input{background:transparent;border:none;color:#333;flex:1;font-size:14px;outline:none;padding:12px 16px}.search-input::placeholder{color:#888}.search-button{align-items:center;background:#99c639;border:none;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;min-width:44px;padding:12px;transition:background-color .3s ease}.search-button:hover{background:#8cb52c}.search-button:focus{outline:2px solid #99c639;outline-offset:2px}.search-button svg{height:20px;width:20px}@media (max-width:768px){.search-bar-module{width:100%}.search-form{max-width:100%}.search-input{font-size:16px}}.search-bar-module.compact{max-width:280px}.search-bar-module.compact .search-input{font-size:13px;padding:8px 12px}.search-bar-module.compact .search-button{height:36px;min-width:36px;padding:8px}.search-bar-module.compact .search-button svg{height:16px;width:16px}