.cmp-link__screen-reader-only{display:none}
.header__search{padding-left:50px;display:flex;align-items:center}
.header__search-icon{cursor:pointer;color:white;border-radius:50%;padding:8px;transition:background-color .3s ease,border-radius .3s ease,transform .3s ease}
.header__search-icon svg{width:20px;height:20px}
.header__search-icon:hover{background-color:#a5c84d;border-radius:50%;transform:scale(1.1)}
.search-modal{display:flex;justify-content:center;align-items:flex-start;position:fixed;top:70px;left:0;width:100%;height:calc(30%);z-index:1000;overflow:hidden}
.search-modal.hidden{display:none}
.search-modal::before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:100%;height:100px;background-color:#3a474e;z-index:0;top:0}
.search-modal__content{position:relative;width:100%;max-width:600px;margin-top:24px;z-index:1001;display:flex;align-items:center;border-radius:30px;box-shadow:0 4px 8px rgba(0,0,0,0.2)}
.search-modal__input{width:100%;padding:10px 20px;color:grey;font-size:16px;border:1px solid #ccc;border-radius:30px;box-shadow:inset 0 0 5px rgba(0,0,0,0.1);outline:0}
#search-wrapper-mobile{position:relative;width:auto;display:flex;align-items:center;padding:0;border-radius:15px;background-color:white;box-shadow:0 2px 4px rgba(0,0,0,0.1);height:36px;margin-bottom:30px}
#search-wrapper-mobile input[type="text"]{flex:1;box-sizing:border-box;border:0;border-radius:15px 0 0 15px;font-size:14px;color:#3a474e;background-color:transparent;padding:5px 10px;outline:0;height:100%}
.search-button-mobile{background-color:#a5c84d;border:0;border-radius:0 15px 15px 0;padding:5px;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;height:100%}
.search-icon-mobile{width:20px;height:20px;color:white}
.search-button-mobile:hover{background-color:#8daf4b}