header{
    padding: 10px 15px 15px;
}

.header{
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.header__logo{
    width: 41px;
}

.header__logo img{
    width: 100%;
    height: auto;
}

.header__nav{
    position: absolute;
    display: none;
    background: #F2F2F2;
    right: 0;
    top: 50px;
    border-radius: 10px;
    flex-direction: column;
    padding: 4px;
    gap: 4px;
    text-align: right;
}
.header__nav a{
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-transform: uppercase;
    min-width: 162px;
    font-size: 13px;
    line-height: 120%;
    padding-right: 20px;

}

.header__burger{
}
.header__burger button{

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    background: #F2F2F2;
    border-radius: 10px;
}

.header__burger button.active{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0007 10.586L16.9507 5.63599L18.3647 7.04999L13.4147 12L18.3647 16.95L16.9507 18.364L12.0007 13.414L7.05072 18.364L5.63672 16.95L10.5867 12L5.63672 7.04999L7.05072 5.63599L12.0007 10.586Z' fill='%23282A2A'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
}

.header__burger button.active span{
    display: none;
}

.header__burger span{
    width: 18px;
    height: 2px;
    background: #000;
    display: block;

}

@media (min-width: 1024px) {

    .admin-bar header{
        top: 32px;
    }
    header{
        padding: min(calc(20 / 1650 * 100vw), 20px) min(calc(15 / 1650 * 100vw), 15px) 0;
        position: sticky;
        top: 0;
        z-index: 999;
    }
    .header{
        max-width: min(calc(1650 / 1650 * 100vw), 1650px);
        margin: 0 auto;
    }

    .header__nav{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        padding: min(calc(4 / 1650 * 100vw), 4px);
        gap: min(calc(4 / 1650 * 100vw), 4px);
        position: static;

    }
    .header__nav a{
        padding:  min(calc(16 / 1650 * 100vw), 16px) min(calc(20 / 1650 * 100vw), 20px);
        font-size: min(calc(14 / 1650 * 100vw), 14px);
        line-height: 120%;
        font-weight: 500;
        min-width: auto;
        border-radius: min(calc(6 / 1650 * 100vw), 6px);
    }

    .header__nav a.active,
    .header__nav a:hover{
        color: #fff;
        background: #232A2A;
    }

    .header__logo{
        display: none;
    }
    
    .header__burger{
        display: none;
    }

}