@media (min-width: 1024px) and (max-width: 1400px) {
    .order_list .container {
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: calc(75% - 24px) calc(25% - 24px);
        grid-column-gap: 48px;
        margin-bottom: 48px;
    }

    .container .filter {
        right: unset!important;
    }
}

.order_list .filter {
    margin-top: 96px;
}

.swiper-scrollbar-drag {
    cursor: move;
}

.my-orders {
    padding-bottom: 100px;
}

.my-orders-filter {
    display: flex;
    margin-bottom: 20px;
    padding-left: 20px;
    grid-column: 1;
}


.my-orders-filter--mobile {
    display: none;
}

.my-orders-filter__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #C4C4C4;
}

.my-orders-filter__list {
    margin-left: 24px;
    display: flex;
}

.my-orders-filter__link:not(:last-child) {
    margin-right: 24px;
}

.my-orders-filter__link > a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #172500;
}

.my-orders-filter__link.active > a {
    padding-bottom: 4px;
    border-bottom: 2px solid #EE715F;
    color: #EE715F;
}

.my-orders-list {
    max-width: 970px;
    width: 100%;
    grid-column: 1;
}

.my-orders-item {
    width: 100%;
    padding: 16px 0 16px 20px;
    border-radius: 8px;
    box-shadow: 0px 30px 30px 0px #C4C4C421;
}

.my-orders-item:not(:last-child) {
    margin-bottom: 24px;
}

.my-orders-item.open .my-orders-item__status-info {
    background: #C4C4C4;
}

.my-orders-item.canceled .my-orders-item__status-info {
    background: #C10010;
}

.my-orders-item.ready .my-orders-item__status-info {
    background: #328A27;
}

.my-orders-item.completed .my-orders-item__status-info {
    background: #E1C533;
}

.my-orders-item__body {
    display: flex;
}

.my-orders-item__info {
    max-width: 240px;
    width: 100%;
}

.my-orders-item__info-head {
    margin-bottom: 12px;
}

.my-orders-item__info-number {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    color: #172500;
}

.my-orders-item__info-subnumber {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #C4C4C4;
}

.my-orders-item__info-name {
    margin: 0 0 6px 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    color: #172500;
}

.my-orders-item__info-address {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #172500;
}

.my-orders-item__info-metro {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #172500;
}

.my-orders-item__info-working-hours {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #172500;
}

.my-orders-item__info-delivery {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #328A27;
}

.my-orders-item__info-price {
    margin-top: 2px;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    color: #172500;
}

.my-orders-item-goods {
    width: 100%;
    margin: 0 10px 0 80px;
    padding-bottom: 14px!important;
    align-self: center;
}

.my-orders-item-goods__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.my-orders-item-goods__header {
    margin-bottom: 8px;
}

.my-orders-item-goods__name {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #172500;
}

.my-orders-item-goods__price {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    color: #172500;
}

.my-orders-item-goods__quantity {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    color: #172500;
}

.swiper-scrollbar {
    background: #E4E4E4!important;
}

.swiper-scrollbar-drag {
    background: #328A27!important;
}

