header {
    display: flex;
    flex-direction: column;
    max-width: 1130px;
    margin: 0 auto;
    background-color: transparent;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    font-family: 'Open Sans', Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
    position: relative;
    z-index: 105;
    color: white;
    font-size: 14px;
    font-weight: 500;
}

.header-green-line {
    display: flex;
    flex-direction: row;
    height: 52px;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #a0d76d;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(160 215 109 / 0));
    --tw-gradient-to: #8ec25b;
    /*padding-left: 1rem;
    padding-right: 1rem;*/
}

.header-orange-line {
    display: flex;
    height: 33px;
    flex-direction: row;
    width: 100%;
    border-top: 1px solid #fdd19c;
    background: #fcac4e;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
}

.header-logo {
    order: 1;
    /*margin-right: auto;*/
    margin-left: 1.5rem;
    height: 3.5rem;
    width: 20rem;
    background-image: url('//cdn.u-mama.ru/assets/images/svg/umama_logo_horison_white.svg');
    /*background-image: url('//cdn.u-mama.ru/assets/images/svg/umama_logo_horison_white_hb.svg');*/
    background-size: 192px;
    /*background-position: -123px;*/
    background-repeat: no-repeat;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 2rem;
}

.header-logo > a {
    margin-right: 1.25rem;
    display: block;
    height: 100%;
    width: 100%;
}

.header-nav-menu {
    display: flex;
    margin-left: 2.5rem;
    width: fit-content;
    gap: 1.75rem;
}

.header-nav-wrapper {
    width: 100%;
}

.header-nav-wrapper a, .header-auth-block a {
    color: white;
}

.header-auth-block {
    display: flex;
    gap: 10px;
    margin-right: 10px;
}

.header-auth-block > div {
    background: #479100;
    padding: 0.75rem 1.25rem;
    border-radius: 0.5rem;
}

.header-user-block {
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding-right: 1.5rem;

}

.header-user-block .header-user-block-item {
    position: relative;
    margin-right: 16px;
    display: flex;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;

}


.header-user-block-item svg {
    color: white;
    width: 3rem;
    height: 3rem;
    position: relative;
    top: 3px;
}

.header-img-box {
    width: 34px;
    height: 34px;
    cursor: pointer;
}

