.search-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  pointer-events: none;
  z-index: 9;
  display: none;
}
.bottom-bar.opened{
        bottom: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.bottom-bar {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 420px;
    height: 60px;
    background: #1f1e1e;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    z-index: 9999;
    overflow: hidden;
    transition: .5s ease;
}

.bottom-bar-search {
    flex: 1;
}

.bottom-bar-search form {
    display: flex;
}

.bottom-bar-search input::placeholder {
    color: #fff;
}

.bottom-bar-search input[type="search"] {
    flex: 1;
    padding: 10px 10px 10px 45px;
    background-color: #9D9696;
    color: #fff;
    font-size: 14px;
    width: 230px;
}

input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none;
}

.bottom-bar-search input[type="submit"] {
    display: none;
    /* İstersen buton gizlenebilir */
}

.bottom-bar-buttons {
    display: flex;
    gap: 10px;

    button:hover {
        &:hover {
            img {
                transform: scale(1.2);
            }
            svg{
                transform: scale(1.1);
            }
        }
    }
}

.bottom-bar-buttons button {
    border: none;
    cursor: pointer;
    padding: 2px 5px;
    transition: background 0.3s ease;
}

.bottom-bar-buttons img,
.bottom-bar-buttons svg {
    width: 32px;
    height: 32px;
    transition: .5s ease;
}

.search-form .input-group {
    position: relative;
    display: flex;
    align-items: center;
}

.search-form button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    cursor: pointer;

    .icon-search {
        background: none;
        position: absolute;
        top: 12px;
        left: 15px;
        color: #fff
    }
}
.newsletter-open,
.gohome,
.gosolution,
.gomagazine {
    background-color: #9D9696;
}
.newsletter-open{
    display: none;
}
.gohome .icon-about1{
    position: relative;
    top:3px;
    left:1px;
}