.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(8 27 54 / .98);z-index:9999;display:none;opacity:0;transition:opacity 0.3s ease}.search-overlay.active{display:flex;align-items:center;justify-content:center;opacity:1}.search-overlay-content{width:100%;position:relative}.search-close{position:absolute;top:20px;right:20px;background:#fff0;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:10px;line-height:1;transition:transform 0.3s ease}.search-close:hover{transform:rotate(90deg)}.search-form{position:relative;display:flex;align-items:center}.search-field{width:100%;padding:20px 60px 20px 20px;font-size:1.5rem;border:none;border-bottom:3px solid #ff8300;background:#fff0;color:#fff;outline:none}.search-field::placeholder{color:rgb(255 255 255 / .6)}.search-submit{position:absolute;right:0;background:#fff0;border:none;color:#ff8300;font-size:1.5rem;padding:20px;cursor:pointer;transition:color 0.3s ease}.search-submit:hover{color:#fff}.search-form input::placeholder{color:#ccc!important}