.missing-gift {
    background-color: #ffe9f0;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 130%;
    color: #92022d;
    padding: 8px 20px;
    margin-bottom: 16px;
    width: 100%;
    border-radius: 8px
}

@media (min-width: 768px) and (max-width:1279px) {
    .missing-gift {
        margin: 0 25px 16px
    }
}

@media (max-width: 767px) {
    .missing-gift {
        margin: 0 12px 16px
    }
}

.missing-gift__img-wrapper {
    height: 48px;
    width: 48px;
    min-width: 48px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 8px
}

@media (max-width: 767px) {
    .missing-gift__img-wrapper {
        margin-right: 12px
    }
}

.missing-gift__img {
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.CustomSlider {
    display: flex;
    margin-top: 32px
}

@media (min-width: 768px) and (max-width:1279px) {
    .CustomSlider {
        padding: 0 25px
    }
}

@media (max-width: 767px) {
    .CustomSlider {
        padding: 0 12px;
        flex-direction: column;
        margin-bottom: 50px
    }
}

.CustomSlider__choose-wrapper {
    margin-right: 130px
}

@media (min-width: 768px) and (max-width:1279px) {
    .CustomSlider__choose-wrapper {
        margin-right: 32px
    }
}

@media (max-width: 767px) {
    .CustomSlider__choose-wrapper {
        margin: 0 0 30px
    }
}

.CustomSlider__choose-wrapper--slider {
    margin-right: 0;
    width: 100%
}

.CustomSlider__choose-wrapper__wrapper {
    margin-bottom: 50px;
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .CustomSlider__choose-wrapper__wrapper {
        margin-bottom: 20px
    }
}

.delivery-wrap-types {
    margin-top: 24px;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .delivery-wrap-types {}
}

.delivery-wrap-types .header-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 1
}

.delivery-wrap-types .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

@media (max-width: 767px) {
    .delivery-wrap-types .list {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .delivery-wrap-types .list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.delivery-wrap-types .list .item {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    height: 100%;
    transition: transform .15s;
}

@media (max-width: 767px) {
    .delivery-wrap-types .list .item {
        margin-right: 0;
    }
}

.delivery-wrap-types .list .item--last {
    margin: 0
}

.delivery-wrap-types .list .item:hover {
    border-color: #cbcbcb
}

.delivery-wrap-types .list .item:active {
    transform: scale(.95)
}

.delivery-wrap-types .list [name="delivery"] {
    display: none !important;
}

.delivery-wrap-types .list [name="delivery"]:checked+.item {
    background: #fff;
    border-color: var(--main-red);
}

.delivery-wrap-types .list .item.Disabled {
    cursor: not-allowed;
    transform: scale(1)
}

.delivery-wrap-types .list .item .checked {
    position: absolute;
    top: 8px;
    right: 8px
}

.delivery-wrap-types .list .item .inner {
    flex: 1;
    display: flex;
    flex-direction: row;
    padding: 18px;
}

.delivery-wrap-types .list .item .inner .icon {
    margin-right: 16px;
}

@media (max-width: 767px) {
    .delivery-wrap-types .list .item .inner .icon {
        margin-right: 16px;
    }
}

.delivery-wrap-types .list .item .inner .info {
    flex: 1;
    min-height: 42px;
    color: #363636;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.delivery-wrap-types .list .item .inner .info .item-title {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    line-height: 18px
}

.delivery-wrap-types .list .item .inner .info .item-text {
    font-size: 12px;
    margin-bottom: 4px
}

.delivery-wrap-types .list .item .inner .info .item-label {
    width: max-content;
    display: flex;
    align-items: center;
    padding: 1px 8px;
    background: var(--main-red);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px
}

.delivery-wrap-types .list .item .inner .info.Disabled {
    color: #6d6d6d
}

.delivery-wrap-types .list .item .inner .info.Disabled .item-label {
    background: #ffe9f0;
    color: #92022d
}

.delivery-date-order__header {
    display: flex;
    align-items: center;
    column-gap: 16px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .delivery-date-order__header {
        flex-direction: column;
        column-gap: unset;
        row-gap: 16px;
        align-items: unset
    }
}

.delivery-date-order__header__interval-disc {
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 0 8px;
    color: #6d6d6d;
    font-weight: 400
}

@media (max-width: 767px) {
    .delivery-date-order__header__interval-disc {
        background-color: #f9f9f9;
        border-radius: 8px;
        padding: 8px
    }
}

@media (max-width: 767px) {
    .delivery-date-order__header__interval-disc__text {
        line-height: 1.3
    }
}

.delivery-date-order__header__interval-disc__text--show-mobile {
    display: none
}

@media (max-width: 767px) {
    .delivery-date-order__header__interval-disc__text--show-mobile {
        display: inline
    }
}

.pickup-order {
    flex: 1;
    display: flex;
    flex-direction: row;
    margin-left: 40px
}

@media (min-width: 768px) and (max-width:1279px) {
    .pickup-order {
        margin-left: 0;
        display: block;
        flex-direction: unset;
        flex: unset
    }
}

@media (max-width: 767px) {
    .pickup-order {
        margin-left: 0;
        display: block;
        flex-direction: unset;
        flex: unset;
        margin-bottom: 16px
    }
}

.pickup-order .left {
    width: 320px;
    margin-right: 40px;
    margin-top: 4px
}

@media (min-width: 768px) and (max-width:1279px) {
    .pickup-order .left {
        margin-bottom: 24px
    }
}

@media (max-width: 767px) {
    .pickup-order .left {
        width: 100%
    }
}

.pickup-order .right {
    display: flex;
    flex: 1;
    height: 312px;
    background-color: #f6f6f6;
    border-radius: 8px;
    overflow: hidden
}

@media (min-width: 768px) and (max-width:1279px) {
    .pickup-order .right {
        height: 254px
    }
}

@media (max-width: 767px) {
    .pickup-order .right {
        display: none
    }
}

.order-register-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
}

@media (min-width: 1200px) {
    .order-register-row {
        max-width: 70%;
    }
}

.order-register-col {
    flex: 1;
}

@media (max-width: 767px) {
    .order-register-row {
        flex-direction: column;
    }
}

.order-register .min-allowable-total {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b32442;
    background: #fff3fa;
    padding: 13px 0;
    border-radius: 12px;
    font-size: 14px
}

.order-register .min-allowable-total .info-img {
    margin-right: 12px
}

@media (min-width: 768px) and (max-width:1279px) {
    .order-register .min-allowable-total {
        margin: 0 25px
    }
}

@media (max-width: 768px) {
    .order-register .min-allowable-total {
        margin: 0 12px 40px
    }
}

.order-register .info-about-order {
    justify-content: flex-start
}

.order-register .invite-friend-block .description {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 150%;
    text-align: center
}

.order-register .invite-friend-block .image-block {
    position: relative
}

.order-register .invite-friend-block .image-block .helped {
    position: absolute;
    right: -70px
}

.order-register .invite-friend-block .share {
    padding: 8px 15px;
    background: #fff;
    font-weight: 500;
    border-radius: 4px;
    color: #76a82c;
    display: flex;
    justify-content: center;
    margin-top: 12px;
    font-size: 14px;
    border: 2px solid #76a82c
}

.order-register .invite-friend-block .share:hover {
    background: #76a82c;
    color: #fff;
    transition: all .2s
}

.order-register .invite-friend-block .share .social-links--share {
    left: 170px
}

.order-register .invite-friend-block .share span {
    margin: 0
}

.order-register .invite-friend-block .link {
    padding: 10px 25px;
    background: #76a82c;
    border-radius: 55px;
    color: #fff;
    margin-top: 12px;
    display: inline-block;
    transition: all .3s
}

.order-register .invite-friend-block .link:hover {
    background: #89b34a
}

.order-register .main-heading {
    font-size: 42px
}

.order-register .form-row .hint {
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
    padding-left: 25px
}

.order-register .form-row .checkbox-input-inner {
    width: 40px;
    border-bottom: 1px solid #363636;
    margin: 0 5px;
    padding: 0 5px;
    text-align: center
}

.order-register .button-order {
    max-width: 400px;
    height: 48px;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    width: 100%;
    border-radius: 8px
}

.order-register .order-register-input {
    width: 280px;
    height: 40px;
    border: 1px solid #cbcbcb;
    border-radius: 8px;
    padding: 10px 0 10px 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #363636
}

.order-register .order-confirm {
    font-weight: 400;
    font-size: 12px;
    color: #6d6d6d;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 25px
}

.order-register .order-confirm picture {
    margin-right: 8px
}

.order-register .order-confirm a {
    text-decoration: underline
}

.order-register .order-confirm a:hover {
    text-decoration: none
}

.order-register .order-confirm-block {
    display: flex;
    align-items: flex-end;
    margin-bottom: 25px
}

.order-register .order-confirm-block .order-change {
    display: flex;
    flex-direction: column;
    margin-right: 24px
}

.order-register .order-confirm-block .order-change .title {
    color: #363636;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 5px
}

.order-register .order-confirm-block .order-change .change {
    margin-right: 24px;
    background: green
}

.order-register .order-confirm-block .order-change .order-page-input {
    height: 40px;
    position: relative
}

.order-register .order-confirm-block .order-change .order-page-input .helper {
    background: #fff;
    left: 12px;
    top: -17px;
    padding: 0 2px;
    position: absolute;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #363636;
    z-index: 1
}

.order-register .order-confirm-block .order-change .order-page-input .error {
    background: #fff;
    left: 12px;
    top: -17px;
    padding: 0 2px;
    position: absolute;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #ff513b;
    z-index: 1
}

.order-register .order-confirm-block .order-change .order-page-input .dropdown-select .order-page-custom-select {
    border: 1px solid #cbcbcb;
    border-radius: 8px;
    width: 320px;
    font-weight: 400;
    font-size: 14px;
    color: #363636;
    box-shadow: none;
    top: 50px
}

.order-register .order-confirm-block .order-change .order-page-input .dropdown-select .order-page-custom-select.button {
    height: 40px
}

.order-register .order-confirm-block .order-change .order-page-input .custom-input {
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    width: 282px;
    height: 40px;
    padding: 0 15px;
    color: #363636;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px
}

.order-register .order-confirm-block .order-change .order-page-input .custom-input:focus {
    border: 1px solid #6d6d6d
}

.order-register .order-confirm-block .order-change .order-page-input .custom-input.text-area {
    height: 80px;
    padding-top: 8px
}

.order-register .order-confirm-block .order-change .order-page-input.text-area {
    height: 80px
}

.order-register .order-confirm-block .order-confirm {
    margin-bottom: 10px
}

.order-register .delivery-cost-title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 20px
}

.order-register .delivery-hint {
    padding: 12px 0;
    text-align: center;
    font-size: 16px;
    background: #2d4a5a;
    color: #fff;
    position: relative;
    margin-bottom: 30px
}

.order-register .delivery-hint .cross {
    position: absolute;
    right: 20px;
    left: auto;
    top: 17px;
    width: 12px;
    height: 12px;
    transform: scale(1);
    transition: all .3s
}

.order-register .delivery-hint .cross:hover {
    transform: scale(1.75);
    cursor: pointer
}

.order-register .delivery-hint .cross:after,
.order-register .delivery-hint .cross:before {
    content: "";
    position: absolute;
    width: 1.5px;
    height: 12px;
    background: #fff;
    transform: rotate(45deg)
}

.order-register .delivery-hint .cross:after {
    transform: rotate(-45deg)
}

.order-register .delivery-hint a {
    text-decoration: underline;
    margin-left: 4px
}

.order-register .delivery-hint a:hover {
    text-decoration: none
}

.order-register .calendar {
    display: flex;
    margin-bottom: 46px;
    color: #7f7f7f
}

.order-register .calendar [type=radio]:checked,
.order-register .calendar [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.order-register .calendar [type=radio]:checked+label {
    background: rgba(155, 179, 65, .2);
    color: #363636;
    transition: all .2s
}

.order-register .calendar [type=radio]:checked+label .delivery-info .date,
.order-register .calendar [type=radio]:checked+label .delivery-info .time {
    color: #363636
}

.order-register .main-heading {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.order-register .main-heading h1 {
    font-weight: 400;
    font-size: 48px;
    margin: 0
}

.order-register .order-register-container .form-row .notification {
    font-size: 13px;
    color: red
}

.order-register .order-register-container .form-row textarea.form-control {
    height: 150px;
    width: 98%
}

.order-register .order-register-container .form-row label {
    margin-bottom: 10px
}

.order-register .order-register-container .form-row .form-control {
    width: 98%
}

.order-register .order-register-container .list-addresses>li .control-buttons {
    margin: 0
}

.order-register .choose-time .tooltip {
    width: 180px;
    line-height: 1.3
}

.order-register .wrapper-scale {
    display: flex;
    align-items: flex-start;
    margin-top: 58px;
    margin-bottom: 25px
}

.order-register .wrapper-scale .title {
    position: relative;
    font-size: 16px;
    font-weight: 700
}

.order-register .delivery-scale {
    display: flex;
    flex-direction: column;
    width: 923px;
    position: relative;
    top: 5px
}

.order-register .delivery-scale .title {
    position: relative
}

.order-register .delivery-scale .hours-scale {
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
    width: 962px
}

.order-register .delivery-scale .hours-scale .hour {
    width: 38px;
    text-align: center;
    position: relative
}

.order-register .delivery-scale .hours-scale .hour:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 7px;
    top: -15px;
    left: 50%;
    background: #5e5f61
}

.order-register .delivery-scale .hours-scale .hour:first-child:after,
.order-register .delivery-scale .hours-scale .hour:last-child:after {
    height: 10px;
    width: 1px;
    top: -17px
}

.order-register .delivery-setting .delivery-options {
    display: flex;
    justify-content: space-between
}

.order-register .delivery-setting .delivery-options .desc {
    font-size: 14px;
    line-height: 16px;
    color: #a2a2a2;
    max-width: 320px;
    text-align: center;
    margin: 8px auto 42px
}

.order-register .delivery-setting .delivery-options .item {
    flex-basis: 382px;
    padding: 10px 95px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #eee;
    color: #7f7f7f;
    position: relative
}

.order-register .delivery-setting .delivery-options .item .cost {
    font-size: 20px;
    text-align: center;
    position: relative;
    max-width: 54px;
    margin: 5px auto
}

.order-register .delivery-setting .delivery-options .item .cost:after,
.order-register .delivery-setting .delivery-options .item .cost:before {
    content: "";
    position: absolute;
    background: #7f7f7f;
    width: 32px;
    height: 3px;
    border-radius: 5px;
    left: -50px;
    top: 9px
}

.order-register .delivery-setting .delivery-options .item .cost:before {
    left: auto;
    right: -50px
}

.order-register .delivery-setting .delivery-options .item img {
    position: absolute;
    left: 10px;
    top: 10px
}

.order-register .delivery-setting .delivery-options .item .title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 4px
}

.order-register .delivery-setting .delivery-options .item .date {
    font-size: 16px
}

.order-register .delivery-setting .delivery-options .item--green {
    background: #76a82c;
    color: #fff
}

.order-register .delivery-setting .delivery-options .item--green .cost:after,
.order-register .delivery-setting .delivery-options .item--green .cost:before {
    background: #fff
}

.order-register .delivery-setting .choose-time {
    min-height: 27px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    position: relative
}

.order-register .delivery-setting .choose-time .title {
    position: relative;
    font-size: 16px;
    font-weight: 700
}

.order-register .delivery-setting .choose-time .wrap {
    background: #eee;
    border-radius: 20px;
    display: flex;
    margin-left: 60px
}