.my-orders-item__status {
    position: relative;
    max-width: 210px;
    width: 100%;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.my-orders-item__status-info {
    position: relative;
    padding: 8px;
    background: #C4C4C4;
    border-radius: 28px 0px 0px 28px;
    text-align: right;
}

.my-orders-item__status-name {
    padding-right: 25px;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #FFFFFF;
}

.my-orders-item__status-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FFFFFF4D;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.my-orders-item__status-btn--icon {
    width: 8px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.67676 9.72949H2.7168C2.72266 9.18457 2.76953 8.72754 2.85742 8.3584C2.94531 7.9834 3.0918 7.64355 3.29688 7.33887C3.50781 7.03418 3.78613 6.71191 4.13184 6.37207C4.40137 6.11426 4.64453 5.87109 4.86133 5.64258C5.07812 5.4082 5.25098 5.16211 5.37988 4.9043C5.50879 4.64062 5.57324 4.33887 5.57324 3.99902C5.57324 3.62988 5.51172 3.31641 5.38867 3.05859C5.26562 2.80078 5.08398 2.60449 4.84375 2.46973C4.60938 2.33496 4.31641 2.26758 3.96484 2.26758C3.67188 2.26758 3.39648 2.32617 3.13867 2.44336C2.88086 2.55469 2.67285 2.73047 2.51465 2.9707C2.35645 3.20508 2.27148 3.51562 2.25977 3.90234H0.141602C0.15332 3.16406 0.329102 2.54297 0.668945 2.03906C1.00879 1.53516 1.46582 1.15723 2.04004 0.905273C2.61426 0.65332 3.25586 0.527344 3.96484 0.527344C4.75 0.527344 5.4209 0.662109 5.97754 0.931641C6.53418 1.19531 6.95898 1.58203 7.25195 2.0918C7.55078 2.5957 7.7002 3.20508 7.7002 3.91992C7.7002 4.43555 7.59766 4.9043 7.39258 5.32617C7.1875 5.74219 6.9209 6.13184 6.59277 6.49512C6.26465 6.85254 5.91016 7.20996 5.5293 7.56738C5.20117 7.86621 4.97852 8.19141 4.86133 8.54297C4.74414 8.88867 4.68262 9.28418 4.67676 9.72949ZM2.54102 12.4717C2.54102 12.1553 2.64941 11.8887 2.86621 11.6719C3.08301 11.4492 3.37891 11.3379 3.75391 11.3379C4.12891 11.3379 4.4248 11.4492 4.6416 11.6719C4.8584 11.8887 4.9668 12.1553 4.9668 12.4717C4.9668 12.7881 4.8584 13.0576 4.6416 13.2803C4.4248 13.4971 4.12891 13.6055 3.75391 13.6055C3.37891 13.6055 3.08301 13.4971 2.86621 13.2803C2.64941 13.0576 2.54102 12.7881 2.54102 12.4717Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.my-orders-item__status-subname {
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    color: #FFFFFF;
}

.my-orders-item__status-repeat {
    position: relative;
    align-self: flex-end;
    margin-right: 8px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #ACABAB;
    cursor: pointer;
}

.my-orders-item__status-repeat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3257_6295)'%3E%3Cpath d='M15.436 9.6C15.5104 9.59989 15.584 9.61451 15.6527 9.64302C15.7214 9.67153 15.7838 9.71335 15.8362 9.76609C15.8886 9.81882 15.9301 9.88141 15.9582 9.95026C15.9863 10.0191 16.0005 10.0928 16 10.1672V12.7304C16.0005 12.8044 15.9865 12.8778 15.9586 12.9464C15.9307 13.015 15.8896 13.0774 15.8376 13.1301C15.7856 13.1828 15.7237 13.2247 15.6555 13.2534C15.5873 13.2822 15.514 13.2972 15.44 13.2976C15.366 13.2972 15.2928 13.2822 15.2245 13.2534C15.1563 13.2247 15.0944 13.1828 15.0424 13.1301C14.9904 13.0774 14.9493 13.015 14.9214 12.9464C14.8936 12.8778 14.8795 12.8044 14.88 12.7304V11.8304C13.4232 14.2752 10.7192 16 7.80561 16C4.27761 16 1.32081 13.8232 0.0384142 10.468C-0.0154303 10.3282 -0.012038 10.1728 0.0478563 10.0355C0.107751 9.89822 0.219325 9.79003 0.358414 9.7344C0.646414 9.6216 0.971214 9.7664 1.08321 10.0584C2.20321 12.988 4.75361 14.8664 7.80561 14.8664C10.5024 14.8664 13.0216 13.1208 14.1952 10.7432L13.0184 10.7512C12.9444 10.7513 12.8711 10.7368 12.8026 10.7086C12.7342 10.6803 12.672 10.6388 12.6197 10.5865C12.5673 10.5342 12.5257 10.4721 12.4974 10.4037C12.469 10.3353 12.4544 10.262 12.4544 10.188C12.4525 10.0386 12.51 9.89445 12.6142 9.78735C12.7185 9.68025 12.861 9.61891 13.0104 9.6168L15.436 9.6ZM8.19601 0C11.7224 0 14.68 2.1768 15.9624 5.532C16.0163 5.67179 16.0129 5.82717 15.953 5.96447C15.8931 6.10178 15.7815 6.20997 15.6424 6.2656C15.5736 6.29244 15.5001 6.30533 15.4263 6.30354C15.3524 6.30175 15.2797 6.2853 15.2123 6.25516C15.1448 6.22502 15.0841 6.18177 15.0335 6.12795C14.9829 6.07412 14.9435 6.01078 14.9176 5.9416C13.7976 3.012 11.2472 1.1336 8.19522 1.1336C5.49841 1.1336 2.97921 2.8792 1.80561 5.2568L2.98241 5.2488C3.05644 5.24869 3.12976 5.26319 3.19819 5.29144C3.26661 5.3197 3.32879 5.36117 3.38117 5.41347C3.43356 5.46578 3.47511 5.52791 3.50347 5.59629C3.53182 5.66467 3.54641 5.73797 3.54641 5.812C3.54834 5.96145 3.49086 6.10555 3.38661 6.21265C3.28236 6.31975 3.13986 6.38109 2.99041 6.3832L0.564014 6.4C0.489649 6.40011 0.415998 6.38549 0.347313 6.35698C0.278628 6.32847 0.216268 6.28665 0.163832 6.23391C0.111397 6.18118 0.0699241 6.11859 0.0418071 6.04974C0.0136902 5.9809 -0.000514033 5.90716 1.42101e-05 5.8328V3.2696C1.42101e-05 2.956 0.250414 2.7024 0.560014 2.7024C0.868814 2.7024 1.12001 2.956 1.12001 3.2696V4.1696C2.57681 1.7248 5.28081 0 8.19442 0' fill='%23ACABAB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3257_6295'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    transition: transform 1s ease-in-out;
}