.header-img-box img {
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.header-item-badge, .item-badge {
    position: absolute;
    top: -8px;
    right: -12px;
    display: flex;
    height: 20px;
    width: fit-content;
    min-width: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid white;
    background-color: #fcac4e;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    font-size: 11px;
    color: white;
}

.header-item-badge:empty, .item-badge:empty {
    display: none;
}

.header-also {
    display: flex;
    cursor: pointer;
    position: relative;
}

/*.header-also:hover .list-drop-menu-box {
    display: block;
}*/

.header-also svg {
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
    top: 3px;
    left: 4px;
}

.head-second-line {
    display: flex;
    gap: 20px;
    margin-left: 242px;
}

/*.head-second-line-adv .btn-spec {
    width: 192px;
    margin-left: 16px;
    display: block;
    margin-right: 34px;

}

.new-head-second-line-adv .btn-spec a {
    color: #fff;
    font-size: 13px;
    padding-top: 3px;
    width: 180px;
    height: 23px;
    text-align: center;
}

.btn-spec {
    height: 27px;
}
*/

/*выпадающее меню*/
.list-drop-menu-box {
    display: none;
}

.header-also:hover > ul {
    position: absolute;
    top: 14px;
    right: -32px;
    width: fit-content;
    background-color: transparent;
    color: #479100;
    z-index: 9999;
    font-weight: 400;
    display: block;
    padding-top: 20px;
}

.list-drop-menu-box > li {
    background-color: #EBF3DB;
    border-left: 1px solid #479100;
    border-right: 1px solid #479100;
}

.list-drop-menu-box > li:first-child {
    border-top: 1px solid #479100;
}

.list-drop-menu-box > li:last-child {
    border-bottom: 1px solid #479100;
}

/*ебучий уголок через псевдоклассы */
.header-nav-wrapper li.header-also ul::before {
    position: absolute;
    top: 10px;
    right: 24px;
    height: 0;
    width: 0;
    border-top-width: 0;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #479100;
    content: "";
    border-left-color: transparent;
}

.header-nav-wrapper li.header-also ul::after {
    position: absolute;
    top: 11px;
    right: 24px;
    height: 0;
    width: 0;
    border-top-width: 0;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 11px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: rgb(235 243 219);
    content: "";
    border-left-color: transparent;
}

.list-drop-menu-box li {
    padding: 0 1.5rem;
}

.list-drop-menu-box a {
    color: #479100;
}

.list-drop-menu-box div {
    width: 100%;
    white-space: nowrap;
    padding: 0.75rem 0;
    text-align: left;
}

.list-drop-menu-box > li:not(:last-child) div {
    border-bottom: 1px solid #cee9a2;
}

.right-nav-wrapper {
    display: flex;
    align-items: center;
}


/*уведомления в колокольце*/
.bell-notify ul {
    position: absolute;
    top: 35px;
    right: -32px;
    display: none;
}

.bell-notify ul > li {
    background-color: #EBF3DB;
    border-left: 1px solid #479100;
    border-right: 1px solid #479100;
}

.bell-notify ul > li:first-child {
    border-top: 1px solid #479100;
}

.bell-notify ul > li:last-child {
    border-bottom: 1px solid #479100;
}

.bell-item {
    padding: 0 1.5rem;
}

.bell-item > div {
    padding: 0.75rem 0;
}

.bell-item > a {
    padding-right: 2rem;
    color: #479100;
}

/*ебучий уголок через псевдоклассы */
ul.ul-bell-notify::before {
    position: absolute;
    top: -10px;
    right: 31px;
    height: 0;
    width: 0;
    border-top-width: 0;
    border-right-width: 11px;
    border-bottom-width: 11px;
    border-left-width: 11px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #479100;
    content: "";
    border-left-color: transparent;
}

ul.ul-bell-notify::after {
    position: absolute;
    top: -9px;
    right: 32px;
    height: 0;
    width: 0;
    border-top-width: 0;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: rgb(235 243 219);
    content: "";
    border-left-color: transparent;
}

.ul-bell-notify .badge {
    background-color: #89bf55;
    margin-left: 20px;

}

.ul-bell-notify > li:not(:last-child) div {
    border-bottom: 1px solid #cee9a2;
}

.ul-bell-notify a {
    color: #479100;
    font-weight: 400;
}

.bell-item > div {
    display: flex;
    width: 100%;
    justify-content: space-between;

}

/*меню аватара*/
.header-user-avatar {
    position: relative;
}

.header-user-avatar ul {
    position: absolute;
    top: 42px;
    right: -26px;
}

.header-user-avatar ul > li {
    background-color: #EBF3DB;
    border-left: 1px solid #479100;
    border-right: 1px solid #479100;
}

ul.ul-user-avatar {
    display: none;
}

ul.ul-user-avatar li:first-child {
    border-top: 1px solid #479100;
}

ul.ul-user-avatar li:last-child {
    border-bottom: 1px solid #479100;
}

/*ебучий уголок через псевдоклассы */
ul.ul-user-avatar::before {
    position: absolute;
    top: -10px;
    right: 31px;
    height: 0;
    width: 0;
    border-top-width: 0;
    border-right-width: 11px;
    border-bottom-width: 11px;
    border-left-width: 11px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #479100;
    content: "";
    border-left-color: transparent;
}

ul.ul-user-avatar::after {
    position: absolute;
    top: -9px;
    right: 32px;
    height: 0;
    width: 0;
    border-top-width: 0;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: rgb(235 243 219);
    content: "";
    border-left-color: transparent;
}

ul.ul-user-avatar li {
    padding: 0 1.5rem;
}

ul.ul-user-avatar li > div {
    padding: 0.75rem 0;
}

.header-user-avatar ul > li:not(:last-child) div {
    border-bottom: 1px solid #cee9a2;
}

.user-avatar-item a {
    color: #479100;
    font-weight: 400;

}

/*бутерброд*/
.mobile-opener {
    margin-right: 1.5rem;
    padding-top: 4px;
    cursor: pointer;
    position: relative;
    display: none;

}

.mobile-opener svg {
    width: 3rem;
    height: 3rem;
}

.ul-mobile-menu {
    position: fixed;
    top: 52px;
    right: 0px;
    width: max-content;
    padding: 0 1rem;
    border-left: 1px solid #479100;
    background: #EBF3DB;
    overflow-y: scroll;
    height: calc(100% - 52px);
    z-index: 1000;
    display: none;
}

.ul-mobile-menu > li {
    display: flex;
    gap: 1rem;
    align-items: center;
    color: #479100;
    padding: 0.5rem 0;
}

.ul-mobile-menu > li:not(:last-child) {
    border-bottom: 1px solid #cee9a2;
}

.ul-mobile-menu a {
    color: #479100;
}

.overflow-hidden {
    overflow: hidden;
}

.modal-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 52px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    opacity: 0.8;
    z-index: 104;
}
.head-second-line  a {
    color: white;
}

.filtr-cont {
    margin-top: 0 !important;
}
/*тени*/
.ul-bell-notify, .ul-user-avatar {
    box-shadow: 5px 5px 5px #0e0d0d30;
}

@media screen and (max-width: 1155px) {
    header {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .filtr-cont .swiper-container2 {
        margin-top:0;
    }
}

/*адаптивность, убираем меню*/
@media screen and (max-width: 1055px) {
    /*header {
        padding-left: 15px;
        padding-right: 15px;
    }*/
}

@media screen and (max-width: 1024px) {
    .header-nav-wrapper, .header-orange-line {
        display: none;
    }

    .ul-mobile-menu {
        /* right: 15px;*/
    }

    .mobile-opener {
        display: block;
    }

    header {
        margin-bottom: 0;

    }

    .our-child {
        width: 100%;
        background-position-x: 0.75rem;
    }

    .header-green-line {
        justify-content: space-between;
    }
}

/*адаптивность, убираем меню*/
@media screen and (max-width: 768px) {
    .header-logo {
        width: 3.2rem;
        background-position: -123px;
    }
}

@media screen and (max-width: 680px) {
    header {
        padding: 0;
    }

    .ul-mobile-menu {
        right: 0;
    }
}