/* попапы */
.popup-full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.popup {
    position: fixed;
    z-index: 4000;
    transition: all var(--main-transition);
    height: 100vh;
    overflow: hidden;

    .popup_shadow {
        position: fixed;
        background-color: rgba(0, 0, 0, 0.50);
        z-index: 11;
    }
    .step {
        transition: all var(--main-transition);
    }
    .popup_subtext {
        margin-top: var(--second-margin);
        font-size: 18px;
        line-height: 140%;
        cursor: default;
        text-align: center;

        #login {
            color: var(--orange-color);
            cursor: pointer;
        }
    }
}
.popup_hide {
    display: none;
    z-index: -1;
    opacity: 0;
}
.popup_container {
    z-index: 12;
    background-color: var(--white);
    padding: 32px 44px;
    width: 430px;
    border-radius: var(--main-border-radius);
    position: relative;
}
.step_hide {
    display: none;
    z-index: -11;
}


.popup_header, .popup_subheader {
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
}
.popup_subheader {
    margin-top: var(--second-margin);
}
.popup_text {
    color: var(--gray-color);
    text-align: center;
    margin-top: 12px;
}
.popup_close-btn {
    position: absolute;
    width: 30px;
    height: 30px;
    right: -45px;
    top: 0;
    transform: rotate(45deg);
    cursor: pointer;

    &:after,
    &:before {
        content: '';
        position: absolute;
        width: 100%;
        left: 0;
        height: 2px;
        background-color: var(--white);
        top: calc(50% - 1px);
    }
    &:before {
        transform: rotate(90deg);
    }
}
.body_hidden .select2-container.select2-container--open{z-index: 9999;}
.popup-reg .select2.select2-container{margin-top: 5px;}
@media screen and (max-width: 480px){
    .popup-reg .popup_container{
        border-radius: 0;
        max-height: 100vh;
        overflow-y: auto;
        padding: 24px 16px;
        width: 100%;
    }
    .popup-reg select{
        font-size: 14px;
        height: 46px;
    }
}/* END 480px */

/* попар регистрации */
.popup-reg {
input, textarea{margin-top: 5px;}
    & .step2 {
        & .code_container {
            display: flex;
            justify-content: space-between;
            width: 260px;
            margin: 0 auto;
            & input {
                width: 50px;
                height: 50px;
            }
        }
        & .sendCode-text {
            margin-top: 24px;
            color: rgba(36, 36, 36, 0.60);
            text-align: center;
            font-size: 14px;
        }
        & #prev-step {
            position: absolute;
            top: 30px;
            left: 20px;
            display: flex;
            cursor: pointer;
        }
    }
    & .registration_text-phone {
        color: var(--main-color);
        margin-top: 10px;
        display: block;
    }

    & .mobile-header {
        font-size: 16px;
        margin-top: 15px;
        width: 100%;
        max-width: 100%;
        font-weight: 500;
        justify-content: center;
    }
    & .popup-text_mobile {
        font-size: 14px;
        margin-top: 10px;
        text-align: center;
        display: block;
        & a {
            display: inline;
        }
    }
}
.login-popup .main-btn{height: 50px;}
.code_container{
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 auto 24px;
    max-width: 260px;
}
.send-new-code.popup_text{
    color: var(--orange-color);
    width: 100%;
}
.reg-prev{
    align-items: center;
    flex-direction: row;
    height: 24px;
    justify-content: center;
    left: 20px;
    position: absolute;
    top: 29px;
    width: 24px;
}
.address-popup-mob .checkbox,.address-popup .checkbox{margin: 16px 0;}
.address-popup-mob .popup_header,.address-popup .popup_header{margin-bottom: 24px;}
.address-popup-mob .floating,.address-popup .floating{margin-top: 8px;}
.address-popup-mob .popup_close-btn {
    background: url(../images/close_popup.svg) center no-repeat;
    height: 24px;
    left: 16px;
    right: auto;
    top: 18px;
    transform: none;
    width: 24px;
    z-index: 1;
}
    .address-popup-mob .popup_close-btn:before,.address-popup-mob .popup_close-btn:after{display: none;}