.my-orders-item__status-repeat:hover.my-orders-item__status-repeat::before {
    transform: rotate(360deg);
}

.my-orders-popup {
    position: absolute;
    top: -12px;
    right: 0;
    display: none;
    max-width: 210px;
    width: 100%;
    padding: 30px 10px 20px 26px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 10px 20px 0px #00000033;
    z-index: 1;
}

.my-orders-popup__close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66675 13.332L13.3334 2.66536' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3334 13.332L2.66675 2.66536' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    cursor: pointer;
}

.my-orders-popup__list {
    position: relative;
}

.my-orders-popup__item-title {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #000000;
}

.my-orders-popup__item__descr {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    color: #707070;
}

.my-orders-popup__item {
    position: relative;
}

.my-orders-popup__item:not(:last-child) {
    margin-bottom: 5px;
}

.my-orders-popup__item::before, .my-orders-popup__item::after {
    content: '';
    position: absolute;
}

.my-orders-popup__item::after {
    top: -1px;
    left: -15px;
    width: 6px;
    height: 6px;
    background: #C4C4C4;
    border-radius: 50%;
}

.my-orders-popup__item::before {
    top: 5px;
    left: -15px;
    top: 5px;
    left: -13px;
    width: 2px;
    height: 100%;
}

.my-orders-popup__item:last-child::before {
    height: 0;
}

.my-orders-item .my-orders-popup__item::after,
.my-orders-item .my-orders-popup__item::before {
    background: var(--background);
}

.my-orders-filter--mobile .select_element {
    max-width: 300px;
    width: 100%;
    height: 44px;
}

.my-orders-filter--mobile .select_element::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3691 7L12.0551 13L5.74114 7' stroke='%23C4C4C4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
}

.my-orders-filter--mobile .select_element .selected_value {
    font-size: 16px;
    line-height: 19px;
    color: #C4C4C4;
}

.my-orders-filter--mobile .select_dropdown {
    max-width: 300px;
    width: 100%;
    z-index: 4;
}

@media (max-width: 1023px) {
    .order_list .container {
        display: block;
    }

    .filter.personal_user_sidebar .box, .filter.personal_user_sidebar .filter {
        z-index: unset;
    }
}

@media (max-width: 767px) {
    .my-orders-filter {
        display: none;
    }

    .my-orders-filter--mobile {
        display: block;
        margin-bottom: 36px;
        -webkit-tap-highlight-color: transparent;
    }

    .my-orders-item {
        position: relative;
    }

    .my-orders-item__body {
        position: initial;
        flex-direction: column;
        gap: 10px;
    }

    .my-orders-item__info {
        position: initial;
        max-width: none;
    }

    .my-orders-item__status {
        position: initial;
        max-width: 156px;
    }

    .my-orders-item__status-info {
        padding: 8px;
    }

    .my-orders-item__status-name {
        margin-bottom: 2px;
        font-size: 14px;
        line-height: 16px;
    }

    .my-orders-item__status-subname {
        font-size: 10px;
        line-height: 12px;
    }

    .my-orders-item__info-price {
        position: absolute;
        bottom: 24px;
        margin-top: 0;
        font-size: 26px;
        line-height: 30px;
    }

    .my-orders-item__status-repeat {
        position: absolute;
        top: 18px;
        right: 15px;
    }

    .my-orders-popup {
        top: initial;
        bottom: 30px;
    }
}

@media (max-width: 480px) {
    .my-orders .container {
        padding: 0;
    }

    .my-orders-filter--mobile {
        max-width: 300px;
        width: 100%;
        margin: 0 auto 36px;
    }

    .my-orders-popup {
        bottom: 0;
    }
}