.order-register .delivery-setting .choose-time .wrap [type=checkbox]:checked,
.order-register .delivery-setting .choose-time .wrap [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

.order-register .delivery-setting .choose-time .wrap .bg-slide {
    position: absolute;
    width: 100px;
    height: 100%;
    border-radius: 35px;
    background: #92022d;
    border: 2px solid #fff;
    left: 0;
    transition: all .4s
}

.order-register .delivery-setting .choose-time img {
    display: inline-block
}

.order-register .delivery-setting .choose-time .toggle {
    position: relative;
    display: flex;
    justify-content: center;
    width: 190px;
    height: 36px;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    cursor: pointer;
    justify-content: space-between;
    transition: all .3s
}

.order-register .delivery-setting .choose-time .toggle .icon {
    position: absolute;
    top: -3px;
    left: 0;
    width: 36px;
    height: 36px;
    display: block;
    background: #fff;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .15);
    border-radius: 50%;
    z-index: 3
}

.order-register .missing-products {
    width: 1164px
}

.order-register .missing-products .header-missing-products {
    color: #92022d;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center
}

.order-register .missing-products .header-missing-products img {
    margin-right: 10px
}

.order-register .missing-products .products-list-order-register {
    margin-top: 30px
}

.order-register .missing-products .products-list-order-register .tooltip {
    width: max-content
}

.order-register.order-steps .order-register-container .form-row textarea.form-control {
    height: 200px
}

@media (min-width: 1280px) and (max-width:1439px) {
    .order-register {
        padding: 0 20px
    }

    .order-register .main-heading {
        margin-bottom: 18px
    }

    .order-register .main-heading h1 {
        font-size: 24px;
        margin: 0
    }

    .order-register .order-register-header {
        margin-bottom: 24px
    }

    .order-register .order-register-header .smart-map-header {
        font-size: 20px
    }

    .order-register .order-register-header .form-header {
        width: 1032px;
        margin-right: 35px
    }

    .order-register .order-register-header .login-links {
        font-size: 14px
    }

    .order-register .order-register-header h2 {
        font-size: 16px
    }

    .order-register .delivery-cost-title {
        font-size: 20px;
        margin-bottom: 10px
    }

    .order-register .calendar {
        margin-bottom: 40px
    }

    .order-register .calendar label .day-price {
        font-size: 14px
    }

    .order-register .delivery-scale {
        margin-top: 40px;
        top: -35px;
        left: -5px
    }

    .order-register .delivery-setting .delivery-options .desc {
        margin: 15px auto 40px
    }

    .order-register .delivery-setting .delivery-options .item .cost {
        font-size: 18px
    }

    .order-register .delivery-setting .delivery-count-message {
        margin-top: 90px
    }

    .order-register .order-confirm {
        font-size: 13px
    }

    .order-register .button-order {
        margin-bottom: 60px
    }
}

@media (min-width: 1280px) and (max-width:1439px) {

    .order-register .additional-heading,
    .order-register .main-heading {
        font-size: 24px
    }

    .order-register .info-about-order {
        font-size: 14px
    }

    .order-register .info-about-order img {
        height: 34px
    }

    .order-register .info-about-order .pay-order button {
        font-size: 16px;
        padding: 15px 40px
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .order-register {
        overflow: hidden
    }

    .order-register .delivery-cost-title {
        padding-left: 20px
    }

    .order-register .order-confirm-block {
        align-items: center
    }

    .order-register .order-confirm-block .order-change {
        padding-left: 20px
    }

    .order-register .order-confirm-block .order-confirm {
        margin-bottom: 0
    }

    .order-register .delivery-setting,
    .order-register .info-about-order,
    .order-register .main-heading,
    .order-register .missing-products,
    .order-register .order-confir,
    .order-register .order-register-container,
    .order-register .order-register-header {
        padding: 0 25px
    }

    .order-register .delivery-hint {
        font-size: 14px
    }

    .order-register .info-about-order {
        font-size: 13px
    }

    .order-register .info-about-order img {
        height: 35px
    }

    .order-register .info-about-order {
        flex-direction: column;
        position: relative;
        align-items: flex-start
    }

    .order-register .info-about-order .date-delivery {
        margin-bottom: 20px
    }

    .order-register .info-about-order .pay-order {
        position: absolute;
        right: 20px;
        top: -10px;
        font-size: 16px
    }

    .order-register .main-heading {
        font-size: 24px;
        padding: 0;
        margin-bottom: 18px
    }

    .order-register .main-heading h1 {
        font-size: 24px;
        margin: 0
    }

    .order-register .delivery-cost-title {
        font-size: 20px
    }

    .order-register .delivery-setting .choose-time {
        font-size: 15px
    }

    .order-register .delivery-setting .is-tooltip:hover .tooltip {
        display: block
    }

    .order-register .delivery-setting .delivery-options .desc {
        font-size: 13px;
        margin-bottom: 32px
    }

    .order-register .delivery-setting .item {
        flex-basis: 235px;
        padding: 8px 0
    }

    .order-register .delivery-setting .item img {
        height: 12px;
        left: 5px;
        top: 5px
    }

    .order-register .delivery-setting .item .cost,
    .order-register .delivery-setting .item .date,
    .order-register .delivery-setting .item .title {
        font-size: 13px
    }

    .order-register .warning-not-enough-goods img {
        margin-right: 15px
    }

    .order-register .delivery-scale {
        width: 485px
    }
}

@media (min-width: 768px) and (max-width:1279px) and (min-width:1000px) and (max-width:1279px) {
    .order-register .delivery-scale {
        width: 735px
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .order-register .delivery-scale .hours-scale {
        width: 522px;
        margin: 0 auto 25px
    }
}

@media (min-width: 768px) and (max-width:1279px) and (min-width:1000px) and (max-width:1279px) {
    .order-register .delivery-scale .hours-scale {
        width: 744px
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .order-register .delivery-scale .hours-scale .hour {
        font-size: 13px
    }

    .order-register .delivery-count-message {
        font-size: 13px;
        padding: 15px 0;
        margin: 60px 25px 24px
    }

    .order-register .order-confirm {
        margin-bottom: 40px;
        font-size: 13px;
        padding: 0 20px;
        text-align: left
    }

    .order-register .order-confirm a {
        display: inline-block
    }

    .order-register .missing-products {
        width: auto;
        max-width: 1165px
    }

    .order-register .missing-products .products-list-order-register>li {
        font-size: 13px;
        justify-content: space-between;
        padding-right: 0
    }

    .order-register .missing-products .products-list-order-register>li .right-side {
        width: auto
    }

    .order-register .missing-products .products-list-order-register>li .left-side {
        width: 50%
    }
}

@media (min-width: 768px) and (max-width:1279px) and (min-width:1060px) and (max-width:1279px) {
    .order-register .missing-products .products-list-order-register>li .left-side {
        width: 65%
    }

    .order-register .missing-products .products-list-order-register>li .right-side {
        width: 35%
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .order-register .missing-products .products-list-order-register>li .right-side .count-product-block {
        min-width: 98px
    }

    .order-register .missing-products .products-list-order-register>li .right-side .count-product-block .increase-count-product,
    .order-register .missing-products .products-list-order-register>li .right-side .count-product-block .reduce-count-product {
        width: 24px;
        height: 24px
    }

    .order-register .missing-products .products-list-order-register>li .right-side .price .cost-rubles {
        font-size: 20px
    }

    .order-register .missing-products .products-list-order-register>li .right-side .price .total-price {
        font-size: 13px
    }

    .order-register .missing-products .products-list-order-register>li .product-name {
        margin-right: 10px;
        min-width: 195px;
        font-size: 14px;
        max-width: 100%
    }

    .order-register .missing-products .products-list-order-register>li .product-name .product-article {
        font-size: 14px
    }
}

@media (min-width: 768px) and (max-width:1279px) and (min-width:1060px) and (max-width:1279px) {
    .order-register .missing-products .products-list-order-register>li .product-name {
        min-width: 480px
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .order-register .missing-products .products-list-order-register>li .count-product-block {
        margin-right: 26px
    }

    .order-register .missing-products .products-list-order-register>li .price {
        margin-right: 26px;
        width: 95px;
        text-align: center
    }

    .order-register .missing-products .products-list-order-register>li .info {
        margin-right: 26px;
        font-size: 14px;
        min-width: 125px;
        display: flex
    }

    .order-register .missing-products .products-list-order-register>li .info .desktop {
        display: none
    }

    .order-register .missing-products .products-list-order-register>li .info .mobile {
        display: block;
        margin-right: 2px
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .order-register.order-steps .order-register-container {
        display: block;
        grid-template-columns: unset;
        column-gap: unset
    }

    .order-register.order-steps .order-register-container .smart-map {
        display: none
    }

    .order-register.order-steps .order-register-container .form-block .form-with-checkboxes {
        margin-top: 20px
    }

    .order-register.order-steps .order-register-container .form-block .form-with-checkboxes .form-row {
        margin: 0 0 20px
    }

    .order-register.order-steps .order-register-container .form-block .form-with-checkboxes .form-row textarea.form-control {
        height: 100px
    }

    .order-register.order-steps .order-register-container .form-block .form-with-checkboxes .buttons-edit-address {
        justify-content: center;
        width: 100%
    }
}

@media (max-width: 767px) {
    .order-register.order-steps .delivery-count-message {
        margin: 0 12px 30px;
        padding: 18px 12px
    }

    .order-register.order-steps .order-register-container .form-row textarea.form-control {
        height: 100px
    }
}

.warning-not-enough-goods {
    display: flex;
    color: #92022d;
    background: #fff2f2;
    font-size: 16px;
    line-height: 100%;
    align-items: center;
    padding: 13px 8px 13px 10px;
    font-weight: 700
}

.warning-not-enough-goods img {
    margin-right: 15px
}

@media (max-width: 767px) {
    .warning-not-enough-goods {
        padding: 10px 12px;
        line-height: 130%;
        font-size: 14px
    }

    .warning-not-enough-goods img {
        margin-right: 10px
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .order-register-header {
        position: relative
    }

    .order-register-header .address-header {
        justify-content: space-around
    }

    .order-register-header .address-header .address-info-header,
    .order-register-header .address-header .user-info-header {
        max-width: 320px;
        flex: 1;
        margin-right: 0
    }

    .order-register-header .address-header .address-info-header .home {
        display: none
    }

    .order-register-header .address-header .address-info-header .link-to-map {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #76a82c;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px
    }

    .order-register-header .address-header .address-info-header .link-to-map:hover {
        text-decoration: underline
    }

    .order-register-header .address-header .address-info-header .link-to-map picture {
        margin-right: 8px
    }

    .order-register-header .address-header.space-between,
    .order-register-header.edit-order .address-header {
        justify-content: space-between
    }

    .order-register-header .map-header {
        display: none
    }

    .order-register-header .main-header {
        display: block
    }

    .order-register-header .login-links {
        font-size: 13px
    }

    .order-register-header h2 {
        font-size: 15px
    }

    .order-register-header .smart-map-header {
        display: none
    }

    .order-register-header .form-header {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0
    }

    .order-register-header .form-header .link {
        font-size: 13px
    }
}

.order-register-container {
    display: flex;
    position: relative
}

.order-register-container .form-order-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    margin-bottom: 24px
}

.order-register-container .form-order-block .order-page-input {
    width: 100%;
    height: 40px;
    position: relative;
    margin-bottom: 19px;
}

.order-register-container .form-order-block .order-page-input .helper {
    background: #fff;
    left: 12px;
    top: -12px;
    padding: 0 2px;
    position: absolute;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #363636;
    z-index: 1
}

.order-register-container .form-order-block .order-page-input .error {
    background: #fff;
    left: 12px;
    top: -12px;
    padding: 0 2px;
    position: absolute;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #ff513b;
    z-index: 1
}

.order-register-container .form-order-block .order-page-input .dropdown-select {
    width: 100%
}

.order-register-container .form-order-block .order-page-input .dropdown-select .order-page-custom-select {
    border: 1px solid #cbcbcb;
    border-radius: 8px;
    width: 320px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #363636;
    box-shadow: none;
    top: 50px
}

.order-register-container .form-order-block .order-page-input .dropdown-select .order-page-custom-select.button {
    height: 40px
}

.order-register-container .form-order-block .order-page-input .custom-input {
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    width: 320px;
    height: 40px;
    padding: 0 15px;
    color: #363636;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px
}

.order-register-container .form-order-block .order-page-input .custom-input:focus {
    border: 1px solid #6d6d6d
}

.order-register-container .form-order-block .order-page-input .custom-input.text-area {
    height: 80px;
    padding-top: 8px
}

.order-register-container .form-order-block .order-page-input.text-area {
    height: 80px
}

.order-register-container .form-order-block .order-page-input.error .custom-input {
    border: 1px solid #ff513b
}

.order-register-container .form-order-block .checkbox {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #363636
}

.order-register-container .form-order-block .checkbox:last-of-type {
    margin-bottom: 0
}

.order-register-container .form-order-block .checkbox .icon {
    background-size: 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-right: 15px
}

.order-register-container .form-order-block .checkbox span {
    margin-right: 8px
}

.order-register-container .form-adress-block .buttons-edit-address .delete-address {
    border-radius: 8px;
    height: 48px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    background-color: #fff;
    color: #6d6d6d;
    border: 1px solid #cbcbcb;
    min-width: 154px
}

.order-register-container .form-adress-block .buttons-edit-address .delete-address:hover {
    background-color: #cbcbcb
}

.order-register-container .form-adress-block .buttons-edit-address .save-address {
    border-radius: 8px;
    height: 48px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    min-width: 154px
}

.order-register-container .form-adress-block .form-adress-block-fields {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.order-register-container .form-adress-block .form-adress-block-fields .mobile-address-header,
.order-register-container .form-adress-block .form-adress-block-fields .mobile-form-adress-block-fields {
    display: none
}

.order-register-container .form-adress-block .order-page-input {
    width: 320px;
    height: auto;
    margin-bottom: 19px;
    padding-top: 5px;
    position: relative
}

.order-register-container .form-adress-block .order-page-input .helper {
    background: #fff;
    left: 12px;
    top: -12px;
    padding: 0 2px;
    position: absolute;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #363636;
    z-index: 1
}

.order-register-container .form-adress-block .order-page-input .error {
    background: #fff;
    left: 12px;
    top: -12px;
    padding: 0 2px;
    position: absolute;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #ff513b;
    z-index: 1
}

.order-register-container .form-adress-block .order-page-input .dropdown-select .order-page-custom-select {
    border: 1px solid #cbcbcb;
    border-radius: 8px;
    width: 320px;
    font-weight: 400;
    font-size: 14px;
    color: #363636;
    box-shadow: none;
    top: 50px
}

.order-register-container .form-adress-block .order-page-input .dropdown-select .order-page-custom-select.button {
    height: 40px
}

.order-register-container .form-adress-block .order-page-input .custom-input {
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    width: 320px;
    height: 40px;
    padding: 0 15px;
    color: #363636;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px
}

.order-register-container .form-adress-block .order-page-input .custom-input:focus {
    border: 1px solid #6d6d6d
}

.order-register-container .form-adress-block .order-page-input .custom-input.text-area {
    height: 80px;
    padding-top: 8px
}

.order-register-container .form-adress-block .order-page-input.text-area {
    height: 80px
}

.order-register-container .form-adress-block .order-page-input.error .custom-input {
    border: 1px solid #ff513b
}

.order-register-container .form-adress-block .tooltip {
    background: #6d6d6d;
    color: #fff;
    width: 200px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.3;
    text-align: left
}

.order-register-container .form-adress-block .tooltip .title {
    font-weight: 700
}

.order-register-container .form-adress-block .tooltip .text {
    font-weight: 400
}

.order-register-container .form-adress-block .checkbox {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #363636
}

.order-register-container .form-adress-block .checkbox:last-of-type {
    margin-bottom: 0
}

.order-register-container .form-adress-block .checkbox .icon {
    background-size: 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin-right: 15px;
    cursor: pointer
}

.order-register-container .form-adress-block .checkbox span {
    margin-right: 8px;
    cursor: pointer
}

.order-register-container .form-adress-block .comment-label {
    display: flex;
    margin-bottom: 7px;
    cursor: pointer;
    color: #6d6d6d;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    padding-top: 5px
}

.order-register-container .form-adress-block .comment-label .desctop-comment-label,
.order-register-container .form-adress-block .comment-label .home,
.order-register-container .form-adress-block .comment-label .mobile-comment-label {
    text-decoration: underline
}

.order-register-container .form-adress-block .comment-label .desctop-comment-label:hover,
.order-register-container .form-adress-block .comment-label .home:hover,
.order-register-container .form-adress-block .comment-label .mobile-comment-label:hover {
    text-decoration: none
}

.order-register-container .form-adress-block .comment-label .mobile-comment-label {
    display: none
}

.order-register-container .form-adress-block .comment-label .desctop-comment-label {
    display: flex
}

.order-register-container .form-adress-block .comment-label .home {
    display: none
}

.order-register-container .form-adress-block .comment-label .picture {
    margin-right: 8px
}

.order-register-container .form-adress-block .address-info {
    width: 320px
}

.order-register-container .form-adress-block .address-info__heading {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 12px
}

.order-register-container .order-page-addresses-state {
    flex: 1
}

.order-register-container .order-page-addresses-state__heading {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 16px
}

.order-register-container .order-page-addresses-state .more-addresses {
    display: flex
}

.order-register-container .order-page-addresses-state .more-addresses .order-as-gift {
    width: 330px;
    margin-right: 16px;
    display: flex;
    flex-direction: column
}

.order-register-container .order-page-addresses-state .more-addresses .show-more-addresses-container {
    width: 330px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #6d6d6d;
    cursor: pointer
}

.order-register-container .order-page-addresses-state .more-addresses .show-more-addresses-container .show-more-addresses-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 24px
}

.order-register-container .order-page-addresses-state .more-addresses .show-more-addresses-container picture {
    margin-right: 8px
}

.order-register-container .order-page-addresses-state .order-page-list-addresses {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 190px;
    grid-auto-columns: 330px;
    grid-gap: 16px;
    margin-bottom: 16px
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item {
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    position: relative;
    padding: 16px 32px 16px 12px;
    display: grid;
    grid-template-columns: 20px 258px;
    grid-gap: 8px;
    cursor: pointer;
    color: #6d6d6d;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item .address-card-btns {
    display: flex;
    align-items: flex-end
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item .address-card-btns .remove-btn {
    display: flex
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item .address-card-btns .remove-btn picture {
    margin-right: 4px
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item .address-card-btns .remove-btn:hover {
    color: #76a82c
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item .address-card-btns .edit-btn {
    display: flex;
    margin-right: 24px
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item .address-card-btns .edit-btn picture {
    margin-right: 4px
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item .address-card-btns .edit-btn:hover {
    color: #76a82c
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item .checkedIcon {
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 8px
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item.active {
    border: 1px solid #76a82c;
    color: #363636
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item:hover {
    border: 1px solid #76a82c
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item.mobile {
    margin-right: 5px
}

.order-register-container .order-page-addresses-state .order-page-list-addresses .address-item.mobile:last-child {
    margin-right: 12px
}

.order-register-container .order-page-addresses-state .tooltip {
    background: #6d6d6d;
    color: #fff;
    width: 200px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.3;
    text-align: left
}

.order-register-container .order-page-addresses-state .tooltip .title {
    font-weight: 700
}

.order-register-container .order-page-addresses-state .tooltip .text {
    font-weight: 400
}

.order-register-container .form-block {
    position: relative
}

.order-register-container .form-block .shadow {
    position: absolute;
    top: 250px;
    left: 0;
    width: 100%;
    opacity: 0;
    height: 0;
    box-shadow: 0 0 0 10px #fff;
    z-index: 987
}

.order-register-container .list-addresses {
    padding-right: 15px;
    overflow: auto;
    height: 224px;
    max-height: 224px
}

.order-register-container .list-addresses .control-buttons .two-images-hover.is-tooltip:first-child {
    margin-right: 20px
}

@media (max-width: 767px) {
    .order-register-container .list-addresses .control-buttons .two-images-hover.is-tooltip:first-child {
        margin-right: 0
    }
}

.order-register-container .list-addresses .is-tooltip .tooltip {
    padding: 5px;
    bottom: -50px;
    left: calc(50% - 10px)
}

.order-register-container .list-addresses>li {
    display: flex;
    align-items: center;
    align-items: flex-start;
    margin-bottom: 40px
}

.order-register-container .list-addresses>li .address-in-column {
    flex-direction: column
}

.order-register-container .list-addresses>li .address-in-column .name-address {
    margin-bottom: 6px
}

.order-register-container .list-addresses>li .checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #c4c4c4;
    border-radius: 20px;
    box-sizing: border-box;
    margin-right: 8px;
    cursor: pointer
}

.order-register-container .list-addresses>li .checkbox.active {
    background-image: url(../../../../e/0/f58c5705-30f9-4a2e-90b6-219123542e09.png);
    border: none;
    background-size: contain
}

.order-register-container .list-addresses>li .checkbox:hover {
    background-image: url(../../../../e/0/f58c5705-30f9-4a2e-90b6-219123542e09.png);
    border: none;
    background-size: contain
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .order-register-container .list-addresses>li .checkbox:hover {
        background-image: url(../../../../e/0/f58c5705-30f9-4a2e-90b6-219123542e09.png);
        background-size: contain
    }
}

@media (max-width: 767px) {
    .order-register-container .list-addresses>li .checkbox:hover {
        background-image: url(../../../../e/0/f58c5705-30f9-4a2e-90b6-219123542e09.png);
        background-size: contain
    }
}

.order-register-container .list-addresses>li .address {
    flex: 1 0 auto;
    width: 600px;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    line-height: 130%
}

.order-register-container .list-addresses>li .address .detail-address {
    cursor: pointer
}

.order-register-container .list-addresses>li .address .name-address {
    font-weight: 700;
    margin-right: 5px;
    display: flex
}

.order-register-container .list-addresses>li .address .name-address span {
    display: inline-block;
    margin-left: 4px;
    width: 130px
}

.order-register-container .list-addresses>li .control-buttons {
    display: flex;
    align-items: center;
    margin-right: 28px
}

.order-register-container .list-addresses>li .control-buttons img {
    cursor: pointer;
    margin-left: 20px
}

.order-register-container .list-addresses>li .control-buttons img:first-child {
    margin-left: 0
}

.order-register-container .form-row {
    display: flex;
    align-items: center;
    align-items: normal;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-direction: column
}

.order-register-container .form-row textarea.form-control {
    margin: 20px 0 0
}

.order-register-container .form-row label {
    color: #5e5f61;
    font-size: 16px;
    font-weight: 700
}

.order-register-container .form-row label .noted {
    font-weight: 400;
    font-size: 12px;
    margin-top: 70px;
    display: block
}

.order-register-container .form-row .form-control {
    width: 475px;
    height: 50px;
    padding: 15px 20px;
    font-weight: 400;
    font-size: 15px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5
}

.order-register-container .form-row .form-control.warning {
    border: 1px solid #92022d
}

.order-register-container .form-row.with-textarea {
    align-items: flex-start
}

.order-register-container .form-row textarea {
    resize: none
}

.order-register-container .form-row textarea.form-control {
    height: 100px
}

.order-register-container .buttons-edit-address {
    display: flex;
    justify-content: flex-start;
    margin-top: 26px;
    margin-bottom: 26px
}

.order-register-container .buttons-edit-address button {
    margin-right: 30px;
    padding: 10px 35px;
    border-radius: 100px
}

.order-register-container .buttons-edit-address button.delete-address {
    cursor: pointer;
    background: #999;
    color: #fff
}

.order-register-container.edit-order .form-adress-block,
.order-register-container.edit-order .order-page-list-addresses {
    margin-right: 0
}

.order-register-container.edit-order .order-page-addresses-state .more-addresses {
    justify-content: space-between
}

.order-register-container.edit-order .form-adress-block,
.order-register-container.edit-order .form-order-block {
    margin-right: 0
}

.order-register-container.edit-order .form-adress-block .comment-label {
    justify-content: space-between
}

.order-register-container.edit-order .form-adress-block .comment-label .mobile-comment-label {
    display: flex
}

.order-register-container.edit-order .form-adress-block .comment-label .desctop-comment-label {
    display: none
}

.order-register-container.edit-order .form-adress-block .comment-label .home {
    display: flex;
    align-items: center;
    color: #363636
}

.order-register-container.edit-order .form-adress-block .comment-label .home .icon {
    background-size: 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-right: 15px
}

.order-register-container.edit-order .form-adress-block .form-adress-block-fields .address-info,
.order-register-container.edit-order .form-adress-block .form-adress-block-fields .user-info {
    flex: 1
}

.order-register-container.edit-order .order-page-list-addresses {
    margin-right: 0
}

.order-register-container.edit-order .form-with-checkboxes .form-row {
    margin-top: 90px
}

.order-register-container.edit-order .form-block {
    margin-bottom: 10px;
    min-width: auto
}

.order-register-container.edit-order .buttons-edit-address {
    justify-content: flex-start;
    width: 520px
}

.order-register-container.edit-order .buttons-edit-address button {
    margin: 0
}

.order-register-container.edit-order .buttons-edit-address button:first-child {
    margin-right: 30px
}

.order-register-container.edit-order .list-addresses {
    overflow: auto;
    position: relative;
    z-index: 333;
    margin-bottom: 0;
    height: auto;
    max-height: 100%
}

.order-register-container.edit-order .list-addresses .tooltip {
    display: none
}

.order-register-container.edit-order .list-addresses>li {
    justify-content: space-between;
    padding-left: 30px;
    font-size: 13px;
    margin-bottom: 24px
}

.order-register-container.edit-order .list-addresses>li img {
    height: 16px
}

.order-register-container.edit-order .list-addresses>li .control-buttons {
    margin: 0 5px 0 0
}

.order-register-container.edit-order .list-addresses>li .address {
    width: 80%;
    font-size: 13px
}

.order-register-container.edit-order .list-addresses>li .checkbox {
    min-width: 20px;
    position: absolute;
    left: 0
}

.order-register-container.edit-order .buttons-edit-address {
    margin-top: 0
}

.order-register-container.edit-order .smart-map {
    display: none
}

.order-register-container.edit-order .form-block {
    margin-bottom: 0;
    margin-right: 0;
    position: relative;
    z-index: 0
}

.order-register-container.edit-order .form-block .form-with-checkboxes {
    position: absolute;
    top: 985px
}

.order-register-container.edit-order .form-block .form-row--noted {
    position: relative
}

.order-register-container.edit-order .form-block .form-row--noted .noted {
    position: absolute;
    bottom: -30px
}

.order-register-container.edit-order .form-block .form-row {
    flex-direction: column;
    width: 100%
}

.order-register-container.edit-order .form-block .form-row .form-control {
    margin: 0;
    width: 100%;
    font-size: 13px
}

.order-register-container.edit-order .form-block .form-row label {
    margin-bottom: 15px;
    font-size: 13px;
    width: 100%
}

.order-register-container.edit-order .form-block .form-with-checkboxes {
    width: 100%;
    position: relative;
    top: auto;
    margin: 0
}

.order-register-container.edit-order .form-block .form-with-checkboxes .form-row {
    margin: 20px 0 0
}

.order-register-container.edit-order .form-block .form-with-checkboxes .checkboxes {
    max-width: 730px
}

.order-register-container.edit-order .form-block .form-with-checkboxes label {
    padding-top: 1px;
    font-size: 14px
}

.order-register-container {
    margin-bottom: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px
}

.order-register-container--pickup {
    display: block;
    grid-template-columns: unset;
    column-gap: unset
}

.order-register-container .form-block {
    margin-right: 5px;
    min-width: 736px
}

.order-register-container .form-block .error {
    font-size: 13px;
    color: red;
    font-weight: 400
}

.order-register-container .form-with-checkboxes {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px
}

.order-register-container .form-with-checkboxes .title {
    margin-bottom: 26px
}

.order-register-container .form-with-checkboxes .form-row {
    margin-right: 20px;
    margin-top: 30px;
    width: 100%
}

.order-register-container .form-with-checkboxes .checkboxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.order-register-container .form-with-checkboxes .checkboxes .wrap {
    flex-basis: 335px;
    margin-bottom: 20px
}

.order-register-container .form-with-checkboxes .checkboxes label {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px
}

.order-register-container .form-with-checkboxes [type=checkbox]:checked,
.order-register-container .form-with-checkboxes [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

.order-register-container .form-with-checkboxes [type=checkbox]:checked+label,
.order-register-container .form-with-checkboxes [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer
}

.order-register-container .form-with-checkboxes [type=checkbox]:checked+label:before,
.order-register-container .form-with-checkboxes [type=checkbox]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 14px;
    height: 14px;
    border: 1px solid #7f7f7f;
    background: #fff;
    border-radius: 2px;
    transition: all .3s
}

.order-register-container .form-with-checkboxes [type=checkbox]:checked+label:after,
.order-register-container .form-with-checkboxes [type=checkbox]:not(:checked)+label:after {
    content: "\2713";
    background: #92022d;
    color: #fff;
    display: flex;
    justify-content: center;
    border: none;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    position: absolute;
    top: 2px;
    left: 0;
    transition: all .2s
}

.order-register-container .form-with-checkboxes [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.order-register-container .form-with-checkboxes [type=checkbox]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.order-register-container .form-with-checkboxes [type=checkbox]:disabled:checked+label:before,
.order-register-container .form-with-checkboxes [type=checkbox]:disabled:not(:checked)+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.order-register-container .form-with-checkboxes [type=checkbox]:disabled:checked+label:after {
    color: #999
}

.order-register-container .form-with-checkboxes [type=checkbox]:disabled+label {
    color: #aaa
}

.order-register-container .form-with-checkboxes [type=checkbox]:not(:checked)+label:hover:before {
    border: 1px solid #92022d
}

@media (min-width: 1280px) and (max-width:1439px) {
    .order-register-container {
        margin-top: 0
    }

    .order-register-container .list-addresses {
        max-height: 245px;
        height: 245px
    }

    .order-register-container .form-with-checkboxes .form-row {
        margin-right: 0
    }

    .order-register-container .smart-map {
        width: 100%
    }

    .order-register-container .form-row--noted .wrap {
        width: 245px
    }

    .order-register-container .form-row label {
        width: 245px;
        font-size: 14px
    }

    .order-register-container .form-row .hint {
        max-width: 300px
    }

    .order-register-container .form-row .form-control {
        width: 98%;
        font-size: 14px;
        margin-top: 0
    }
}

@media (min-width: 1280px) and (max-width:1439px) {
    .order-register-container {
        flex-direction: column;
        margin-top: 0
    }

    .order-register-container .order-page-addresses-state .more-addresses {
        justify-content: space-between
    }

    .order-register-container .order-page-addresses-state .order-page-list-addresses {
        margin-right: 0
    }

    .order-register-container .form-order-block {
        margin-right: 40px
    }

    .order-register-container .form-adress-block {
        margin-right: 0;
        min-width: none
    }

    .order-register-container .form-adress-block .comment-label {
        justify-content: space-between;
        max-width: 320px
    }

    .order-register-container .form-adress-block .comment-label .mobile-comment-label {
        display: flex
    }

    .order-register-container .form-adress-block .comment-label .desctop-comment-label {
        display: none
    }

    .order-register-container .form-adress-block .comment-label .home {
        display: flex;
        align-items: center;
        color: #363636
    }

    .order-register-container .form-adress-block .comment-label .home .icon {
        background-size: 20px;
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        cursor: pointer;
        margin-right: 15px
    }

    .order-register-container .form-adress-block .form-adress-block-fields {
        justify-content: space-around
    }

    .order-register-container .form-with-checkboxes .form-row {
        margin-top: 90px
    }

    .order-register-container .form-block {
        margin-bottom: 10px;
        min-width: auto
    }

    .order-register-container .buttons-edit-address {
        justify-content: flex-start;
        width: 520px
    }

    .order-register-container .buttons-edit-address button {
        margin: 0
    }

    .order-register-container .buttons-edit-address button:first-child {
        margin-right: 30px
    }

    .order-register-container .list-addresses {
        overflow: auto;
        position: relative;
        z-index: 333;
        margin-bottom: 0;
        height: auto;
        max-height: 100%
    }

    .order-register-container .list-addresses .tooltip {
        display: none
    }

    .order-register-container .list-addresses>li {
        justify-content: space-between;
        padding-left: 30px;
        font-size: 13px;
        margin-bottom: 24px
    }

    .order-register-container .list-addresses>li img {
        height: 16px
    }

    .order-register-container .list-addresses>li .control-buttons {
        margin: 0 5px 0 0
    }

    .order-register-container .list-addresses>li .address {
        width: 80%;
        font-size: 13px
    }

    .order-register-container .list-addresses>li .checkbox {
        min-width: 20px;
        position: absolute;
        left: 0
    }

    .order-register-container .buttons-edit-address {
        margin-top: 0;
        justify-content: center;
        width: 100%
    }

    .order-register-container .smart-map {
        display: none
    }

    .order-register-container .form-block {
        margin-bottom: 0;
        margin-right: 0;
        position: relative;
        z-index: 0
    }

    .order-register-container .form-block .form-with-checkboxes {
        position: absolute;
        top: 985px
    }

    .order-register-container .form-block .form-row--noted {
        position: relative
    }

    .order-register-container .form-block .form-row--noted .noted {
        position: absolute;
        bottom: -30px
    }

    .order-register-container .form-block .form-row {
        flex-direction: column;
        width: 100%
    }

    .order-register-container .form-block .form-row .form-control {
        margin: 0;
        width: 100%;
        font-size: 13px
    }

    .order-register-container .form-block .form-row label {
        margin-bottom: 15px;
        font-size: 13px;
        width: 100%
    }

    .order-register-container .form-block .form-with-checkboxes {
        width: 100%;
        position: relative;
        top: auto;
        margin: 0
    }

    .order-register-container .form-block .form-with-checkboxes .form-row {
        margin: 20px 0 0
    }

    .order-register-container .form-block .form-with-checkboxes .checkboxes {
        max-width: 730px
    }

    .order-register-container .form-block .form-with-checkboxes label {
        padding-top: 1px;
        font-size: 14px
    }
}

@media (max-width: 767px) and (max-width:767px) {
    .order-register-container .form-adress-block .user-info {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .order-register-container.edit-order .form-adress-block-fields {
        flex-direction: column
    }

    .order-register-container.edit-order .order-page-list-addresses {
        min-width: 680px;
        grid-template-columns: 1fr;
        grid-auto-columns: 296px;
        margin-right: 0
    }

    .order-register-container.edit-order .comment-label {
        justify-content: space-between
    }

    .order-register-container.edit-order .comment-label .mobile-comment-label {
        display: flex
    }

    .order-register-container.edit-order .comment-label .desctop-comment-label {
        display: none
    }

    .order-register-container.edit-order .comment-label .home {
        display: flex;
        align-items: center;
        color: #363636
    }

    .order-register-container.edit-order .comment-label .home .icon {
        background-size: 20px;
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        cursor: pointer;
        margin-right: 15px
    }

    .order-register-container.edit-order .buttons-edit-address {
        justify-content: space-between;
        width: 295px;
        margin: 5px auto 10px;
        flex-direction: column-reverse
    }

    .order-register-container.edit-order .buttons-edit-address .delete-address {
        margin-top: 15px;
        margin-right: 0
    }

    .order-register-container.edit-order .buttons-edit-address .save-address {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .order-register .social-links--share.vertical.social-links--share-added {
        top: -68px
    }

    .order-register .main-container {
        padding: 0
    }

    .order-register .order-confirm {
        padding: 0 12px;
        text-align: left;
        margin-top: 15px
    }

    .order-register .button-order {
        margin-bottom: 30px;
        width: 296px
    }

    .order-register .form-order-block,
    .order-register .main-heading,
    .order-register .more-addresses,
    .order-register .order-register-header {
        padding: 0 12px
    }

    .order-register .missing-products {
        padding: 0 12px;
        width: 100%;
        margin-top: -20px
    }

    .order-register .missing-products .count-product-block .count-product {
        width: 40px;
        margin-right: 10px
    }

    .order-register .missing-products .count-product-block .count-product input {
        width: 20px
    }

    .order-register .missing-products .products-list-order-register>li {
        justify-content: flex-start;
        position: relative;
        padding: 20px 0 55px
    }

    .order-register .missing-products .products-list-order-register>li .price {
        margin-right: 12px;
        font-size: 14px
    }

    .order-register .missing-products .products-list-order-register>li .image-block {
        margin: 0;
        min-width: 64px
    }

    .order-register .missing-products .products-list-order-register>li .image-block img {
        max-height: 36px
    }

    .order-register .missing-products .products-list-order-register>li .left-side,
    .order-register .missing-products .products-list-order-register>li .right-side {
        width: auto
    }

    .order-register .missing-products .products-list-order-register>li .left-side .count-product-block,
    .order-register .missing-products .products-list-order-register>li .right-side .count-product-block {
        flex: auto;
        position: absolute;
        right: 0;
        top: 70px;
        margin: 0
    }

    .order-register .missing-products .products-list-order-register>li .left-side .count-product-block .count-product,
    .order-register .missing-products .products-list-order-register>li .right-side .count-product-block .count-product {
        margin: 0
    }

    .order-register .missing-products .products-list-order-register>li .left-side {
        width: 100%;
        height: 33px
    }

    .order-register .missing-products .products-list-order-register>li .info {
        font-size: 13px;
        display: flex;
        min-width: 130px;
        margin: 0;
        position: absolute;
        top: 76px;
        left: 64px
    }

    .order-register .missing-products .products-list-order-register>li .info .desktop {
        display: none
    }

    .order-register .missing-products .products-list-order-register>li .info .mobile {
        display: block;
        margin-right: 2px
    }

    .order-register .missing-products .products-list-order-register>li .right-side .control-buttons {
        position: absolute;
        top: 70px;
        left: 12px
    }

    .order-register .missing-products .products-list-order-register>li .right-side .price {
        min-width: 90px;
        text-align: center;
        margin: 0
    }

    .order-register .missing-products .products-list-order-register>li .right-side .price .cost-rubles {
        font-size: 16px
    }

    .order-register .missing-products .products-list-order-register>li .right-side .price .total-price {
        font-size: 12px
    }

    .order-register .missing-products .products-list-order-register>li .right-side .count-product-block {
        width: 90px;
        min-width: auto
    }

    .order-register .missing-products .products-list-order-register>li .right-side .count-product-block .count-product {
        width: auto;
        font-size: 13px
    }

    .order-register .missing-products .products-list-order-register>li .right-side .count-product-block .increase-count-product,
    .order-register .missing-products .products-list-order-register>li .right-side .count-product-block .reduce-count-product {
        width: 24px;
        height: 24px
    }

    .order-register .missing-products .products-list-order-register>li .product-name {
        flex-basis: auto;
        width: auto;
        margin-right: 10px;
        font-size: 13px;
        width: fit-content;
        min-width: 150px;
        margin-left: 0;
        max-width: 100%
    }
}

@media (max-width: 767px) and (min-width:370px) and (max-width:767px) {
    .order-register .missing-products .products-list-order-register>li .product-name {
        min-width: 170px
    }
}

@media (max-width: 767px) {
    .order-register .missing-products .products-list-order-register>li .product-name .product-article {
        font-size: 13px
    }

    .order-register .delivery-setting .choose-time,
    .order-register .delivery-setting .wrapper-scale {
        padding: 0 12px
    }

    .order-register .delivery-setting .is-tooltip:hover .tooltip {
        display: block;
        margin-left: 12px
    }

    .order-register .delivery-setting .choose-time {
        flex-direction: column;
        align-items: flex-start
    }

    .order-register .delivery-setting .choose-time .wrap {
        margin: 0
    }

    .order-register .delivery-setting .delivery-count-message {
        font-size: 13px
    }

    .order-register .delivery-setting .delivery-count-message .period-delivery {
        padding: 0 44px;
        line-height: 18px
    }

    .order-register .delivery-setting .delivery-count-message .period-delivery span {
        display: block
    }

    .order-register .delivery-setting .wrapper-scale {
        margin-top: 30px;
        flex-direction: column
    }

    .order-register .delivery-setting .wrapper-scale .delivery-scale {
        width: 100%;
        margin-top: 32px;
        margin-left: 12px;
        padding-right: 24px;
        position: relative
    }

    .order-register .delivery-setting .wrapper-scale .delivery-scale .MuiRailComponent-rail-1,
    .order-register .delivery-setting .wrapper-scale .delivery-scale .MuiTrackComponent-track-4 {
        height: 8px
    }

    .order-register .delivery-setting .wrapper-scale .delivery-scale .MuiHandleComponent-root-3 {
        height: 24px;
        width: 24px;
        margin-top: -7px
    }

    .order-register .delivery-setting .wrapper-scale .delivery-scale .slider-handles {
        position: relative;
        left: 2px
    }

    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale {
        width: 100%;
        left: 0;
        font-size: 14px
    }

    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour {
        width: 0
    }

    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour span {
        position: relative;
        left: -20px;
        display: block;
        min-width: 40px
    }

    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour:last-child span {
        left: -22px
    }

    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour:nth-child(2),
    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour:nth-child(3),
    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour:nth-child(4),
    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour:nth-child(6),
    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour:nth-child(7),
    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour:nth-child(8),
    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour:nth-last-child(2) {
        font-size: 0;
        width: 0
    }
}

@media (max-width: 767px) and (max-width:768px) {
    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour {
        font-size: 0
    }

    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour:first-child,
    .order-register .delivery-setting .wrapper-scale .delivery-scale .hours-scale .hour:last-child {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .order-register .delivery-setting .choose-time {
        flex-direction: column;
        align-items: flex-start
    }

    .order-register .delivery-setting .choose-time .title {
        font-size: 15px;
        margin-bottom: 20px
    }

    .order-register .delivery-setting .choose-time .wrap {
        margin: 0;
        font-size: 14px
    }

    .order-register .delivery-setting .calendar {
        margin-bottom: 24px
    }

    .order-register .delivery-setting .calendar label .attention img {
        height: 15px;
        left: 3px;
        top: 8px
    }

    .order-register .delivery-cost-title {
        font-size: 20px;
        padding-left: 12px
    }

    .order-register .warning-not-enough-goods {
        padding: 10px 12px;
        line-height: 130%;
        font-size: 14px
    }

    .order-register .warning-not-enough-goods img {
        margin-right: 10px
    }

    .order-register .delivery-hint {
        padding: 12px 30px;
        font-size: 14px
    }

    .order-register .delivery-hint a {
        display: block;
        margin-top: 5px
    }

    .order-register .delivery-hint .cross {
        right: 10px;
        top: 10px
    }

    .order-register .order-register-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .order-register .order-register-header .address-info-header {
        width: 100%;
        display: none
    }

    .order-register .order-register-header .address-info-header .add-dew-address-btn--hide-mobile,
    .order-register .order-register-header .address-info-header .home {
        display: none
    }

    .order-register .order-register-header .address-info-header .link-to-map {
        cursor: pointer;
        display: none;
        justify-content: center;
        align-items: center;
        color: #76a82c;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px
    }

    .order-register .order-register-header .address-info-header .link-to-map:hover {
        text-decoration: underline
    }

    .order-register .order-register-header .address-info-header .link-to-map picture {
        margin-right: 8px
    }

    .order-register .order-register-header .form-header {
        margin-bottom: 10px;
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .order-register .order-register-header h2 {
        font-size: 15px;
        color: #5e5f61;
        font-weight: 700
    }

    .order-register .order-register-header .login-links {
        font-size: 13px;
        order: -1;
        width: 100%;
        padding: 0 12px 0 0;
        border: 1px solid #c7c7c7;
        max-width: 375px;
        margin-bottom: 15px
    }

    .order-register .order-register-header .login-links .active {
        margin: 0;
        background: #c7c7c7;
        color: #fff;
        width: 52%;
        display: inline-block;
        text-align: center;
        padding: 4px 5px 3px
    }

    .order-register .order-register-header .login-links .login {
        text-align: center;
        width: 48%;
        display: inline-block;
        margin: 0
    }

    .order-register .order-register-header .form-header .link {
        font-size: 13px;
        position: relative;
        left: 6px;
        top: -1px
    }
}

@media (max-width: 767px) and (min-width:330px) and (max-width:767px) {
    .order-register .order-register-header .form-header .link {
        left: auto;
        top: auto
    }
}

@media (max-width: 767px) {

    .order-register .order-register-header .map-header,
    .order-register .order-register-header .smart-map-header {
        display: none
    }

    .order-register .order-register-header .address-header {
        width: 100%
    }

    .order-register .order-register-header .address-header .user-info-header {
        margin-right: 0;
        min-width: auto
    }

    .order-register .order-register-header .address-header .user-info-header .main-header {
        display: block
    }

    .order-register .order-register-header .address-header .user-info-header .login {
        margin-left: 110px
    }

    .order-register .order-register-container {
        margin-top: 0;
        display: block;
        grid-template-columns: unset;
        column-gap: unset
    }

    .order-register .order-register-container .form-order-block {
        margin-right: 0;
        display: flex;
        flex-direction: column;
        grid-gap: 0;
        margin-bottom: 0
    }

    .order-register .order-register-container .form-adress-block {
        margin-right: 0;
        min-width: 0;
        padding: 12px
    }

    .order-register .order-register-container .form-adress-block .address-info {
        width: 298px
    }

    .order-register .order-register-container .form-adress-block .form-adress-block-fields {
        display: flex;
        flex-direction: column
    }

    .order-register .order-register-container .form-adress-block .form-adress-block-fields .order-page-input,
    .order-register .order-register-container .form-adress-block .form-adress-block-fields .order-page-input .custom-input,
    .order-register .order-register-container .form-adress-block .form-adress-block-fields .order-page-input .order-page-custom-select {
        width: 296px
    }

    .order-register .order-register-container .form-adress-block .form-adress-block-fields .mobile-address-header {
        display: flex;
        font-weight: 500;
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 19px
    }

    .order-register .order-register-container .form-adress-block .form-adress-block-fields .mobile-address-header .link-to-map {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #76a82c;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        margin-left: 54px
    }

    .order-register .order-register-container .form-adress-block .form-adress-block-fields .mobile-address-header .link-to-map picture {
        margin-right: 8px
    }

    .order-register .order-register-container .form-adress-block .form-adress-block-fields .mobile-form-adress-block-fields {
        display: flex;
        flex-direction: column
    }

    .order-register .order-register-container .form-adress-block .form-adress-block-fields .mobile-form-adress-block-fields .address-header {
        margin-bottom: 15px;
        flex: 1;
        margin-right: 0;
        display: flex;
        align-items: center;
        width: 298px;
        justify-content: space-between
    }

    .order-register .order-register-container .form-adress-block .form-adress-block-fields .mobile-form-adress-block-fields .address-header .main-header {
        display: block;
        font-weight: 500;
        font-size: 20px;
        line-height: 23px
    }

    .order-register .order-register-container .form-adress-block .form-adress-block-fields .mobile-form-adress-block-fields .address-header .link-to-map {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #76a82c;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px
    }

    .order-register .order-register-container .form-adress-block .form-adress-block-fields .mobile-form-adress-block-fields .link-to-map {
        display: block
    }

    .order-register .order-register-container .form-adress-block .comment-label {
        justify-content: space-between
    }

    .order-register .order-register-container .form-adress-block .comment-label .mobile-comment-label {
        display: flex
    }

    .order-register .order-register-container .form-adress-block .comment-label .desctop-comment-label {
        display: none
    }

    .order-register .order-register-container .form-adress-block .comment-label .home {
        display: flex;
        align-items: center;
        color: #363636
    }

    .order-register .order-register-container .form-adress-block .comment-label .home .icon {
        background-size: 20px;
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        cursor: pointer;
        margin-right: 15px
    }

    .order-register .order-register-container .form-adress-block .buttons-edit-address {
        flex-direction: column-reverse
    }

    .order-register .order-register-container .form-adress-block .buttons-edit-address .delete-address {
        margin-top: 15px;
        margin-right: 0
    }

    .order-register .order-register-container .form-adress-block .buttons-edit-address .save-address {
        margin-right: 0
    }

    .order-register .order-register-container .order-page-list-addresses {
        grid-template-columns: 1fr;
        grid-auto-columns: 296px;
        margin-right: 0
    }

    .order-register .order-register-container .more-addresses {
        display: flex;
        flex-direction: column-reverse
    }

    .order-register .order-register-container .more-addresses .order-as-gift {
        width: 100%
    }

    .order-register .order-register-container .more-addresses .show-more-addresses-container {
        width: 296px
    }

    .order-register .order-register-container .more-addresses .show-more-addresses-container .show-more-addresses-btn {
        justify-content: center;
        margin-bottom: 15px
    }

    .order-register .order-register-container .buttons-edit-address button.save-address {
        background: #92022d
    }

    .order-register .order-register-container .form-row textarea.form-control {
        width: 100%;
        height: 100px
    }

    .order-register .order-register-container .form-block {
        min-width: auto
    }

    .order-register .order-register-container .form-block .shadow {
        top: 170px
    }

    .order-register .order-register-container .form-with-checkboxes .form-row {
        margin-top: 0
    }

    .order-register .order-register-container .smart-map {
        display: none
    }

    .order-register .order-register-container .buttons-edit-address {
        justify-content: space-between;
        width: 295px;
        margin: 5px auto 10px
    }

    .order-register .order-register-container .buttons-edit-address button.delete-address {
        padding: 10px 26px
    }

    .order-register .order-register-container .list-addresses.shadows {
        box-shadow: 0 5px 5px -5px #e3e3e3
    }

    .order-register .order-register-container .list-addresses {
        max-height: 180px;
        overflow: auto;
        margin: 0 0 20px;
        padding: 0;
        height: auto
    }

    .order-register .order-register-container .list-addresses>li {
        margin-bottom: 20px
    }

    .order-register .order-register-container .list-addresses>li:last-child {
        padding-bottom: 10px
    }

    .order-register .order-register-container .list-addresses>li .checkbox {
        min-width: 20px
    }

    .order-register .order-register-container .list-addresses>li .checkbox:hover {
        background: none
    }

    .order-register .order-register-container .list-addresses>li .checkbox.active {
        position: relative;
        background: url(../../../../b/4/8de37c45-bbdf-47d4-84a0-709d0a10a635.png);
        background-size: cover
    }

    .order-register .order-register-container .list-addresses>li .address {
        width: 100%;
        font-size: 13px;
        padding-right: 0;
        display: flex;
        flex: auto;
        margin-top: 3px
    }

    .order-register .order-register-container .list-addresses>li .address .name-address {
        display: inline
    }

    .order-register .order-register-container .list-addresses>li .address-in-column {
        display: flex;
        flex-direction: column
    }

    .order-register .order-register-container .list-addresses>li .address-in-column .name-address {
        margin-bottom: 2px
    }

    .order-register .order-register-container .list-addresses>li .control-buttons {
        margin: 4px 0 0;
        width: 50px;
        position: relative
    }

    .order-register .order-register-container .list-addresses>li .control-buttons img {
        height: 14px;
        margin-left: 14px
    }

    .order-register .order-register-container .list-addresses>li .control-buttons.active {
        display: flex
    }

    .order-register .order-register-container .form-block {
        margin-right: 0
    }

    .order-register .order-register-container .form-row--noted .noted {
        margin-bottom: 4px
    }

    .order-register .order-register-container .form-row {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }

    .order-register .order-register-container .form-row label {
        margin-bottom: 12px;
        font-size: 14px
    }

    .order-register .order-register-container .form-row .form-control {
        margin: 0;
        width: 100%;
        font-size: 13px;
        padding: 0 10px
    }

    .order-register .order-register-container .form-row textarea.form-control {
        padding-top: 15px
    }

    .order-register .order-confirm-block {
        flex-direction: column;
        align-items: flex-start
    }

    .order-register .order-confirm-block .order-change {
        padding-left: 12px
    }

    .order-register .main-heading {
        position: relative
    }

    .order-register .main-heading h1 {
        font-size: 17px;
        font-weight: 300
    }

    .order-register .info-about-order {
        flex-direction: column;
        font-size: 13px;
        line-height: 18px;
        padding: 0 12px;
        align-items: flex-start;
        position: relative;
        margin-bottom: 75px
    }

    .order-register .info-about-order .pay-order {
        margin-top: 30px
    }

    .order-register .info-about-order .pay-order .button-red {
        height: 50px;
        width: 295px;
        font-size: 16px;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        bottom: -50px
    }

    .order-register .info-about-order img {
        height: 42px
    }

    .order-register .info-about-order .date-delivery {
        margin: 0 0 22px
    }

    .order-register .info-about-order .date-delivery span {
        width: 158px;
        display: inline-block
    }

    .order-register .calendar .slick-slider {
        width: 500px;
        margin: auto
    }
}

.MuiTrackComponent-track-4 {
    background: #76a82c !important
}

.one-click-order-popup__trigger {
    color: #6d6d6d
}

@media (min-width: 768px) and (max-width:1279px) {
    .one-click-order-popup__trigger {
        margin-right: 24px
    }
}

@media (max-width: 767px) {
    .one-click-order-popup__trigger {
        text-align: center;
        flex-direction: column;
        justify-content: center
    }

    .one-click-order-popup__trigger .IconText__icon {
        margin-right: 0
    }
}

.hours-scale {
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
    width: 1155px;
    padding-top: 30px;
    position: absolute;
    left: -19px;
    top: 15px
}

.hours-scale .hour {
    width: 38px;
    text-align: center;
    position: relative
}

.hours-scale .hour:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 7px;
    top: -15px;
    left: 50%;
    background: #5e5f61
}

.hours-scale .hour:first-child:after,
.hours-scale .hour:last-child:after {
    height: 10px;
    width: 1px;
    top: -17px
}

.order-register-header {
    display: flex;
    margin-bottom: 24px;
    height: 32px
}

.order-register-header .address-header {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.order-register-header .address-header .main-header {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px
}

.order-register-header .address-header .user-info-header {
    min-width: 296px;
    margin-right: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.order-register-header .address-header .user-info-header .main-header {
    white-space: nowrap
}

.order-register-header .address-header .user-info-header .login {
    display: flex;
    align-items: center;
    color: #76a82c;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.order-register-header .address-header .user-info-header .login:hover {
    text-decoration: underline
}

.order-register-header .address-header .user-info-header .login picture {
    margin-right: 8px
}

.order-register-header .address-header .address-info-header {
    display: flex;
    align-items: center;
    width: 320px;
    justify-content: space-between
}

.order-register-header .address-header .address-info-header.one-element {
    justify-content: flex-end;
    display: flex
}

.order-register-header .address-header .address-info-header .home {
    margin-left: 28px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.order-register-header .address-header .address-info-header .home .icon {
    background-size: 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin-right: 15px
}

.order-register-header .address-header .address-info-header .add-dew-address-btn {
    display: flex;
    align-items: center;
    color: #76a82c;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer
}

.order-register-header .address-header .address-info-header .add-dew-address-btn:hover {
    text-decoration: underline
}

.order-register-header .address-header .address-info-header .add-dew-address-btn--label {
    display: flex;
    align-items: center;
    padding: 5px;
    background: #76a82c;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 100%;
    cursor: auto
}

.order-register-header .address-header .address-info-header .add-dew-address-btn--label:hover {
    text-decoration: none
}

.order-register-header .address-header .address-info-header .add-dew-address-btn picture {
    margin-right: 8px
}

.order-register-header .map-header {
    width: 500px;
    display: flex;
    justify-content: flex-end;
    margin-left: 40px;
    flex: 1;
    align-items: center
}

.order-register-header .map-header .order-one-click {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 171px;
    font-size: 14px;
    line-height: 100%;
    border: 1px solid #6d6d6d;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    font-weight: 400;
    color: #6d6d6d
}

.order-register-header .map-header .order-one-click:hover {
    color: #92022d;
    border: 1px solid #92022d
}

.order-register-header.edit-order .address-header .address-info-header,
.order-register-header.edit-order .address-header .user-info-header {
    flex: 1;
    margin-right: 0
}

.order-register-header.edit-order .address-header .address-info-header .main-header,
.order-register-header.edit-order .address-header .user-info-header .main-header {
    white-space: nowrap
}

.order-register-header.edit-order .address-header .address-info-header .home {
    display: none
}

.order-register-header.edit-order .address-header .address-info-header .link-to-map {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #76a82c;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px
}

.order-register-header.edit-order .address-header .address-info-header .link-to-map:hover {
    text-decoration: underline
}

.order-register-header.edit-order .address-header .address-info-header .link-to-map picture {
    margin-right: 8px
}

.order-register-header.edit-order .map-header {
    display: none
}

.order-register-header.edit-order .main-header {
    display: block
}

.order-register-header.edit-order .login-links {
    font-size: 13px
}

.order-register-header.edit-order h2 {
    font-size: 15px
}

.order-register-header.edit-order .smart-map-header {
    display: none
}

.order-register-header.edit-order .form-header {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0
}

.order-register-header.edit-order .form-header .link {
    font-size: 13px
}

.mobile-pickup-header {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .mobile-pickup-header {
        display: none
    }
}

.mobile-pickup-header__heading {
    font-weight: 500;
    font-size: 20px
}

.mobile-pickup-header__icon-text {
    color: #76a82c;
    font-size: 14px
}

.mobile-pickup-header .add-dew-address-btn--label {
    display: flex;
    align-items: center;
    padding: 5px;
    background: #76a82c;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 100%;
    cursor: auto
}

.mobile-pickup-header .add-dew-address-btn--label:hover {
    text-decoration: none
}

.addresses-mobile-carousel {
    max-width: 100%;
    overflow: auto;
    display: flex;
    align-items: center;
    padding-bottom: 12px
}

@media (max-width: 767px) {
    .addresses-mobile-carousel .address-item:first-child {
        margin-left: 12px
    }

    .addresses-mobile-carousel .address-item:last-child {
        margin-right: 12px
    }
}

.order-one-click-button {
    padding: 0 12px
}

.order-one-click-button .order-one-click {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 24px 0;
    border: 1px solid #6d6d6d;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #6d6d6d
}

.order-one-click-button .order-one-click:hover {
    color: #92022d;
    border: 1px solid #92022d
}

@media (max-width: 767px) {
    .order-one-click-button .order-one-click {
        display: flex;
        margin: 24px 0;
        height: 40px
    }
}

.order-one-click-button.isEmptyUser {
    padding: 0
}

@media (max-width: 767px) {
    .order-one-click-button.isEmptyUser .order-one-click {
        display: flex;
        margin: 24px 12px;
        width: 296px;
        height: 40px
    }
}

.link-to-map,
.smart-mobile-map {
    display: none
}

@media (min-width: 768px) and (max-width:1279px) {
    .smart-mobile-map {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10005001
    }

    .smart-mobile-map .header-mobile-map {
        position: absolute;
        z-index: 1;
        min-height: 160px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: linear-gradient(177.59deg, #fff 66.78%, hsla(0, 0%, 100%, 0) 96.26%);
        padding: 28px 16px 0
    }

    .smart-mobile-map .header-mobile-map .header-title {
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.1;
        display: flex;
        align-items: center;
        height: 24px
    }

    .smart-mobile-map .header-mobile-map .header-title picture {
        position: absolute;
        top: 28px;
        left: 16px;
        cursor: pointer
    }

    .smart-mobile-map .header-mobile-map .search-container {
        position: static;
        width: 100%;
        top: 42px;
        margin-bottom: 12px;
        border-radius: 8px;
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2)
    }

    .smart-mobile-map .header-mobile-map .search-container .input {
        width: 100%;
        padding: 14px;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 400;
        border-radius: 8px
    }

    .smart-mobile-map .header-mobile-map .search-container .input.react-dadata__input {
        border: none;
        height: 44px
    }

    .smart-mobile-map .header-mobile-map .search-container picture img {
        padding-left: 10px;
        background: #fff;
        position: absolute;
        top: 75px;
        right: 30px;
        cursor: pointer
    }

    .smart-mobile-map .header-mobile-map .search-container .react-dadata__suggestions {
        margin-left: 0;
        border-radius: 8px;
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2)
    }

    .smart-mobile-map .header-mobile-map .search-container .react-dadata__suggestions li {
        width: 100%;
        border-radius: 8px
    }

    .smart-mobile-map .header-mobile-map .selected-address {
        text-align: center;
        font-weight: 500;
        font-size: 20px;
        line-height: 1.2;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .smart-mobile-map .header-mobile-map .selected-address .delivery-address {
        margin-top: 12px;
        background: #88c72b;
        border-radius: 4px;
        display: flex;
        align-items: center;
        padding: 4px 8px;
        color: #fff;
        font-size: 12px;
        line-height: 24px;
        width: max-content
    }

    .smart-mobile-map .header-mobile-map .selected-address .delivery-address.error {
        background: #92022d
    }

    .smart-mobile-map .header-mobile-map .selected-address .delivery-address picture {
        margin-right: 10px
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .smart-mobile-map {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10005001
    }

    .smart-mobile-map .header-mobile-map {
        position: absolute;
        z-index: 1;
        min-height: 160px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: linear-gradient(177.59deg, #fff 66.78%, hsla(0, 0%, 100%, 0) 96.26%);
        padding: 28px 16px 0
    }

    .smart-mobile-map .header-mobile-map .header-title {
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.1;
        display: flex;
        align-items: center;
        height: 24px
    }

    .smart-mobile-map .header-mobile-map .header-title picture {
        position: absolute;
        top: 28px;
        left: 16px;
        cursor: pointer
    }

    .smart-mobile-map .header-mobile-map .search-container {
        position: static;
        width: 100%;
        top: 42px;
        margin-bottom: 12px;
        border-radius: 8px;
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2)
    }

    .smart-mobile-map .header-mobile-map .search-container .input {
        width: 100%;
        padding: 14px;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 400;
        border-radius: 8px
    }

    .smart-mobile-map .header-mobile-map .search-container .input.react-dadata__input {
        border: none;
        height: 44px
    }

    .smart-mobile-map .header-mobile-map .search-container picture img {
        padding-left: 10px;
        background: #fff;
        position: absolute;
        top: 75px;
        right: 30px;
        cursor: pointer
    }

    .smart-mobile-map .header-mobile-map .search-container .react-dadata__suggestions {
        margin-left: 0;
        border-radius: 8px;
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2)
    }

    .smart-mobile-map .header-mobile-map .search-container .react-dadata__suggestions li {
        width: 100%;
        border-radius: 8px
    }

    .smart-mobile-map .header-mobile-map .selected-address {
        text-align: center;
        font-weight: 500;
        font-size: 20px;
        line-height: 1.2;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .smart-mobile-map .header-mobile-map .selected-address .delivery-address {
        margin-top: 12px;
        background: #88c72b;
        border-radius: 4px;
        display: flex;
        align-items: center;
        padding: 4px 8px;
        color: #fff;
        font-size: 12px;
        line-height: 24px;
        width: max-content
    }

    .smart-mobile-map .header-mobile-map .selected-address .delivery-address.error {
        background: #92022d
    }

    .smart-mobile-map .header-mobile-map .selected-address .delivery-address picture {
        margin-right: 10px
    }

    .smart-mobile-map .save-button {
        position: absolute;
        bottom: 40px;
        left: 50%;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.2;
        color: #fff;
        background: #92022d;
        border-radius: 8px;
        height: 40px;
        width: 270px;
        z-index: 1;
        cursor: pointer;
        transform: translate(-50%)
    }
}

@media (max-width: 767px) {
    .smart-mobile-map {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10005001
    }

    .smart-mobile-map .header-mobile-map {
        position: absolute;
        z-index: 1;
        min-height: 160px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: linear-gradient(177.59deg, #fff 66.78%, hsla(0, 0%, 100%, 0) 96.26%);
        padding: 28px 16px 0
    }

    .smart-mobile-map .header-mobile-map .header-title {
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.1;
        display: flex;
        align-items: center;
        height: 24px
    }

    .smart-mobile-map .header-mobile-map .header-title picture {
        position: absolute;
        top: 28px;
        left: 16px;
        cursor: pointer
    }

    .smart-mobile-map .header-mobile-map .search-container {
        position: static;
        width: 100%;
        top: 42px;
        margin-bottom: 12px;
        border-radius: 8px;
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2)
    }

    .smart-mobile-map .header-mobile-map .search-container .input {
        width: 100%;
        padding: 14px;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 400;
        border-radius: 8px
    }

    .smart-mobile-map .header-mobile-map .search-container .input.react-dadata__input {
        border: none;
        height: 44px
    }

    .smart-mobile-map .header-mobile-map .search-container picture img {
        padding-left: 10px;
        background: #fff;
        position: absolute;
        top: 75px;
        right: 30px;
        cursor: pointer
    }

    .smart-mobile-map .header-mobile-map .search-container .react-dadata__suggestions {
        margin-left: 0;
        border-radius: 8px;
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .2)
    }

    .smart-mobile-map .header-mobile-map .search-container .react-dadata__suggestions li {
        width: 100%;
        border-radius: 8px
    }

    .smart-mobile-map .header-mobile-map .selected-address {
        text-align: center;
        font-weight: 500;
        font-size: 20px;
        line-height: 1.2;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .smart-mobile-map .header-mobile-map .selected-address .delivery-address {
        margin-top: 12px;
        background: #88c72b;
        border-radius: 4px;
        display: flex;
        align-items: center;
        padding: 4px 8px;
        color: #fff;
        font-size: 12px;
        line-height: 24px;
        width: max-content
    }

    .smart-mobile-map .header-mobile-map .selected-address .delivery-address.error {
        background: #92022d
    }

    .smart-mobile-map .header-mobile-map .selected-address .delivery-address picture {
        margin-right: 10px
    }

    .smart-mobile-map .save-button {
        position: absolute;
        bottom: 40px;
        left: 50%;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.2;
        color: #fff;
        background: #92022d;
        border-radius: 8px;
        height: 40px;
        width: 270px;
        z-index: 1;
        cursor: pointer;
        transform: translate(-50%)
    }
}

.order-as-gift {
    width: 100%;
    display: flex;
    margin-bottom: 25px;
    font-size: 14px;
    position: relative
}

.order-as-gift .wrap {
    width: 48px;
    height: 48px;
    justify-content: center
}

.order-as-gift .wrap,
.order-as-gift label {
    display: flex;
    align-items: center;
    background: rgba(235, 139, 168, .16);
    border-radius: 8px
}

.order-as-gift label {
    width: 100% !important;
    color: #363636 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer;
    padding: 0 12px;
    width: 100%;
    height: 58px
}

.order-as-gift label .helper-info {
    margin-left: 8px
}

.order-as-gift label .tooltip {
    background: #6d6d6d;
    color: #fff;
    width: 200px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.3;
    text-align: left
}

.order-as-gift label .tooltip .title {
    font-weight: 700
}

.order-as-gift label .tooltip .text {
    font-weight: 400
}

.order-as-gift label .input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative !important;
    left: 0 !important;
    margin-left: 10px;
    cursor: pointer;
    min-width: 20px;
    height: 20px;
    margin-right: 8px;
    background-size: contain;
    border: 1px solid #363636;
    border-radius: 20px
}

.order-as-gift label .active {
    background-image: url(../../../../e/0/f58c5705-30f9-4a2e-90b6-219123542e09.png)
}

.order-as-gift label .mobile-hide {
    margin-left: 5px
}

@media (max-width: 767px) {
    .order-as-gift label .mobile-hide {
        display: none
    }
}

.order-as-gift .mobile-text {
    display: none
}

@media (max-width: 767px) {
    .order-as-gift .mobile-text {
        display: inline-block;
        font-size: 12px;
        position: absolute;
        left: 0;
        bottom: -18px
    }
}

.order-delete-address {
    top: 5px;
    left: -285px;
    transform: none
}

@media (min-width: 768px) and (max-width:1279px) {
    .order-delete-address {
        top: -75px;
        left: auto
    }
}

@media (max-width: 767px) {
    .order-delete-address {
        top: 5px;
        left: -228px;
        transform: none
    }
}

.searchListItem {
    position: absolute;
    z-index: 999;
    background: #fff;
    font-size: 14px;
    width: 100%
}

@media (max-width: 767px) {
    .searchListItem {
        margin-left: -12px;
        margin-top: 5px;
        font-size: 12px
    }
}

.searchListItem li {
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    padding: 10px 14px
}

.searchListItem li:hover {
    cursor: pointer
}

@media (max-width: 767px) {
    .searchListItem li {
        border-left: none;
        border-right: none
    }
}

.searchListItem li:last-child {
    border-bottom: 1px solid #cdcdcd
}

.searchListItem li:first-child {
    border-top: none
}

@media (min-width: 768px) {
    .save-button {
        position: absolute;
        bottom: 40px;
        left: 50%;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.2;
        color: #fff;
        background: #92022d;
        border-radius: 8px;
        height: 40px;
        width: 270px;
        z-index: 1;
        cursor: pointer;
        transform: translate(-50%)
    }
}

@media (max-width: 767px) {
    .order-register-header.edit-order {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .order-register-header.edit-order .main-header {
        display: none
    }

    .order-register-header.edit-order .address-info-header {
        width: 100%
    }

    .order-register-header.edit-order .address-info-header .home {
        display: none
    }

    .order-register-header.edit-order .address-info-header .link-to-map {
        cursor: pointer;
        display: none;
        justify-content: center;
        align-items: center;
        color: #76a82c;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px
    }

    .order-register-header.edit-order .address-info-header .link-to-map:hover {
        text-decoration: underline
    }

    .order-register-header.edit-order .address-info-header .link-to-map picture {
        margin-right: 8px
    }

    .order-register-header.edit-order .form-header {
        margin-bottom: 10px;
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .order-register-header.edit-order h2 {
        font-size: 15px;
        color: #5e5f61;
        font-weight: 700
    }

    .order-register-header.edit-order .login-links {
        font-size: 13px;
        order: -1;
        width: 100%;
        padding: 0 12px 0 0;
        border: 1px solid #c7c7c7;
        max-width: 375px;
        margin-bottom: 15px
    }

    .order-register-header.edit-order .login-links .active {
        margin: 0;
        background: #c7c7c7;
        color: #fff;
        width: 52%;
        display: inline-block;
        text-align: center;
        padding: 4px 5px 3px
    }

    .order-register-header.edit-order .login-links .login {
        text-align: center;
        width: 48%;
        display: inline-block;
        margin: 0
    }

    .order-register-header.edit-order .form-header .link {
        font-size: 13px;
        position: relative;
        left: 6px;
        top: -1px
    }
}

@media (max-width: 767px) and (min-width:330px) and (max-width:767px) {
    .order-register-header.edit-order .form-header .link {
        left: auto;
        top: auto
    }
}

@media (max-width: 767px) {

    .order-register-header.edit-order .map-header,
    .order-register-header.edit-order .smart-map-header {
        display: none
    }

    .order-register-header.edit-order .address-header {
        width: 100%
    }

    .order-register-header.edit-order .address-header .user-info-header {
        margin-right: 0;
        min-width: auto
    }

    .order-register-header.edit-order .address-header .user-info-header .main-header {
        display: block
    }

    .order-register-header.edit-order .address-header .user-info-header .login {
        margin-left: 110px
    }

    .show-more-addresses-btn {
        display: none !important
    }

    .form-adress-block .is-tooltip .tooltip,
    .order-page-addresses-state .is-tooltip .tooltip {
        display: block
    }
}

.order-page-addresses-state__more-btn {
    color: #6d6d6d;
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-size: 14px;
    cursor: pointer;
    margin-left: auto;
    width: max-content
}

@media (max-width: 767px) {
    .order-page-addresses-state__more-btn {
        display: none
    }
}

.delivery-date-order {
    font-weight: 500;
    margin-bottom: 12px
}

@media (max-width: 767px) {
    .delivery-date-order {
        margin-bottom: 0
    }
}

.delivery-date-order .title {
    font-size: 20px;
    margin-bottom: 24px
}

.delivery-date-order .delivery-hint {
    color: #6d6d6d;
    border-radius: 8px;
    background: #f5f5f5;
    font-size: 14px;
    padding: 14px 0;
    margin-bottom: 24px
}

.delivery-date-order .delivery-hint .delivery-hint-text {
    padding: 0 24px
}

.delivery-date-order .delivery-hint .cross {
    top: 50%;
    transform: translate(-50%, -50%) !important
}

.delivery-date-order .delivery-hint .cross:after,
.delivery-date-order .delivery-hint .cross:before {
    background: #6d6d6d
}

.delivery-date-order .delivery-day-list {
    display: flex;
    margin-bottom: 40px;
    color: #363636;
    justify-content: space-between;
    max-width: 100%;
    overflow: auto
}

@media (min-width: 768px) and (max-width:1279px) {
    .delivery-date-order .delivery-day-list {
        padding: 0 0 12px;
        margin-bottom: 28px
    }
}

@media (max-width: 767px) {
    .delivery-date-order .delivery-day-list {
        padding: 10px 0 12px;
        margin-bottom: 7px
    }
}

.delivery-date-order .delivery-day-list .delivery-day-item {
    margin-right: 11px;
    position: relative;
    width: 100%
}

.delivery-date-order .delivery-day-list .delivery-day-item .icon {
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 8px
}

.delivery-date-order .delivery-day-list .delivery-day-item .delivery-day-container {
    padding: 28px 0 20px;
    border: 1px solid #cbcbcb;
    cursor: pointer;
    border-radius: 8px;
    width: 100%;
    height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 1279px) {
    .delivery-date-order .delivery-day-list .delivery-day-item .delivery-day-container {
        min-width: 162px
    }
}

.delivery-date-order .delivery-day-list .delivery-day-item .delivery-day-container .date {
    font-weight: 700;
    text-transform: uppercase
}

.delivery-date-order .delivery-day-list .delivery-day-item .delivery-day-container .attention,
.delivery-date-order .delivery-day-list .delivery-day-item .delivery-day-container .price {
    font-weight: 700
}

.delivery-date-order .delivery-day-list .delivery-day-item .triangle {
    display: none;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #ededed
}

.delivery-date-order .delivery-day-list .delivery-day-item.expressIntervals .delivery-day-container .time {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #f79410
}

.delivery-date-order .delivery-day-list .delivery-day-item.expressIntervals .delivery-day-container.selected {
    border: 1px solid #f79410
}

.delivery-date-order .delivery-day-list .delivery-day-item.expressIntervals .icon2 {
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 76px
}

.delivery-date-order .delivery-day-list .delivery-day-item.selectedWithoutProducts .delivery-day-container {
    border: 1px solid #76a82c
}

.delivery-date-order .delivery-day-list .delivery-day-item.selectedWithoutProducts .delivery-day-container .attention,
.delivery-date-order .delivery-day-list .delivery-day-item.selectedWithoutProducts .delivery-day-container .price {
    color: #363636
}

.delivery-date-order .delivery-day-list .delivery-day-item.selected .delivery-day-container {
    border: 1px solid #76a82c
}

.delivery-date-order .delivery-day-list .delivery-day-item.selected .delivery-day-container .attention,
.delivery-date-order .delivery-day-list .delivery-day-item.selected .delivery-day-container .price {
    color: #76a82c
}

.delivery-date-order .delivery-day-list .delivery-day-item.night .delivery-day-container .attention,
.delivery-date-order .delivery-day-list .delivery-day-item.night .delivery-day-container .price {
    color: 36CB5
}

.delivery-date-order .delivery-day-list .delivery-day-item.morning .delivery-day-container .attention,
.delivery-date-order .delivery-day-list .delivery-day-item.morning .delivery-day-container .price {
    color: #fc9a11
}

.delivery-date-order .delivery-day-list .delivery-day-item.notAvalilable .delivery-day-container {
    border: 1px solid #ffe9f0;
    cursor: not-allowed;
    background: #ffe9f0
}

.delivery-date-order .delivery-day-list .delivery-day-item.notAvalilable .delivery-day-container .attention,
.delivery-date-order .delivery-day-list .delivery-day-item.notAvalilable .delivery-day-container .price {
    color: #92022d
}

.delivery-date-order .delivery-day-list .delivery-day-item.withoutProducts .delivery-day-container {
    border: 1px solid #ededed;
    background: #ededed
}

.delivery-date-order .delivery-day-list .delivery-day-item.withoutProducts .delivery-day-container .attention,
.delivery-date-order .delivery-day-list .delivery-day-item.withoutProducts .delivery-day-container .price {
    color: #92022d
}

.delivery-date-order .delivery-day-list .delivery-day-item.withoutProducts .triangle {
    display: flex
}

.delivery-date-order .delivery-day-list .delivery-day-item:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .delivery-date-order .delivery-day-list .delivery-day-item:first-child {
        margin-left: 12px
    }

    .delivery-date-order .delivery-day-list .delivery-day-item:last-child {
        margin-right: 12px
    }
}

@media (max-width: 767px) {
    .delivery-date-order .title {
        padding: 0 12px
    }

    .delivery-date-order .delivery-hint {
        margin: 0 12px
    }
}

.remove-address-popup {
    z-index: 999;
    width: 278px;
    text-align: center;
    padding: 0 18px 25px;
    position: absolute;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
    left: -50px;
    top: -40px
}

.remove-address-popup .main-title {
    padding: 25px 0 18px;
    font-size: 18px;
    font-weight: 400
}

.remove-address-popup .titles {
    display: flex;
    justify-content: center;
    font-size: 12px;
    margin-bottom: 16px
}

.remove-address-popup .titles .title {
    width: 95px;
    color: #7f7f7f;
    font-weight: 400;
    cursor: pointer
}

.remove-address-popup .titles .active {
    color: #76a82c;
    border-bottom: 2px solid #76a82c;
    text-align: center;
    font-weight: 700;
    padding-bottom: 4px
}

.remove-address-popup .titles .inactive {
    width: 60px
}

.remove-address-popup .buttons-choice .input-warning {
    margin-bottom: 8px
}

.remove-address-popup .buttons-choice .warning {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #7f7f7f;
    margin-bottom: 8px
}

.remove-address-popup .buttons-choice .warning img {
    margin-right: 5px
}

.remove-address-popup input {
    width: 242px;
    border: 1px solid #c7c7c7;
    margin-bottom: 20px;
    padding: 16px 20px;
    font-weight: 400
}

.remove-address-popup button {
    background: #76a82c;
    width: 242px;
    height: 50px;
    border-radius: 100px;
    color: #fff;
    justify-content: center;
    transition: all .25s;
    cursor: pointer
}

.remove-address-popup button:hover {
    background: #89b34a
}

.remove-address-popup .answer-bttns {
    display: flex
}

.remove-address-popup .answer-bttns .success-btn {
    width: 110px;
    margin-right: 12px
}

.remove-address-popup .answer-bttns .fail-btn {
    width: 110px;
    background: #92022d
}

.remove-address-popup .answer-bttns .fail-btn:hover {
    background: #af0034
}

.remove-address-popup {
    height: auto;
    width: 334px;
    background: #fff;
    text-align: left;
    padding-bottom: 0;
    border-radius: 4px
}

.remove-address-popup picture {
    position: absolute;
    right: 0;
    bottom: 0
}

.remove-address-popup .text {
    color: #363636;
    font-size: 13px;
    line-height: 130%
}

.remove-address-popup .main-title {
    color: #ff513b;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 10px
}

.remove-address-popup .answer-bttns {
    margin-top: 20px
}

.remove-address-popup .answer-bttns .fail-btn,
.remove-address-popup .answer-bttns .success-btn {
    height: 30px;
    width: 108px;
    font-size: 12px
}

.remove-address-popup .answer-bttns .fail-btn {
    background: transparent;
    border: 1px solid #999;
    color: #999
}

.remove-address-popup .answer-bttns .fail-btn:hover {
    background: #7f7f7f;
    border: 1px solid #7f7f7f;
    transition: all .2s;
    color: #fff
}

.remove-address-popup .answer-bttns .success-btn {
    background: #ff513b
}

.remove-address-popup .answer-bttns .success-btn:hover {
    background: #ff2004;
    transition: all .2s
}

.remove-address-popup {
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    padding: 16px 12px 20px
}

.remove-address-popup button {
    display: block
}

.remove-address-popup.loyalty-error {
    width: 400px;
    text-align: start;
    position: absolute;
    top: 20px;
    left: -385px;
    transform: none
}

.remove-address-popup.loyalty-error .main-title {
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    color: #363636;
    line-height: 130%;
    padding-top: 30px
}

.remove-address-popup.loyalty-error .text {
    text-transform: uppercase;
    color: #ff513b;
    font-weight: 700;
    position: absolute;
    top: 14px;
    left: 12px
}

@media (min-width: 1280px) and (max-width:1439px) {
    .remove-address-popup.loyalty-error {
        left: auto;
        right: -10px
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .remove-address-popup.loyalty-error {
        left: auto;
        right: -10px
    }

    .remove-address-popup {
        right: -17px;
        transform: none;
        left: auto;
        top: -50px
    }
}

@media (max-width: 767px) {

    .ui.bottom.left.popup .remove-address-popup.loyalty-error .text,
    .ui.top.left.popup .remove-address-popup.loyalty-error .text {
        left: 50%;
        transform: translateX(-50%)
    }

    .remove-address-popup {
        left: auto;
        top: -80px;
        max-width: 320px;
        width: auto;
        text-align: center;
        right: -142px
    }

    .remove-address-popup .main-title {
        text-align: center
    }

    .remove-address-popup .text {
        text-align: left
    }

    .remove-address-popup .answer-bttns {
        justify-content: center
    }

    .remove-address-popup picture {
        display: none
    }

    .remove-address-popup.loyalty-error {
        width: 290px;
        position: static;
        right: auto;
        top: -65px;
        left: auto
    }
}

.missing-products {
    width: 1164px
}

.missing-products .count-product-block .count-product input {
    padding-right: 2px;
    text-align: right
}

.missing-products .header-missing-products {
    color: #92022d;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center
}

.missing-products .header-missing-products img {
    margin-right: 10px
}

.missing-products .products-list-order-register {
    margin-top: 30px
}

.missing-products .products-list-order-register>li {
    padding: 15px 20px 15px 0;
    border-bottom: 1px solid #ebeef0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px
}

.missing-products .products-list-order-register>li .info {
    font-size: 16px
}

.missing-products .products-list-order-register>li .info .mobile {
    display: none
}

.missing-products .products-list-order-register>li .left-side,
.missing-products .products-list-order-register>li .right-side {
    display: flex;
    align-items: center
}

.missing-products .products-list-order-register>li .right-side {
    justify-content: space-between
}

.missing-products .products-list-order-register>li .right-side img {
    height: 24px
}

.missing-products .products-list-order-register>li .right-side .count-product-block {
    min-width: 125px;
    margin-right: 62px
}

.missing-products .products-list-order-register>li .right-side .count-product-block .count-product {
    font-size: 16px
}

.missing-products .products-list-order-register>li .right-side .count-product-block .increase-count-product,
.missing-products .products-list-order-register>li .right-side .count-product-block .reduce-count-product {
    width: 32px;
    height: 32px
}

.missing-products .products-list-order-register>li .right-side .count-product-block .increase-count-product.disabled,
.missing-products .products-list-order-register>li .right-side .count-product-block .reduce-count-product.disabled {
    background: #e5e5e5;
    cursor: default
}

.missing-products .products-list-order-register>li .right-side .price {
    font-weight: 700;
    margin-right: 62px
}

.missing-products .products-list-order-register>li .right-side .price .cost-rubles {
    font-size: 18px
}

.missing-products .products-list-order-register>li .right-side .price .total-price {
    font-size: 14px;
    color: #a8a8a8
}

.missing-products .products-list-order-register>li .right-side .favorite {
    margin-right: 18px;
    width: 25px;
    display: flex;
    justify-content: center
}

.missing-products .products-list-order-register>li .right-side .favorite .static.active {
    display: none
}

.missing-products .products-list-order-register>li .right-side .favorite .hover {
    display: none
}

.missing-products .products-list-order-register>li .right-side .favorite .hover.active {
    display: block
}

.missing-products .products-list-order-register>li .right-side .favorite:hover .hover {
    display: block
}

.missing-products .products-list-order-register>li .right-side .favorite:hover .static {
    display: none
}

.missing-products .products-list-order-register>li:last-child {
    border: none
}

.missing-products .products-list-order-register>li .image-block {
    flex-basis: 64px;
    margin-right: 20px
}

.missing-products .products-list-order-register>li .image-block img {
    max-height: 64px;
    max-width: 64px
}

.missing-products .products-list-order-register>li .product-name {
    min-width: 280px;
    max-width: 285px;
    margin-right: 72px;
    font-size: 16px
}

.missing-products .products-list-order-register>li .product-name .product-article {
    color: #a8a8a8
}

.missing-products .products-list-order-register>li .info {
    margin-right: 90px;
    min-width: 250px
}

.missing-products .products-list-order-register>li .price {
    font-weight: 700;
    font-size: 16px
}

.missing-products1 {
    font-weight: 500;
    background: #f9f9f9;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 12px
}

.missing-products1 .title {
    font-size: 14px;
    padding: 12px 20px;
    display: flex;
    align-items: center
}

.missing-products1 .title p {
    margin-left: 10px
}

.missing-products1 .products-list-missing {
    padding: 0 20px 16px
}

.missing-products1 .products-list-missing .replace-products-item {
    margin-top: 16px;
    display: flex;
    justify-content: end;
    border-radius: 12px;
    background: #fff
}

.missing-products1 .products-list-missing .replace-products-item .leftpart {
    margin-right: 12px;
    margin-top: 50px
}

@media (max-width: 767px) {
    .missing-products1 .products-list-missing .replace-products-item .leftpart {
        height: 155px
    }
}

.missing-products1 .products-list-missing .replace-products-item .leftpart:before {
    display: block;
    content: "";
    height: 80px;
    width: 12px;
    border-top: 1px solid #d791a0;
    border-left: 1px solid #d791a0;
    margin-left: 12px;
    border-radius: 12px 0 0 0
}

@media (max-width: 767px) {
    .missing-products1 .products-list-missing .replace-products-item .leftpart:before {
        height: 64px
    }
}

.missing-products1 .products-list-missing .replace-products-item .leftpart:after {
    display: block;
    content: "";
    height: 80px;
    width: 12px;
    border-left: 1px solid #d791a0;
    border-bottom: 1px solid #d791a0;
    margin-left: 12px;
    border-radius: 0 0 0 12px
}

@media (max-width: 767px) {
    .missing-products1 .products-list-missing .replace-products-item .leftpart:after {
        height: 64px
    }
}

.missing-products1 .products-list-missing .replace-products-item .rightpart {
    width: calc(100% - 37px)
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    margin: 28px 0 10px
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list {
    display: flex;
    overflow: auto;
    padding: 10px
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card {
    min-width: 328px;
    height: 82px;
    border: 1px solid #d791a0;
    border-radius: 12px;
    margin-right: 12px;
    padding: 12px;
    display: flex;
    margin-bottom: 10px;
    overflow: hidden
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .image-block {
    width: 48px;
    margin-right: 16px;
    min-width: 48px;
    cursor: pointer
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .image-block img {
    max-height: 48px;
    max-width: 48px
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .information-block {
    color: #363636;
    flex: 1
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .information-block .name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .information-block .price-block {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .information-block .price-block .item-price {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .information-block .price-block .item-price.product__price-wrapper {
    margin-bottom: 0
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .information-block .price-block .item-price .product__current-price {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .information-block .price-block .item-price .product__old-price {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1
}

@media (max-width: 767px) {
    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card {
        min-width: 238px;
        max-width: 238px;
        height: 104px;
        padding-right: 8px
    }

    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .information-block {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .information-block a {
        width: 150px;
        height: 36px;
        overflow: hidden
    }

    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card .information-block .price-block {
        position: relative;
        left: -64px;
        width: 216px
    }
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 {
    width: 326px;
    height: 128px;
    border-radius: 12px;
    box-shadow: 0 0 12px rgba(152, 162, 179, .15), 0 0 2px rgba(152, 162, 179, .15);
    margin-right: 10px;
    padding: 12px;
    display: flex
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .left-part {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .left-part .image-block1 {
    width: 80px;
    margin-right: 12px;
    min-width: 80px;
    cursor: pointer;
    position: relative;
    min-height: 60px
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .left-part .image-block1 img {
    max-height: 80px;
    max-width: 80px;
    border-radius: 8px
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .left-part .image-block1 .freeze-icon {
    position: absolute;
    bottom: 4px;
    right: 4px;
    padding: 2px
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 210px
}

@media (max-width: 767px) {
    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part {
        width: 195px
    }
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block {
    display: flex;
    align-items: flex-end
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .item-price,
.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .item-price .product__current-price {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .item-price .product__current-price__decimal,
.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .item-price .product__current-price__ruble {
    font-size: 12px
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .item-price .product__old-price {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    position: relative;
    width: max-content;
    color: #6d6d6d
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .item-price .product__old-price:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #6d6d6d
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn {
    display: flex;
    align-items: center;
    width: 112px;
    max-width: 112px;
    min-width: 112px;
    background-color: #fff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin-left: auto;
    justify-content: flex-end
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn--fw {
    width: 100%;
    justify-content: space-between
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__minus,
.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus {
    position: relative;
    border-radius: 8px;
    transition: background-color .25s ease-in-out;
    width: 40px;
    height: 40px;
    cursor: pointer
}

@media (max-width: 1279px) {

    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__minus,
    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus {
        height: 32px;
        width: 32px
    }
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__minus:before,
.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus:before {
    content: "";
    position: absolute;
    width: calc(100% - 24px);
    height: 2px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

@media (max-width: 1279px) {

    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__minus:before,
    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus:before {
        width: calc(100% - 16px)
    }
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__minus {
    background-color: #eee
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__minus:before {
    background-color: #363636
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__minus:hover {
    background-color: #e3e3e3
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus-isReplace {
    background-color: #b32442;
    color: #fff;
    padding: 11px 20px;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    transition: background-color .25s ease-in-out
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus-isReplace:hover {
    background-color: #92022d
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus {
    background-color: #b32442
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus:before {
    background-color: #fff
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus:after {
    content: "";
    position: absolute;
    height: calc(100% - 24px);
    width: 2px;
    border-radius: 10px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

@media (max-width: 1279px) {
    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus:after {
        height: calc(100% - 16px)
    }
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus:hover {
    background-color: #92022d
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__plus.disabled {
    cursor: not-allowed;
    background-color: #b32442
}

.missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__count {
    font-size: 16px;
    text-align: center;
    width: 32px
}

@media (max-width: 1279px) {
    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 .right-part .price-block .mini-carousel-card__buy-btn__count {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .missing-products1 .products-list-missing .replace-products-item .rightpart .replace-list .replace-item-card2 {
        min-width: 311px;
        max-width: 311px
    }
}

.missing-products1 .products-list-missing .product-item {
    font-weight: 400;
    font-size: 14px;
    display: grid;
    grid-template-columns: 85px 3fr 2fr 1fr 1fr 1fr;
    align-items: center;
    grid-gap: 20px;
    margin: 11px 20px 11px 0
}

.missing-products1 .products-list-missing .product-item .left-block {
    display: flex;
    flex-direction: column
}

.missing-products1 .products-list-missing .product-item .left-block .product-card-new__rating-wrapper {
    margin-top: 8px
}

.missing-products1 .products-list-missing .product-item .right-block-product-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around
}

@media (max-width: 767px) {
    .missing-products1 .products-list-missing .product-item .right-block-product-info {
        justify-content: space-between
    }
}

.missing-products1 .products-list-missing .product-item .image-block {
    width: 80px;
    margin-right: 16px;
    position: relative;
    min-height: 60px
}

.missing-products1 .products-list-missing .product-item .image-block img {
    max-height: 80px;
    max-width: 80px
}

.missing-products1 .products-list-missing .product-item .image-block .freeze-icon {
    position: absolute;
    bottom: 4px;
    right: 4px;
    padding: 2px
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn {
    display: flex;
    align-items: center;
    width: 112px;
    max-width: 112px;
    min-width: 112px;
    background-color: #fff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin-left: auto;
    justify-content: flex-end
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn--fw {
    width: 100%;
    justify-content: space-between
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__minus,
.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus {
    position: relative;
    border-radius: 8px;
    transition: background-color .25s ease-in-out;
    width: 40px;
    height: 40px;
    cursor: pointer
}

@media (max-width: 1279px) {

    .missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__minus,
    .missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus {
        height: 32px;
        width: 32px
    }
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__minus:before,
.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus:before {
    content: "";
    position: absolute;
    width: calc(100% - 24px);
    height: 2px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

@media (max-width: 1279px) {

    .missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__minus:before,
    .missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus:before {
        width: calc(100% - 16px)
    }
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__minus {
    background-color: #eee
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__minus:before {
    background-color: #363636
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__minus:hover {
    background-color: #e3e3e3
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus-isReplace {
    background-color: #b32442;
    color: #fff;
    padding: 11px 20px;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    transition: background-color .25s ease-in-out
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus-isReplace:hover {
    background-color: #92022d
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus {
    background-color: #b32442
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus:before {
    background-color: #fff
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus:after {
    content: "";
    position: absolute;
    height: calc(100% - 24px);
    width: 2px;
    border-radius: 10px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

@media (max-width: 1279px) {
    .missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus:after {
        height: calc(100% - 16px)
    }
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus:hover {
    background-color: #92022d
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__plus.disabled {
    cursor: not-allowed;
    background-color: #b32442
}

.missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__count {
    font-size: 16px;
    text-align: center;
    width: 32px
}

@media (max-width: 1279px) {
    .missing-products1 .products-list-missing .product-item .mini-carousel-card__buy-btn__count {
        font-size: 14px
    }
}

.missing-products1 .products-list-missing .product-item .product-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.missing-products1 .products-list-missing .product-item .product-name .product-article {
    color: #6d6d6d;
    font-size: 12px;
    line-height: 18px
}

.missing-products1 .products-list-missing .product-item .count-product-block {
    min-width: 100px
}

.missing-products1 .products-list-missing .product-item .count-product-block .count-product {
    font-size: 16px;
    line-height: 16px
}

.missing-products1 .products-list-missing .product-item .count-product-block .increase-count-product,
.missing-products1 .products-list-missing .product-item .count-product-block .reduce-count-product {
    width: 32px;
    height: 32px
}

.missing-products1 .products-list-missing .product-item .count-product-block .increase-count-product.disabled,
.missing-products1 .products-list-missing .product-item .count-product-block .reduce-count-product.disabled {
    background: #e5e5e5;
    cursor: default
}

.missing-products1 .products-list-missing .product-item .price-product-wrap {
    position: relative;
    display: flex;
    justify-content: center
}

.missing-products1 .products-list-missing .product-item .price-product-wrap .old-price-product {
    position: absolute;
    top: 0;
    left: 30px;
    min-width: 45px;
    text-align: center;
    display: flex;
    flex-direction: column
}

@media (min-width: 1280px) and (max-width:1439px) {
    .missing-products1 .products-list-missing .product-item .price-product-wrap .old-price-product {
        left: 10px
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .missing-products1 .products-list-missing .product-item .price-product-wrap .old-price-product {
        left: 20px;
        top: 0
    }
}

@media (max-width: 767px) {
    .missing-products1 .products-list-missing .product-item .price-product-wrap .old-price-product {
        left: 0;
        top: 0;
        min-width: 47px
    }
}

.missing-products1 .products-list-missing .product-item .price-product-wrap .old-price-product .discount-value {
    color: #fff;
    background: #fc9a11;
    position: relative;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    border-radius: 15px;
    padding: 1px 4px 0;
    width: max-content;
    margin: 0 auto
}

@media (max-width: 767px) {
    .missing-products1 .products-list-missing .product-item .price-product-wrap .old-price-product .discount-value {
        padding: 1px 4px
    }
}

.missing-products1 .products-list-missing .product-item .price-product-wrap .old-price-product .value {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #a8a8a8;
    margin: -2px 0 2px
}

.missing-products1 .products-list-missing .product-item .price-product-wrap .old-price-product .value:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #a8a8a8;
    top: 7px;
    left: 0;
    border-radius: 5px;
    transform: rotate(-15deg)
}

.missing-products1 .products-list-missing .product-item .price-product-wrap .price {
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 60px
}

.missing-products1 .products-list-missing .product-item .price-product-wrap .price .cost-rubles {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px
}

.missing-products1 .products-list-missing .product-item .price-product-wrap .price .cost-rubles__decimal,
.missing-products1 .products-list-missing .product-item .price-product-wrap .price .cost-rubles__ruble {
    font-size: 14px
}

.missing-products1 .products-list-missing .product-item .price-product-wrap .price .total-price {
    font-size: 12px;
    color: #a8a8a8
}

.missing-products1 .products-list-missing .product-item .price-product-wrap.minInfoProduct {
    min-width: 0
}

.missing-products1 .products-list-missing .product-item .price-product-wrap.minInfoProduct .old-price-product {
    display: none
}

@media (min-width: 768px) and (max-width:1279px) {
    .missing-products1 .products-list-missing .product-item .price-product-wrap {
        min-width: 0
    }

    .missing-products1 .products-list-missing .product-item .price-product-wrap .old-price-product {
        display: none
    }
}

.missing-products1 .products-list-missing .product-item .favorite {
    margin-right: 16px;
    width: 24px;
    display: flex;
    justify-content: center
}

.missing-products1 .products-list-missing .product-item .favorite .hover,
.missing-products1 .products-list-missing .product-item .favorite .static.active {
    display: none
}

.missing-products1 .products-list-missing .product-item .favorite .hover.active {
    display: block
}

.missing-products1 .products-list-missing .product-item .favorite:hover .hover {
    display: block
}

.missing-products1 .products-list-missing .product-item .favorite:hover .static {
    display: none
}

.missing-products1 .products-list-missing .product-item .info {
    min-width: 120px;
    color: #b32442
}

.missing-products1 .products-list-missing .product-item .control-buttons {
    align-self: center
}

.missing-products1 .products-list-missing .product-item .control-buttons .favorite {
    margin-bottom: 0
}

.missing-products1 .products-list-missing .product-item .control-buttons img {
    height: 24px
}

@media (max-width: 767px) {
    .missing-products1 .products-list-missing .product-item {
        flex-direction: column;
        min-height: 92px
    }
}

.missing-products1 .save-missing-prod {
    display: flex;
    justify-content: center;
    margin: 14px 0 24px
}

@media (max-width: 767px) {
    .missing-products1 .save-missing-prod {
        margin: 6px 0 24px
    }
}

@media (min-width: 768px) and (max-width:1279px) {
    .missing-products1 {
        margin: 0 25px 12px
    }

    .missing-products1 .product-name {
        margin-right: 0
    }

    .missing-products1 .count-product-block {
        flex: 0 0 50px
    }
}

@media (max-width: 767px) {
    .missing-products1 {
        margin: 0 0 12px;
        border-radius: 0
    }

    .missing-products1 .count-product-block {
        flex: 0 0 30px
    }

    .missing-products1 .products-list-missing {
        padding: 0
    }

    .missing-products1 .replace-products-item .product-item {
        grid-template-columns: 1fr 3fr 1fr;
        grid-gap: 10px
    }

    .missing-products1 .replace-products-item .product-item .left-block {
        grid-row: 1/4;
        grid-column: 1
    }

    .missing-products1 .replace-products-item .product-item .product-name {
        grid-row: 2;
        grid-column: 2/4
    }

    .missing-products1 .replace-products-item .product-item .info {
        grid-row: 1;
        grid-column: 2
    }

    .missing-products1 .replace-products-item .product-item .count-product-block {
        grid-row: 3;
        grid-column: 3
    }

    .missing-products1 .replace-products-item .product-item .price-product-wrap {
        grid-row: 3;
        grid-column: 2;
        justify-content: flex-start
    }

    .missing-products1 .replace-products-item .product-item .price-product-wrap .price {
        align-items: flex-start
    }

    .missing-products1 .replace-products-item .product-item .price-product-wrap .price__decimal,
    .missing-products1 .replace-products-item .product-item .price-product-wrap .price__ruble {
        font-size: 14px
    }

    .missing-products1 .replace-products-item .product-item .control-buttons {
        grid-row: 1;
        grid-column: 3
    }
}

.clear-cart-mobile {
    width: 0 !important
}

.DayEveningToggler {
    position: relative;
    display: flex;
    align-items: center;
    background: #ededed;
    border-radius: 12px;
    width: 192px;
    user-select: none
}

.DayEveningToggler__evening,
.DayEveningToggler__morning {
    width: 96px;
    padding: 10px 0;
    cursor: pointer;
    z-index: 1;
    display: flex;
    justify-content: center;
    transition: all .1s ease-in-out
}

.DayEveningToggler__tab {
    color: #6d6d6d;
    font-weight: 500
}

.DayEveningToggler__tab--active {
    color: #fff
}

.DayEveningToggler__tab--disabled {
    color: #cbcbcb
}

.DayEveningToggler__bg-slide {
    position: absolute;
    left: 0;
    background-color: #76a82c;
    height: 100%;
    width: 50%;
    border-radius: 12px;
    z-index: 0;
    transition: all .3s ease-in-out
}

.DayEveningToggler__bg-slide--right {
    left: 96px
}

.gift-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
    border-top: 1px solid #cbcbcb;
    padding: 16px 0 0
}

@media (max-width: 767px) {
    .gift-order {
        padding: 12px 12px 0;
        column-gap: 50px
    }
}

.gift-order__left {
    display: flex;
    align-items: center;
    column-gap: 12px
}

.gift-order__icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border-radius: 100px;
    background-color: #b32442
}

@media (max-width: 767px) {
    .gift-order__icon-wrapper {
        width: 28px;
        height: 28px;
        min-width: 28px
    }
}

.gift-order__heading {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 4px
}

.gift-order__desc {
    font-size: 12px;
    color: #6d6d6d
}

.CustomSliderHeading {
    display: flex;
    align-items: center;
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .CustomSliderHeading {
        margin-bottom: 20px
    }
}

.CustomSliderHeading__heading {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    width: max-content;
    margin-right: 8px
}

@media (max-width: 767px) {
    .CustomSliderHeading__heading {
        margin-right: 5px
    }
}

.CustomSliderHeading__tooltip-icon:hover {
    cursor: pointer
}

.CustomSliderHeading__add-text {
    color: #6d6d6d;
    font-size: 14px;
    margin-left: 16px;
    line-height: 100%
}

@media (max-width: 767px) {
    .CustomSliderHeading__add-text {
        font-size: 13px;
        margin-left: 8px
    }
}

.cart-packing {
    margin: 32px 0;
    font-size: 14px;
    line-height: 1
}

@media (max-width: 767px) {
    .cart-packing {
        padding: 0 12px
    }
}

.cart-packing__heading {
    font-weight: 500;
    margin-bottom: 16px
}

.cart-packing__checks {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.cart-packing__check,
.cart-packing__check-wrapper {
    display: flex;
    align-items: center
}

.cart-packing__check {
    column-gap: 12px;
    cursor: pointer
}

.cart-packing__check-cicle {
    width: 20px;
    height: 20px;
    border: 1px solid #6d6d6d;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer
}

.cart-packing__check-cicle--active {
    border: 5px solid #b32442
}

.cart-packing__label--medium {
    font-weight: 500
}

.cart-packing__tooltip {
    margin-left: auto;
    cursor: pointer
}

.sms-code-modal-wrapper {
    padding: 40px 52px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (max-width: 767px) {
    .sms-code-modal-wrapper {
        width: 100%;
        height: auto;
        min-height: 356px;
        position: fixed;
        left: 0;
        bottom: 0;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 40px 16px
    }
}

.confirm-sms-modal {
    text-align: center
}

.confirm-sms-modal__heading {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .confirm-sms-modal__heading {
        font-size: 20px;
        margin-bottom: 12px
    }
}

.confirm-sms-modal__sub-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .confirm-sms-modal__sub-title {
        margin-bottom: 24px
    }
}

.confirm-sms-modal__sub-title__medium {
    font-weight: 500
}

.confirm-sms-modal__input {
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .confirm-sms-modal__input {
        margin-bottom: 12px
    }
}

.confirm-sms-modal .buttonUI {
    width: 100%;
    text-align: center;
    margin-bottom: 32px;
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .confirm-sms-modal .buttonUI {
        margin-bottom: 24px
    }
}

.confirm-sms-modal__resend {
    text-align: center;
    background-color: #fff;
    color: #92022d;
    font-size: 14px;
    font-weight: 500
}

.confirm-sms-modal__timer {
    font-size: 14px
}

.payment-card span {
    text-align: left
}

.payment-card__bonus {
    margin-top: 4px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    margin-left: 16px
}

@media (max-width: 767px) {
    .payment-card__bonus {
        margin-left: 10px
    }
}

.pay-method-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin: 25px auto;
    width: 100%;
    flex-wrap: wrap
}

.pay-method-container [type=radio]:checked,
.pay-method-container [type=radio]:not(:checked) {
    display: none;
}

.pay-method-container [type=radio]:checked+.item {
    color: var(--main-red);
    border: 1px solid var(--main-red);
}

.pay-method-container .item {
    margin: 0;
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color: #363636;
    transition: all .3s;
    background: #f6f6f6;
    border-radius: 8px;
    padding: 8px;
    border: 1px solid #f6f6f6;
}

.pay-method-container [type=radio]:disabled+.item {
    opacity: 0.3;
    border-color: #f6f6f6;
    filter: grayscale(1);
}

.pay-method-container .item:hover {
    border-color: rgb(203, 203, 203);
}

.pay-method-container [type=radio]:disabled+.item:hover {
    opacity: 0.3;
    border-color: #f6f6f6;
    color: #363636;
    cursor: default;
}

.pay-method-container [type=radio]:disabled+.item:hover span {
    color: #363636;
    cursor: default;
}

.pay-method-container .item span {
    display: block;
}

.pay-method-container .item .icon {
    display: block;
    margin-right: 16px
}

.pay-method-container .item:hover span {
    color: var(--main-red);
    cursor: pointer
}

.pay-method-container .item.sberpay span {
    color: #363636;
    display: block;
    text-align: left
}

.pay-method-container .item.sberpay .subTitle {
    font-size: 12px;
    line-height: 15px;
    color: #6d6d6d;
    margin-top: 2px
}

.pay-method-container .item .checkedIcon {
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 8px
}

.title-order-total {
    text-align: center;
    margin: 28px 0;
}

@media (max-width: 767px) {
    .pay-method-container {
        display: block;
        column-gap: unset;
        row-gap: unset;
        grid-template-columns: unset;
    }

    .pay-method-container label {
        min-height: 70px;
        transition: all .2s;
        width: 100%;
        margin: 0 0 12px
    }

    .pay-method-container label:hover {
        border: none;
        box-shadow: 0 0 1px #76a82c
    }

    .pay-method-container label:hover span {
        color: #76a82c
    }

    .pay-method-container label:hover .sberPay span {
        color: #363636
    }

    .pay-method-container label .checkedIcon {
        top: 2px;
        right: 2px
    }

    .pay-method-container .slick-slider {
        width: 525px;
        position: relative;
        transform: translate(-50%);
        left: 50%
    }
}