@media (max-width: 768px){
.login-popup .popup_container{
    border-radius: 0;
    height: 100%;
    padding: 24px 16px;
}
    .login-popup .popup_header{
        font-size: 20px;
        font-weight: 500;
        letter-spacing: normal;
        margin-top: 27px;
        text-transform: none;
    }
    .login-popup .popup_close-btn,.popup-reg .popup_close-btn{
        background: url(../images/close_popup.svg) center no-repeat;
        height: 24px;
        left: 16px;
        right: auto;
        top: 18px;
        transform: none;
        width: 24px;
        z-index: 1;
    }
        .popup_close-btn:before,.popup_close-btn:after{display: none;}
    .popup_text.small{font-size: 12px;}
.popup-full .popup_container{width: 100%;}
}/* END 768px */
/* попап выбора адреса */
#select-address-popup {
    flex-direction: column;

    .step2 {
        padding: 0;
        /*width: 860px;*/
        position: relative;

        .select-address-step2_right {
            flex-direction: column;
            padding: 32px 44px;
            display: flex;
            gap: 24px;
            .select-address_address-inputs > .floating:first-child{margin-top: 0;}
        .checkbox{margin-top: 16px;}
            & label {
                max-width: 100%;
                width: 100%;
                & input {
                    margin-top: 0;
                    max-width: 100%;
                    width: 100%;
                }
            }
            .select-address_address-inputs {
                .select-address_location {
                    color: var(--orange-color);
                    display: none;
                    font-weight: 500;
                    line-height: 25.6px;
                    cursor: pointer;
                }
                .address-flex {
                    display: flex;
                    gap: 16px;
                    & label {
                        max-width: 50%;
                        width: 100%;
                    }
                }
            }
        }
        .select-address-step2_left {
            display: none;
            position: relative;

            .mobile-map {
                width: 100%;
                max-width: 100%;
                overflow: hidden;

                & img {
                    max-width: 100%;
                    width: 100%;
                    height: auto;
                    object-fit: cover;
                    aspect-ratio: 1;
                }
            }
            .mobile-loc,
            .mobile-map-nav {
                position: absolute;
            }
            .mobile-loc {
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);

                & img {
                    width: 32px;
                    height: auto;
                }
            }
            .mobile-map-nav {
                right: 20px;
                bottom: 34px;

                & span {
                    width: 70px;
                    aspect-ratio: 1;
                }
            }
        }
        .main-btn {
            margin-top: 0;
        }
        & .popup_header.prevStep {
              background: url(../images/close_popup.svg) left no-repeat;
              cursor: pointer;
              text-align: left;
                padding-left: 36px;
          }
    }
    .step3 {
        width: 560px;
        .popup_header{
            margin-bottom: 16px;
            text-align: left;
        }
        .select-address_del-address {
            color: #86868B;
            text-align: right;
            font-size: 12px;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: 1px;
            margin-left: auto;
            cursor: pointer;
            text-transform: uppercase;
        }
    }
    .step3:has(.flex) .flex {
        gap: 16px
    }
}
.component_address{height: 100%;}
.address_list{
    display: flex;
    height: 100%;
    flex-direction: column;
    margin-top: 8px;
    max-width: 100%;
}
    .add-address-desc{
        align-items: center;
        border: 1px rgba(0,0,0,.1) solid;
        border-radius: 8px;
        color: var(--orange-color);
        cursor: pointer;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 16px;
        font-weight: 500;
        height: 43px;
        justify-content: center;
        margin-top: 16px;
        transition: all .3s linear;
        width: 100%;
    }
        .add-address-desc:hover{border-color: var(--orange-color);}
        .add-address-desc span{
            background: url(../images/add.svg) left no-repeat;
            display: inline-block;
            padding-left: 28px;
        }
    .select-address_my-address{
        align-items: center;
        background: #fff url(../images/location.svg) 16px center no-repeat;
        border: 1px rgba(0,0,0,.1) solid;
        border-radius: 8px;
        display: flex;
        font-size: 16px;
        font-weight: 500;
        height: 60px;
        margin-top: 16px;
        padding: 0 16px 0 44px;
        transition: all .3s linear;
        width: 100%;
    }
        .select-address_my-address:first-child{margin-top: 0;}
        .my-address_edit,.my-address_delete{
            height: 24px;
            margin-left: 8px;
            width: 24px;
        }
        .my-address_edit{background: url(../images/my-address_edit.svg) center no-repeat;}
        .my-address_delete{
            background: url(../images/my-address_delete.svg) center no-repeat;
            margin-left: auto;
        }
        .my-address_text{
            max-width: calc(100% - 70px);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    .select-address_my-address.selected{
        background-color: rgba(238,108,64,.05);
        border-color: var(--orange-color);
    }
    .address_list .main-btn{margin-top: auto;}


/* попап выбора адреса на мобилке */
.select-address_mobile{
    align-items: center;
    background: url(../images/address_local.svg) top no-repeat;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    flex-direction: column;
    justify-content: center;
    line-height: 100%;
    margin-bottom: 20px;
    padding-top: 72px;
}
.no_address .main-btn{
    height: 50px;
    margin: 0 auto;
    max-width: 100%;
    width: 472px;
}
.no_address.mob{height: calc(100vh - 32px);}
    .no_address .address_list{justify-content: center;}
#select-address-popup_mobile {
    .step1 {
        height: 100vh;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 16px;
        & .select-address-title{
            background: url(../images/close_popup.svg) left no-repeat;
            font-size: 18px;
            line-height: 24px;
            padding-left: 32px;
        }
        .add-address-mob{
            color: #86868B;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 500;
        }
        .addresses_mobile {
            width: 100%;
            .cabinet-address_address {
                display: flex;
                align-items: center;
                margin-top: 10px;
            }
            .cabinet-address_edit {
                margin-left: auto;
            }

            & input:checked + .cabinet-address_checked {
                background-color: var(--main-color) !important;
                outline: 1px solid var(--main-color) !important;
            }
        }
    }
    .step2 {
        & h2 {
              background: url(../images/close_popup.svg) left no-repeat;
              font-size: 18px;
              line-height: 24px;
              padding-left: 32px;
              width: 100%;
            & span {
                position: absolute;
                left: 16px;
                width: 20px;
                height: 20px;
                top: calc(50% - 10px);
                background-color: var(--white);
                border-radius: 50%;
            }
        }
        .address-map {
            z-index: -2;
            background-color: var(--light-gray-color);
            position: absolute;
            top: auto;
            right: 0;
            bottom: 345px;
            left: 0;
            justify-content: center;
            align-items: center;
            width: 100%;
            overflow: hidden;

            .mobile-map-nav {
                position: absolute;
                right: 10px;
                bottom: 20px;
            }
        }
        .mobile-loc {
            position: absolute;
            top: auto;
            left: auto;
        }
        .mobile-map  {
            display: none;
            width: 100%;
            height: 100%;
            & img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .address-form {
            background-color: var(--white);
            border-radius: 0;
            margin-top: 24px;
            max-width: 100%;
            width: 100%;
            z-index: 17;
            .addresses_mobile {
                & > .floating:first-child{margin-top: 0;}
                .checkbox{margin-top: 16px;}
                .addresses-block {
                    display: flex;
                    gap: 8px;
                }
            }
        }
    }
    .mobile-popup-footer {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 17;
        padding: 12px 16px;
        background: var(--white);
        box-shadow: 0 -6px 18px 0 rgba(102, 51, 51, 0.10);
        height: 64px;

        .main-btn {
            margin-top: 0;
        }
    }
}
.addresses-block {
    display: flex;
    gap: 8px;
    position: relative;
}
.geo-list:not(:empty){
    background: #fff;
    border: 1px rgba(0,0,0,.1) solid;
    border-radius: 8px;
    left: 0;
    padding: 6px 0;
    position: absolute;
    top: calc(100% + 10px);
    z-index: 99;
}
    .geo-list p{
        cursor: pointer;
        font-size: 14px;
        padding: 4px 16px;
    }
    .geo-list p:hover{color: var(--orange-color);}
.popup .popup_container.popup-add-address-mob{
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow-y: auto;
    padding: 16px 16px 20px;
    width: 100%;
}
.popup-add-address-mob .main-btn{margin-top: auto;}

    /* оценка заказа */
#rate-order {
    .step1 {
        flex-direction: column;
        gap: 24px;
        .popup_text {
            margin-top: 0;
        }
        .stars {
            display: flex;
            gap: 10px;
            .star {
                cursor: pointer;

                &:hover path {
                    fill: #FED03B
                }
            }
        }
        .popup_textarea {
                position: relative;
                width: 100%;
                border-radius: 8px;
                background-color: var(--light-gray-color);
            & textarea {
                margin-top: 0;
                font-weight: 500;
                line-height: 25.6px;
                &::placeholder {
                    letter-spacing: .2px;
                    color: var(--gray-color);
                }
            }
            & button {
                position: absolute;
                width: 24px;
                height: auto;
                top: 13px;
                right: 16px;
                cursor: pointer;
            }
        }
        .main-btn {
            margin-top: 0;
        }
    }
}


