.logo_description {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}

.mobile-header {
    z-index: 2;
    display: none;
}
.mobile-header.fixed{
    position: fixed;
    width: 100%;
    top: 0;
}

.mobile-header-contacts-left {
    display: flex;
    flex-direction: column
}

.mobile-header-contacts-left-row {
    display: flex;
    align-items: center;
}
.mobile-header-contacts-left-row:not(:first-child){
    margin-top: 9px;
}

.mobile-header-contacts-left-row_tel {
    font-size: 16px;
    letter-spacing: .1em;
    color: #ffffff;
    font-weight: 700;
    padding-left: 8px
}

.mobile-header-contacts-left-row_mail {
    font-size: 16px;
    padding-left: 10px;
    text-decoration: underline;
    color: #ffffff;
}

.mobile-header-contacts-left-row_worktime {
    font-size: 13px;
    color: #ffffff;
    letter-spacing: .025em
}

.mobile-header-contacts-left-soc a {
    padding: 0 !important;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #dd1552;
    display: flex !important;
    justify-content: center;
    align-items: center
}

.mobile-header-contacts-left-soc a + a {
    margin-left: 10px
}

.mobile-header-contacts-left-soc {
    margin-top: 10px;
    display: flex
}

.mobile-header-contacts-mob {
    margin-top: 2px
}

.mobile-header-contacts--trigger {
    padding: 15px 20px 15px;
    position: relative;
    z-index: 4
}

.mobile-header-contacts--slide {
    padding: 0 20px 20px;
    position: absolute;
    top: calc(100% - 6px);
    z-index:5;
    background-color: #fff;
    width: 100%;
    display: none;
}

.mobile-header, .mobile-nav {
    position: relative
}

.mobile-header-contacts {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #18181b;
}

.mobile-header-contacts-drop {
    transition: all .3s;
}

.mobile-header-contacts-drop.open {
    transform: scaleY(-1);
    transition: all .3s
}

/*___________________*/
.mobile-nav {
    display: none;
    align-items: center;
    justify-content: space-between;
    background-color: #18181b;
    transition: all .2s;
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 12;
}

.mobile-nav-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px;
    min-width: 100px
}

.mobile-nav-logo_desc {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1em;
    color: #ccc
}

.mobile-nav-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #dd1552;
    height: 100%;
    padding: 0 25px
}

.mobile-nav-cart-image {
    position: relative
}

.mobile-nav-cart-image_count {
    position: absolute;
    height: 20px;
    width: 20px;
    right: -7px;
    bottom: -5px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-weight: 700
}


.mobile-nav-drop {
    display: none;
    background-color: #212125;
    bottom: 100%;
    position: absolute;
    z-index: 4;
    width: 100%;
    max-height: calc(100vh - 106px);
    overflow-y: scroll;
}

.mobile-nav-drop-row_input {
    font-size: 15px;
    color: #727276;
    font-weight: 300;
    width: 100%;
    border-radius: 21px;
    position: relative;
    border: 0;
    outline: 0;
    padding: 12px 18px;
    background: url(../img/glass.png) 93% center no-repeat #2f2f35
}

.mobile-nav-drop-row_input::-webkit-input-placeholder {
    color: #727276;
    font-weight: 300;
    font-size: 15px
}

.mobile-nav-drop-row_input:-moz-placeholder {
    color: #727276;
    font-weight: 300;
    font-size: 15px
}

.mobile-nav-drop-row_input::-moz-placeholder {
    color: #727276;
    font-weight: 300;
    font-size: 15px
}

.mobile-nav-drop-row_input:-ms-input-placeholder {
    color: #727276;
    font-weight: 300;
    font-size: 15px
}

.mobile-nav-drop-row {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #2c2c30
}

.mobile-nav-drop-row--search {
    padding: 12px 19px;
    background-color: #212125
}

.mobile-nav-drop-row-trigger {
    padding: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #212125
}

.mobile-nav-drop-row-trigger_text {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .025em
}

.mobile-nav-drop-row-slide {
    display: none
}

.mobile-nav-drop-row-slide-sub {
    display: flex;
    flex-direction: column;
    background-color: #18181b
}

.mobile-nav-drop-row-slide-sub-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    color: #fff;
    font-size: 15px;
    letter-spacing: .025em;
    border-bottom: 1px solid #2c2c30
}

.mobile-nav-drop-row-slide-sub-subslide {
    display: none
}

.mobile-nav-drop-row-slide-sub-subslide_item {
    padding: 15px 20px 15px 40px;
    color: #fff;
    font-size: 15px;
    letter-spacing: .025em;
    border-bottom: 1px solid #2c2c30;
    position: relative;
    display: flex;
}

