:root {
   
}

nav {
    height: 75px;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 13px 0;
    background: white;
    z-index: 999;
}

nav .logo{
    height: 100%;
}

.navContainer{
    display: flex;
    height: 100%;
}

.rightItems{
    height: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.rightItems{
    display: flex;
    justify-content: end;
    width: 70%;
}


.jettakBtn.girisyap{
    height: 100%;
    font-weight: 500;
    color: white;
    text-decoration: none !important;
    transition: .2s;
}

.jettakBtn.girisyap:hover {
    opacity: .85;
    background: #481908;
}


.rightItems a{
    text-decoration: none;
    color: var(--siyah);
    font-weight: 400;
    font-size: 15px;
}

.rightItems a:hover{
    text-decoration: underline;
}

.navCatButon:hover b{
    text-decoration: underline;
}

.navCatButon{
   
    color: var(--siyah);
    font-weight: 400;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.navCatButon b{
    font-weight: 400;

}

.navCatButon i{
    color: var(--anaRenk);
}

.navbarSearch{
    width: 50%;
    height: 100%;
    position: relative;
}

.navbarSearch i {
    position: absolute;
    left: 19px;
    top: 9px;
    font-size: 28px;
    color: var(--anaRenk);
}


.navbarSearch input{
    background-color: #f0f1f5;
    outline: none;
    border: 0;
    width: 100%;
    height: 100%;
    padding-left: 4rem;

}


.favoriler{
    color: var(--anaRenk);
    font-size: 25px;
    transition: .25s;
}

.favoriler:hover{
    transform: rotate(15deg);
    
}

.navAcikBtns {
    display: flex
;
    /* flex-direction: column; */
    height: 100%;
    width: 50%;
    align-items: center;
    gap: 20px;
    margin-left: 21px;
}


.navAcikBtns a{
    text-decoration: none;
}

.navAcikBtns a:first-child {
    color: var(--anaRenk);
    font-weight: 450;
}

.navAcikBtns a:last-child {
    color: gray;
}

.navAcikBtns a:hover{
    text-decoration: underline;
}