/* другое окно оценки заказа, которое будет основным, скорее всего */
#rate-order2 {
    .step1 {
        flex-direction: column;
        gap: 24px;

        .popup_text {
            margin-top: 0;
        }
        .stars {
            display: flex;
            gap: 10px;
            .star {
                cursor: pointer;

                &:hover path {
                    fill: #FED03B
                }
            }
        }
        .popup_textarea {
            position: relative;
            width: 100%;
            border-radius: 8px;
            background-color: var(--light-gray-color);
            display: flex;
            flex-direction: column;
            gap: 12px;
            & textarea {
                margin-top: 0;
                font-weight: 500;
                line-height: 25.6px;
                &::placeholder {
                    letter-spacing: .2px;
                    color: var(--gray-color);
                }
            }
            & button {
                position: absolute;
                width: 24px;
                height: auto;
                top: 13px;
                right: 16px;
                cursor: pointer;
            }
        }
        .rate-attach_container {
            display: flex;
            gap: 10px;
            padding: 0 16px 12px;

            .rate_attach {
                display: flex;
                position: relative;

                .attach-image {
                    & img {
                        border-radius: 8px;
                    }
                    }

                & button {
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    top: -10px;
                    right: -10px;
                    border-radius: 50%;
                    background-color: var(--orange-color);
                }
            }
        }
        .main-btn {
            margin-top: 0;
        }
    }
}