.mobile-nav-drop-row-slide-sub-subslide_item:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    left: 20px
}

.mobile-nav-drop-row-slide-sub-trigger_img.open, .mobile-nav-drop-row-trigger_arrow.open {
    transform: rotate(180deg);
    transition: all .3s
}

.mobile-nav-drop-row-slide-sub-trigger_img, .mobile-nav-drop-row-trigger_arrow {
    transition: all .3s
}

.mobile-nav-drop-reg-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #dd1552;
    padding: 1.4rem 0;
    border-radius: .3rem;
}

.mobile-nav-drop-reg-inner:not(:first-child) {
    margin-top: 1rem;
}

.mobile-nav-drop-reg-inner_text {
    font-weight: 500;
    color: #fff;
    padding-left: 1.4rem;
}

.logout {
    padding-left: 8px
}

.mobile-nav-drop-reg {
    padding: 2.4rem;
    background-color: #212125;
    border-bottom: 1px solid #2c2c30
}

.mobile-nav-drop-simple_link {
    color: #fff;
    line-height: 1em
}

.mobile-nav-drop-elems {
    padding-top: 1rem;
}

.mobile-nav-drop-simple_link--malina {
    color: #dd1552;
    font-weight: 700;
    padding-left: 1.6rem;
    position: relative
}

.mobile-nav-drop-simple_link--malina:after {
    content: '';
    position: absolute;
    left: 0;
    display: flex;
    background: url("images/sale.svg") center center no-repeat;
    background-size: cover;
    transform: translateY(-50%);
    top: 49%;
    width: 12px;
    height: 13px
}

.mobile-nav-drop-simple {
    background-color: #212125;
    padding: 1.4rem 2.4rem;
    display: flex
}

/*_______________*/


.section_selectors {
    display: flex;
}

.section_selectors-item {
    color: #18181b;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    padding: 50px 40px;
    cursor: pointer;
    position: relative;
    transition: all .2s;
}

.section_selectors-item.active {
    background-color: #f9f9f9;
    color: #dd1552;
}

.section_selectors-item.active:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    border: 13px solid transparent;
    border-bottom: 12px solid #18181b;
}

.header_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contacts_widget {
    padding: 15px 43px 15px 20px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    position: relative;
}

.contacts-label {
    background-color: #ffffff;
    position: absolute;
    padding: 0 9px;
    top: 0;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    letter-spacing: 0.025em;
}

.contacts_widget-arrow {
    transition: all .1s;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    cursor: pointer;
    transform-origin: top;
    padding: 27px 16px;
    box-sizing: content-box;
}

.contacts_widget-arrow.active {
    transform: scaleY(-1) translateY(-50%);
    transition: all .1s;
}

.contacts_widget_hidden {
    position: absolute;
    z-index: 4;
    top: 90%;
    left: -1px;
    border: 1px solid #e4e4e4;
    border-top: 0;
    width: calc(100% + 2px);
    padding: 0 43px 15px 20px;
    background-color: #ffffff;
    border-radius: 3px;
}

.contacts_widget_hidden .socials_item {
    width: 40px;
    height: 40px;
}

.contacts_widget_hidden .socials_item:not(:first-child) {
    margin-left: 5px;
}

.category_background {
    background-color: #18181b;
}

.block-courz-basket {
    background: #dd1552;
    width: 80px;
    display: flex;
    height: 61px;
    position: relative;
    align-items: center
}

.block-courz-basket .mobile-nav-basket_count {
    bottom: 18%;
    right: 28%
}

.burger {
    height: 50px;
    position: absolute;
    width: 50px
}

.sticky {
    position: fixed;
    top: 0;
    z-index: 12;
    width: 100%;
}
.pt-123{
    padding-top: 123px;
}
.pt-46{
    padding-top: 46px;
}
.category-wrapper.sticky{
    background-color: #fff;
}

.category-wrapper.sticky .section_selectors-item {
    padding: 24px 40px;
    transition: all .2s;
}

.category-wrapper.sticky .logo_description {
    display: none;
}

.category-wrapper.sticky .contacts_widget {
    display: none;
}
.mobile-nav.sticky .mobile-nav-logo_desc {
    display: none;
}
.mobile-nav.sticky{
    height: unset;
    transition: all .2s;
    padding: 5px 0;
}
@media screen and (max-width: 1024px) {
    .pt{
        padding-top: 60px;
    }
    .mobile-header {
        display: block;
    }

    .mobile-nav {
        display: flex;
    }

    .category_selector {
        display: none;
    }

    .category_background {
        display: none;
    }

    .block-courz-basket {
        background: unset;
        width: auto;
        height: auto;
    }

    .block-courz-basket .mobile-nav-basket_count {
        bottom: -11px;
        right: -7px;
    }

}