/* ссылки на аппстор */
#download {
    .step1 {
        flex-direction: column;
        .download-image {
        }
        .popup_text {
            margin-top: 0;
            padding-top: 10px;
        }
        .footer_store {
            display: flex;
            gap: 15px;
            margin-top: 24px;
            flex-wrap: nowrap;
            & a {
                margin-top: 0;
                & img {
                    width: 100%;
                    height: auto;
                }
            }
        }
    }
}

/* Страница продукта (добавление в корзину) */
.product-popup {
.repeat-order_item {
    display: flex;
    border-radius: var(--main-border-radius);
    background-color: var(--white);
    box-shadow: 0 4.03448px 11.09483px 0 rgba(0, 0, 0, 0.05);
    padding: 5px;
    gap: 16px;
    cursor: pointer;
    margin-top: 24px;
    transition: all var(--main-transition);

&:hover {
     scale: 102%;
 }

.repeat-order_image {
    max-width: 110px;
    width: 100%;
    overflow: hidden;
    background-color: var(--light-gray-color);
    border-radius: 8px;

& img {
      max-width: 100%;
      width: 100%;
      height: auto;
  }
}

.repeat-order_item-info {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding-right: 16px;

& h3 {
      font-weight: 500;
      line-height: 140%;
      letter-spacing: 1px;
      text-transform: uppercase;

& span {
      color: var(--gray-color);
      font-size: 14px;
      font-weight: 500;
      line-height: 140%;
      text-transform: lowercase;
  }
}
& p {
      margin-top: 4px;
      color: var(--gray-color);
      line-height: 140%;
      font-weight: 400;
  }
.repeat-order_item-price {
    margin-top: auto;
    color: var(--main-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    text-align: right;
}
}
}
}

/* Повторный заказ */
#repeat-order {
    .step1 {
        align-items: stretch;
        flex-direction: column;
        width: 488px;
        gap: 10px;

        .popup_text {
            margin-top: -10px;
        }
        .repeat-order_items {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin: 0 -10px;
            max-height: 18vh;
            overflow-y: auto;
            padding: 10px;
            width: calc(100% + 20px);
            .repeat-order_item {
                display: flex;
                border-radius: var(--main-border-radius);
                background-color: var(--white);
                box-shadow: 0 4.03448px 11.09483px 0 rgba(0, 0, 0, 0.05);
                padding: 5px;
                gap: 16px;
                cursor: pointer;
                transition: all var(--main-transition);

                &:hover {
                    scale: 102%;
                }

                .repeat-order_image {
                    max-width: 110px;
                    width: 100%;
                    padding: 15px 25px;
                    background-color: var(--light-gray-color);
                    border-radius: 8px;

                    & img {
                        max-width: 100%;
                        width: 100%;
                        height: auto;
                    }
                }

                .repeat-order_item-info {
                    display: flex;
                    flex: 1 1 auto;
                    flex-direction: column;
                    padding-right: 16px;

                    & h3 {
                        font-weight: 500;
                        line-height: 140%;
                        letter-spacing: 1px;
                        text-transform: uppercase;

                        & span {
                            color: var(--gray-color);
                            font-size: 14px;
                            font-weight: 500;
                            line-height: 140%;
                            text-transform: lowercase;
                        }
                    }
                    & p {
                        margin-top: 4px;
                        color: var(--gray-color);
                        line-height: 140%;
                        font-weight: 400;
                    }
                    .repeat-order_item-price {
                        margin-top: auto;
                        color: var(--main-color);
                        font-size: 18px;
                        font-weight: 500;
                        line-height: 140%;
                        text-transform: uppercase;
                        text-align: right;
                    }
                }
            }
        }

        .repeat-order_info {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 12px;

            & p {
                color: rgba(36, 36, 36, 0.60);
                line-height: 140%;
                display: flex;
                justify-content: space-between;
            }
            & span {
                color: #242424;
                font-weight: 500;
                text-align: right;
                width: 180px;
            }
        }
    }
}


/* выход из профиля */
#cabinet-exit {
    .step1 {
        flex-direction: column;
        .popup_header {
            margin-bottom: 12px;
        }
        .main-btn {
            margin-top: 12px;
        }
    }
}


/* заказ */
#order-order {
    .step {
        flex-direction: column;
        gap: 24px;

        & * {
            margin-top: 0;
        }

        .order_order-number {
            margin-top: -12px;
            color: var(--gray-color);
            text-align: center;
            line-height: 140%;

            & span {
                color: var(--main-color);
                margin-left: 12px;
                font-weight: 500;
            }
        }
    }
}


/* заказ на мобилке */
#order-mobile {
    .step {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        & h2 {
            text-align: left;
            width: 100%;
        }
        & h2.popup_header {
            text-align: center;
        }
        .main-btn {
            margin-top: 12px;
            &:first-of-type {
                margin-top: 24px;
            }
        }
        & label {
            width: 100%;
            margin-top: 12px;
            & textarea {
                margin-top: 0;
            }
        }
    }
    .step2,
    .step3 {
        position: absolute;
        border-radius: var(--main-border-radius);
        display: flex;
        width: 310px;
        margin-left: auto;
        opacity: 1;
        transition: opacity var(--main-transition);
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        .order_order-number {
            color: var(--gray-color);
            text-align: center;
            font-size: 16px;
            font-weight: 400;

            & span {
                color: var(--main-color)
            }
        }
    }
    .step_hide:not(.step_hide:first-of-type) {
        opacity: 0;
        transition: opacity var(--main-transition);
        transform: none;
    }
}
@media screen and (max-width: 1280px) {
    #select-address-popup {
        .step2 {
            width: 700px;
        }
    }
}
@media screen and (max-width: 1024px) {
.popup.popup-bottom_steps {
    & .step {
        bottom: 0;
        position: absolute;
        top: auto;
        width: 100%;
    }
    & .step_hide {
        display: none !important;
        bottom: 0;
    }
}
.popup.popup-select-address {
    & .step_hide{top: 0;}
}
}/* END 1024px */
@media screen and (max-width: 780px) {
    .popup {
        & .step {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: 0 16px;
              padding: 24px;
            /*width: 100%;
            height: 100%;
            border-radius: initial;
            padding: 16px;*/
        }
        & .mobile-logo_popup {
            position: relative;
            & img {
                width: 101px;
                height: auto;
                margin: 0 auto;
            }
            & .triangle_left {
                position: absolute;
                top: calc(50% - 10px);
                left: 16px;
                width: 14px;
                height: 14px;
            }
        }
    }
.popup.popup-full .step{margin: 0;}
#order-mobile .step:not(.step2):not(.step3) {
    border-radius: 0;
    height: 100%;
}
    .popup-left {
        transform: translateX(0);
        &.popup_hide {
            transform: translateX(-100%);
            z-index: 1;
            opacity: 1;
        }
    }
    .popup-left_steps {
        & .step {
            transform: translateX(0);
        }
        & .step_hide {
            transform: translateX(-100%);
        }
        .step_hide {
            left: -50px;
            position: fixed;
            display: block;
        }
    }

    /*.popup-bottom_steps{
        & .step {
              top: initial;
              position: absolute;
              bottom: 0;
          }
        & .step_hide {
              transform: translateY(100%);
              position: fixed;
              display: block;
              bottom: 0;
          }
    }*/

    #rate-order {
        .step1 {
            border-radius: 21px 21px 0 0;
            height: auto;
            top: auto;
            bottom: 0;
        }
    }
    #rate-order2 {
        .step1 {
            border-radius: 21px 21px 0 0;
            height: auto;
            top: auto;
            bottom: 0;
        }
    }
    #download {
        .step1 {
            max-width: calc(100% - 30px);
            top: auto;
            bottom: auto;
            height: auto;
            right: auto;
            left: auto;
            border-radius: var(--main-border-radius);
            padding: 15px;
            .popup_header {
                font-size: 16px;
            }
        }
    }
    #cabinet-exit {
        .popup_container {
            border-radius: var(--main-border-radius);
            height: auto;
            max-width: 100%;
            width: 343px;
        }
        .step1 {
            gap: 12px;
            .popup_header {
                margin: 0;
            }
            .main-btn {
                margin: 0;
            }
        }
    }
    #repeat-order {
        .step {
            width: 100%;
            justify-content: flex-start;

            .popup_text:not(.mobile_hidden) {
                border-bottom: 2px solid rgba(0, 0, 0, 0.10);
                width: 100%;
                padding-bottom: 13px;
                display: flex;
                justify-content: center;
                margin-top: -24px;
            }
            .main-btn {
                margin-top: auto;
            }
        }
    }
    #sort-clothes {
        .step1 {
            border-radius: 21px 21px 0 0;
            height: auto;
            display: block;
        }
    }
}

/* Catalog sort mobile */
.popup-window{
    background-color: #fff;
    display: block;
    inset: 0;
    opacity: 1;
    padding: 70px 16px 16px;
    position: fixed;
    transition: all .3s linear;
    z-index: 99;
}
    .popup_hide.popup-window{transform: translateY(120%);}
    .popup-window_header{
        align-items: center;
        background: url(../images/close_popup.svg) 16px center no-repeat;
        box-shadow: 0 4px 11px rgba(144,144,144,.11);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 20px;
        font-weight: 400;
        height: 50px;
        justify-content: flex-start;
        left: 0;
        line-height: 22px;
        padding-left: 48px;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .popup-sort-clothes{
        align-content: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
        .popup-sort-clothes .main-btn{margin-top: auto;}
        .mobile-popular label{
            display: flex;
            align-items: center;
            margin-bottom: 16px;
        }
        .mobile-popular input{display: none;}
        .mobile-popular span{
            margin-right: 12px;
            display: block;
            width: 18px;
            height: 18px;
            background-color: #d8d8d8;
            outline: 1px solid #d8d8d8;
            border-radius: var(--main-border-radius);
            border: 3px solid var(--white);
        }
        .mobile-popular input:checked + span{
            background-color: var(--main-color);
            outline: 1px solid var(--main-color);
        }
/*!* popup *!*/
/*.popup,*/
/*.popup_shadow{*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*}*/
/*.popup {*/
/*    position: fixed;*/
/*    opacity: 1;*/
/*    z-index: 4000;*/
/*    transition: opacity var(--main-transition), z-index var(--main-transition);*/
/*}*/


/*.popup_shadow {*/
/*    position: absolute;*/
/*    background-color: rgba(0, 0, 0, 0.50);*/
/*}*/
/*.popup_container {*/
/*    padding: 32px 44px;*/
/*    width: 430px;*/
/*    border-radius: var(--main-border-radius);*/
/*    background-color: var(--white);*/
/*    z-index: 16;*/

/*    flex-direction: column;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%) scale(1);*/
/*}*/
/*.step_hide {*/
/*    transform: scale(0);*/
/*}*/
/*.popup_header {*/
/*    font-size: 20px;*/
/*    line-height: 21px;*/
/*    letter-spacing: 1px;*/
/*    text-transform: uppercase;*/
/*    text-align: center;*/
/*}*/
/*.popup_text {*/
/*    padding: 0 20px;*/
/*    margin-top: 12px;*/
/*    color: var(--gray-color);*/
/*    text-align: center;*/
/*    line-height: 140%;*/
/*}*/
/*.popup_close-btn {*/
/*    position: absolute;*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    right: -45px;*/
/*    top: 0;*/
/*    transform: rotate(45deg);*/
/*    cursor: pointer;*/
/*}*/
/*.popup_close-btn:after,*/
/*.popup_close-btn:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    height: 2px;*/
/*    background-color: var(--white);*/
/*    top: calc(50% - 1px)*/
/*}*/
/*.popup_close-btn:before {*/
/*    transform: rotate(90deg);*/
/*}*/
/*.popup_hide {*/
/*    opacity: 0;*/
/*    z-index: -2;*/
/*}*/


/*!* Попап регистрации на главной странице *!*/
/*#registration-popup input {*/
/*    margin-top: var(--main-margin);*/
/*}*/

/*.registration_phone {*/
/*    margin-top: var(--second-margin);*/
/*}*/
/*.code_container {*/
/*    display: flex;*/
/*    margin-top: var(--second-margin);*/
/*    justify-content: space-between;*/
/*    padding: 0 42px;*/
/*    width: 100%;*/
/*}*/
/*.code_container input {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    text-align: center;*/
/*    border-radius: 8px;*/
/*    background-color: var(--light-gray-color);*/
/*    color: #222;*/
/*    font-size: 16px;*/
/*    font-weight: 400;*/
/*    line-height: 140%;*/
/*    letter-spacing: 0.16px;*/
/*    border: none;*/
/*    outline: none;*/
/*}*/
/*.sendCode-text {*/
/*    color: rgba(36, 36, 36, 0.60);*/
/*    text-align: center;*/
/*    font-size: 14px;*/
/*    font-weight: 400;*/
/*    line-height: 140%;*/
/*    margin-top: var(--second-margin);*/
/*}*/
/*.send-new-code {*/
/*    margin-top: var(--second-margin);*/
/*    text-align: center;*/
/*    color: var(--orange-color);*/
/*    font-size: 14px;*/
/*    font-weight: 500;*/
/*    line-height: 140%;*/
/*    cursor: pointer;*/
/*    background-color: transparent;*/
/*    border: none;*/
/*}*/

/*!* Попап выбора адреса *!*/
/*#select-address-popup input {*/
/*    margin-top: 0;*/
/*}*/

/*.step2 {*/
/*    width: auto;*/
/*    flex-direction: row;*/
/*    padding: 0;*/
/*}*/
/*.select-address-step2_left {*/
/*    width: 431px;*/
/*}*/
/*.select-address-step2_right {*/
/*    width: 431px;*/
/*    padding: 32px 44px;*/
/*    flex-direction: column;*/
/*}*/
/*.select-address_address-inputs {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    flex-wrap: wrap;*/
/*    margin: var(--second-margin) 0 0;*/
/*}*/

/*.select-address_address-inputs label {*/
/*    width: calc(50% - 8px);*/
/*    display: flex;*/
/*    margin-top: 16px;*/
/*}*/
/*.select-address_address-inputs label:first-of-type {*/
/*    margin-top: 0;*/
/*}*/
/*.select-address_address-inputs input {*/
/*    width: 100%;*/
/*    max-width: 100%;*/
/*    border-radius: 8px;*/
/*    padding: 12px;*/
/*    color: var(--main-color);*/
/*    font-weight: 500;*/
/*    line-height: 25px;*/
/*    letter-spacing: 0.2px;*/
/*    background-color: var(--light-gray-color);*/
/*}*/
/*.select-address_address-inputs input::placeholder {*/
/*    color: var(--gray-color)*/
/*}*/
/*.select-address_address-inputs label:first-of-type {*/
/*    width: 100%;*/
/*}*/
/*.select-address_address-inputs label:last-of-type {*/
/*    width: 100%;*/
/*}*/
/*.step3 {*/
/*    width: 560px;*/
/*    flex-wrap: wrap;*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*}*/



/*.step3 .popup_button {*/
/*    margin-bottom: 0;*/
/*    width: calc(50% - 8px);*/
/*}*/
/*.my-address_add {*/
/*    background-color: var(--white);*/
/*    color: var(--main-color);*/
/*    outline: 2px solid var(--main-color);*/
/*}*/

/*!* Попап оценки заказа *!*/
/*#rate-order textarea {*/
/*    width: 100%;*/
/*    padding-right: 40px;*/
/*    margin-top: 0;*/
/*}*/





/*.stars {*/
/*    margin-top: var(--second-margin);*/
/*    display: flex;*/
/*}*/
/*.star {*/
/*    margin-right: 8px;*/
/*}*/
/*.star:last-of-type {*/
/*    margin-right: 0;*/
/*}*/


/*.popup-radio {*/
/*    margin-top: var(--second-margin);*/
/*    width: 100%;*/
/*}*/
/*.popup-radio {*/
/*    font-size: 18px;*/
/*    font-weight: 500;*/
/*    line-height: 140%;*/
/*}*/
/*.popup-radio p {*/
/*    margin-top: 20px;*/
/*}*/
/*.popup-radio p:first-of-type {*/
/*    margin-top: 0;*/
/*}*/
/*.popup-radio_select {*/
/*    width: 22px;*/
/*    height: 22px;*/
/*    background-color: transparent;*/
/*    outline: 1px solid var(--main-color);*/
/*    display: block;*/
/*    border-radius: 50%;*/
/*    cursor: pointer;*/
/*    margin-right: 12px;*/
/*}*/
/*.popup-radio p:hover .popup-radio_select {*/
/*    background-color: var(--main-color);*/
/*    border: 3px solid var(--light-gray-color);*/
/*}*/
/*.popup-radio_selected {*/
/*    background-color: var(--main-color);*/
/*    border: 3px solid var(--light-gray-color);*/
/*}*/
/*.mobile-header,*/
/*.mobile-logo_popup {*/
/*    display: none;*/
/*}*/


/*.mobile-popup .step_hide {*/
/*    transform: translateY(100%);*/
/*    height: 0;*/
/*    overflow: hidden;*/
/*}*/





/*#select-address-popup_mobile .step2 {*/
/*    border-radius: 0;*/
/*    height: 100%;*/
/*}*/

/*#select-address-popup_mobile .step2 h2 {*/
/*    position: fixed;*/
/*    top: 10px;*/
/*    right: 0;*/
/*    left: 0;*/
/*    text-align: center;*/
/*}*/
/*#select-address-popup_mobile .step2 h2 span {*/
/*    display: inline-flex;*/
/*    position: absolute;*/
/*    top: calc(50% - 10px);*/
/*    left: 10px;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    background-color: var(--white);*/
/*    border-radius: 50%;*/
/*}*/




/*.mobile-map {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: flex;*/
/*}*/



/*.address-form .block-double {*/
/*    gap: 10px;*/
/*}*/


/*@media screen and (max-width: 780px) {*/
/*    .popup {*/
/*        z-index: 4;*/
/*        transform: translateY(0);*/
/*        background-color: var(--white);*/
/*        transition: all var(--main-transition);*/
/*    }*/
/*    .popup_hide {*/
/*        transform: translateY(-120%);*/
/*        opacity: 1;*/
/*    }*/
/*    .popup_shadow {*/
/*        display: none;*/
/*    }*/
/*    .popup_container {*/
/*        flex-direction: column;*/
/*        display: flex;*/
/*        justify-content: flex-start;*/
/*        padding: 16px;*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        top: 0;*/
/*        !*bottom: 0;*!*/
/*        !*right: 0;*!*/
/*        left: 0;*/
/*        transform: translateY(0);*/
/*        transition: all var(--main-transition);*/

/*    }*/
/*    .popup_container .main-btn {*/
/*        margin-top: auto;*/
/*    }*/


/*    .step_hide {*/
/*        transform: translateY(-140%);*/
/*    }*/
/*    .mobile-logo_popup {*/
/*        display: flex;*/
/*        margin: 0 auto;*/
/*        justify-content: center;*/
/*    }*/
/*    #registration-popup .popup_header {*/
/*        display: none;*/
/*    }*/
/*    #registration-popup input {*/
/*        margin-top: 0;*/
/*    }*/
/*    #registration-popup label {*/
/*        width: 100%;*/
/*    }*/
/*    .mobile-header {*/
/*        display: block;*/
/*    }*/
/*    .mobile-header {*/
/*        margin-top: 20px;*/
/*        font-size: 20px;*/
/*        font-weight: 500;*/
/*        line-height: 140%;*/
/*        text-align: center;*/
/*    }*/
/*    .popup_close-btn {*/
/*        top: 30px;*/
/*        left: 20px;*/
/*        width: 20px;*/
/*        height: 20px;*/
/*    }*/
/*    .popup_close-btn:after,*/
/*    .popup_close-btn:before {*/
/*        background-color: var(--main-color);*/
/*    }*/
/*    #registration-popup div:last-of-type .popup_close-btn {*/
/*        display: none;*/
/*    }*/
/*    .popup_text {*/
/*        margin-bottom: 12px;*/
/*    }*/
/*    .code_container {*/
/*        margin: 0 auto;*/
/*        width: 360px;*/
/*    }*/

/*    #select-address-popup .main-btn {*/
/*        margin-top: 0;*/
/*    }*/


/*    .mobile-popup {*/
/*        background-color: transparent;*/
/*        height: 100vh;*/
/*        overflow: hidden;*/
/*    }*/
/*    .mobile-popup .popup_shadow {*/
/*        display: block;*/
/*    }*/
/*    .mobile-popup .popup_container {*/
/*        height: 345px;*/
/*        position: absolute;*/
/*        bottom: 0;*/
/*        right: 0;*/
/*        left: 0;*/
/*        margin-top: auto;*/
/*        border-radius: var(--main-border-radius) var(--main-border-radius) 0 0;*/
/*        padding-bottom: 84px;*/
/*    }*/


/*    #download {*/
/*        background-color: transparent;*/
/*        display: flex;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*    }*/
/*    #download .popup_container {*/
/*        max-width: 345px;*/
/*        height: auto;*/
/*        position: static;*/
/*    }*/
/*    #download .popup_shadow {*/
/*        background-color: rgba(0, 0, 0, 0.50);*/
/*        display: block;*/
/*    }*/
/*    #download .popup_close-btn {*/
/*        display: none;*/
/*    }*/

/*    .popup_header {*/
/*        font-size: 16px;*/
/*    }*/


/*    #order-mobile .mobile-drop_container {*/
/*        display: flex;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*    }*/
/*    #order-mobile .popup_shadow {*/
/*        display: block;*/
/*    }*/
/*    #order-mobile .popup_container {*/
/*        max-width: calc(500px - 20px);*/
/*        width: 100%;*/
/*        height: auto;*/
/*        position: absolute;*/
/*    }*/

/*    .mobile-popup-container {*/
/*        background-color: transparent;*/
/*    }*/
/*    .mobile-popup-container .popup_shadow {*/
/*        display: block;*/
/*        transform: none;*/
/*    }*/


/*    .mobile-popup-container .popup_container {*/
/*        width: auto;*/
/*        height: auto;*/
/*        top: auto;*/
/*        left: 0;*/
/*        right: 0;*/
/*        bottom: 0;*/
/*    }*/
/*    .mobile-popup-container .main-btn {*/
/*        margin-top: 24px;*/
/*    }*/
/*}*/