:root {
    --lk-active-color: #E82E46;
    --lk-active-background: #FEF2F2;
    --lk-account-backraund-other: #F9FAFB;
    --lk-icon-stroke: #9CA3AF;
    --scale-factor: 1.2;
}

.section {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 17px 17px 29.6875px;
    gap: 17.81px;
    max-width: 875.19px;
    background: #FFFFFF;
    border: 0.742188px solid #F3F4F6;
    box-shadow: 0px 0.742188px 1.48438px rgba(0, 0, 0, 0.05);
    border-radius: 8.90625px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.section .title {
    font-style: normal;
    font-weight: 700;
    font-size: calc(13.3594px * var(--scale-factor, 1));
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #111827;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.section-body .form-group label {
    font-style: normal;
    font-weight: 600;
    font-size: calc(10.3906px * var(--scale-factor, 1));
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #4B5563;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.section-body .form-group input {
    font-style: normal;
    font-weight: 400;
    font-size: calc(10.3906px * var(--scale-factor, 1));
    line-height: 16px;
    color: #333333;

}

.section-body .form-group input {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 7.42188px 11.875px;
    /*height: 32.33px;*/
    background: #F9FAFB;
    border: 0.742188px solid #E5E7EB;
    border-radius: 5.9375px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;


}

.section-body .form-group {
    max-width: 410.12px;
    width: calc(calc(100% - 18px) / 2);
    margin: 0;
}

.section-body {
    display: flex;
    flex-wrap: wrap;
    gap: 17.81px;
    max-width: 838.07px;
    width: 100%;
}

.section .section-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 11.875px 17.8125px;
    gap: 8.91px;
    max-width: 873.7px;
    height: 45.49px;
    background: #F9FAFB;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;

}

.section .section-title .icon {
    width: 14.84px;
    height: 14.84px;
    flex: none;
    order: 0;
    flex-grow: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.section .form-group.col1 {
    width: 100%;
    max-width: 100%;
}

.section .form-group.col3 {
    max-width: 267.47px;
    width: calc(calc(100% - 36px) / 3);
}

.section .form-group.city {
    max-width: 552.78px;
    width: calc(calc(calc(100% - 10px) / 3) * 2);
}

.i-user-info {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_14_1287)%22%3E%3Cpath%20d%3D%22M7.4222%2013.6067C10.838%2013.6067%2013.6071%2010.8377%2013.6071%207.42183C13.6071%204.00601%2010.838%201.23694%207.4222%201.23694C4.00638%201.23694%201.2373%204.00601%201.2373%207.42183C1.2373%2010.8377%204.00638%2013.6067%207.4222%2013.6067Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.23698%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7.42188%208.04034C8.44662%208.04034%209.27734%207.20962%209.27734%206.18488C9.27734%205.16013%208.44662%204.32941%207.42188%204.32941C6.39713%204.32941%205.56641%205.16013%205.56641%206.18488C5.56641%207.20962%206.39713%208.04034%207.42188%208.04034Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.23698%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.33008%2012.7793V11.7513C4.33008%2011.4233%204.4604%2011.1086%204.69238%2010.8766C4.92436%2010.6447%205.23899%2010.5143%205.56706%2010.5143H9.278C9.60606%2010.5143%209.92069%2010.6447%2010.1527%2010.8766C10.3846%2011.1086%2010.515%2011.4233%2010.515%2011.7513V12.7793%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.23698%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_14_1287%22%3E%3Crect%20width%3D%2214.8438%22%20height%3D%2214.8438%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.i-note {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_14_1409)%22%3E%3Cpath%20d%3D%22M5.93815%2010.8854C8.67081%2010.8854%2010.8861%208.67015%2010.8861%205.93749C10.8861%203.20483%208.67081%200.989577%205.93815%200.989577C3.20549%200.989577%200.990234%203.20483%200.990234%205.93749C0.990234%208.67015%203.20549%2010.8854%205.93815%2010.8854Z%22%20stroke%3D%22%236B7280%22%20stroke-width%3D%220.989583%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.9375%207.91663V5.93747%22%20stroke%3D%22%236B7280%22%20stroke-width%3D%220.989583%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.9375%203.95832H5.94276%22%20stroke%3D%22%236B7280%22%20stroke-width%3D%220.989583%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_14_1409%22%3E%3Crect%20width%3D%2211.875%22%20height%3D%2211.875%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.form-group {
    margin-bottom: 20px;
}

.main-profile-block-shown {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 21px;
}


form .bottom .note .icon {
    width: 11.87px;
    height: 11.87px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

form .bottom .note {
    flex-direction: row;
    gap: 2.97px;
    margin: 0 auto;
    font-style: normal;
    font-weight: 400;
    font-size: calc(10.3906px * var(--scale-factor, 1));
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #6B7280;
}

form .bottom {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 11.875px;
    max-width: 875.19px;
    /*height: 61.05px;*/
    gap: 20px;
    background: #FFFFFF;
    border: 0.742188px solid #F3F4F6;
    box-shadow: 0px 0.742188px 1.48438px rgba(0, 0, 0, 0.05);
    border-radius: 8.90625px;
    flex-grow: 0;
    width: 100%;
}

.form-group.full-width {
    grid-column: 1 / -1;
}

.required:after {
    content: " *";
    color: #e34f4f;
    margin-left: 3px;
}

input, textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #e5e7eb;
    border-radius: 12px;
    font-size: calc(15px * var(--scale-factor, 1));
    transition: all 0.2s;
    background: #f9fafc;
}

input:focus, textarea:focus {
    outline: none;
    border-color: #0047ab;
    background: white;
}

input[readonly] {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #6b7280;
}

.password-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.address-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

.address-row-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.alert {
    padding: 16px 20px;
    border-radius: 12px;
    margin-bottom: 24px;
    font-size: calc(15px * var(--scale-factor, 1));
}

.alert-success {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.alert-error {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.note {
    font-size: calc(14px * var(--scale-factor, 1));
    color: #6b7280;
    margin: 24px 0 20px;
    font-style: italic;
}

.btn-save {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8.90625px 23.75px;
    gap: 5.94px;
    isolation: isolate;
    margin: 0 auto;
    width: 233.28px;
    height: 35.81px;
    background: #E82E46;
    border-radius: 5.9375px;
    flex: none;
    order: 1;
    flex-grow: 0;
    color: #ffff;
    border: none;
    font-weight: bold;
}

.i-save {
    width: 14.84px;
    height: 14.84px;
    display: inline-block;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.40104%201.85546C9.72732%201.86011%2010.0385%201.99349%2010.2669%202.22655L12.6172%204.57681C12.8503%204.8052%2012.9836%205.11642%2012.9883%205.4427V11.7513C12.9883%2012.0794%2012.858%2012.394%2012.626%2012.626C12.394%2012.8579%2012.0794%2012.9883%2011.7513%2012.9883H3.09245C2.76438%2012.9883%202.44975%2012.8579%202.21777%2012.626C1.98579%2012.394%201.85547%2012.0794%201.85547%2011.7513V3.09244C1.85547%202.76437%201.98579%202.44974%202.21777%202.21776C2.44975%201.98578%202.76438%201.85546%203.09245%201.85546H9.40104Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.23698%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.514%2012.9883V8.65884C10.514%208.49481%2010.4488%208.33749%2010.3328%208.2215C10.2169%208.10551%2010.0595%208.04035%209.89551%208.04035H4.94759C4.78356%208.04035%204.62624%208.10551%204.51025%208.2215C4.39426%208.33749%204.3291%208.49481%204.3291%208.65884V12.9883%22%20stroke%3D%22white%22%20stroke-width%3D%221.23698%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.3291%201.85546V4.32942C4.3291%204.49345%204.39426%204.65077%204.51025%204.76675C4.62624%204.88274%204.78356%204.94791%204.94759%204.94791H9.27702%22%20stroke%3D%22white%22%20stroke-width%3D%221.23698%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

hr {
    border: none;
    border-top: 2px solid #f0f0f5;
    margin: 24px 0;
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9998;
}

.pop-up.changepasswd {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px;
    border-radius: 10px;
    z-index: 9999;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
}

.pop-up.changepasswd .form-group {
    margin-bottom: 20px;
}

.pop-up.changepasswd label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.pop-up.changepasswd input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.pop-up.changepasswd .btn-save {
    cursor: pointer;
    font-size: calc(16px * var(--scale-factor, 1));
}

.pop-up.changepasswd .btn-close-popup {
    background: transparent;
    color: #6b7280;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: calc(22px * var(--scale-factor, 1));
    position: absolute;
    top: 2px;
    right: 4px;
    width: 20px;
    height: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-close-popup {
    background: #f44336;
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 5px;
    cursor: pointer;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

.open-change-password-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8.90625px 23.75px;
    gap: 5.94px;
    isolation: isolate;
    height: 35.81px;
    background: #FACC15;
    border-radius: 5.9375px;
    flex: none;
    flex-grow: 0;

    font-style: normal;
    font-weight: 700;
    font-size: calc(11.875px * var(--scale-factor, 1));
    line-height: 18px;
    color: #2F324A;
    border: none;
}

.bx_order_list {
}

.bx_order_list h3 {
    font-weight: var(--ui-font-weight-bold);
    font-size: calc(24px * var(--scale-factor, 1));
    color: #3f3f3f;
}

.bx_order_list .bx_order_list_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e8e8e8;
}

.bx_order_list .bx_order_list_table tr td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bx_order_list .bx_order_list_table thead tr td {
    padding: 10px;
    font-weight: var(--ui-font-weight-bold);
    font-size: calc(15px * var(--scale-factor, 1));
    color: #3d4345;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: 0 -1px 1px 0 rgba(255, 255, 255, 1);

    background: rgb(255, 255, 255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(227, 227, 227, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0);
}

.bx_order_list .bx_order_list_table tbody tr td {
    padding: 5px 10px;
    color: #3f3f3f;
    font-size: calc(13px * var(--scale-factor, 1));
    vertical-align: top;
}

.bx_order_list .bx_order_list_table tbody tr td[colspon="2"] {
    padding: 10px;
    font-weight: var(--ui-font-weight-bold);
    font-size: calc(15px * var(--scale-factor, 1));
    color: #3d4345;
    background: #fafafa;
}

.bx_order_list .bx_order_list_table tbody tr td:nth-child(2) {
    width: 75%
}

.bx_order_list .bx_order_list_table_order {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e8e8e8;
}

.bx_order_list .bx_order_list_table_order tr td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bx_order_list .bx_order_list_table_order thead tr td {
    padding: 10px;
    font-weight: var(--ui-font-weight-bold);
    font-size: calc(15px * var(--scale-factor, 1));
    color: #3d4345;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: 0 -1px 1px 0 rgba(255, 255, 255, 1);

    background: rgb(255, 255, 255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(227, 227, 227, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0);
}

.bx_order_list .bx_order_list_table_order tbody tr td {
    padding: 10px 10px 5px;
    color: #3f3f3f;
    font-size: calc(13px * var(--scale-factor, 1));
    vertical-align: top;
}

.bx_order_list .bx_order_list_table_order tbody tr td.name {
    min-width: 60%
}

.bx_order_list .bx_order_list_table_order tbody tr td a {
    color: #0073a3
}

.bx_order_list .bx_order_list_table_order tbody tr td a:hover {
    text-decoration: none;
}

.bx_order_list .bx_order_list_table_order tbody tr td img {
    /*
    width: 100%;
    max-width: 65px;
    min-width: 50px;
    height: auto;
    */
}

.bx_order_list .amount,
.bx_order_list .price {
    color: #000;
    color: #5f6a71;
    white-spoce: nowrap;
    text-align: right;
}

.bx_order_list .amount {
    text-align: center
}

.bx_order_list .fm {
    display: none;
    color: #5f6a71;
}

.bx_order_list .bx_ordercart_order_sum tr td {
    padding: 1px;
    text-align: right;
    font-size: calc(13px * var(--scale-factor, 1));
}

.bx_order_list .bx_ordercart_order_sum tr td.custom_t1 {
    width: 100%
}

.bx_order_list .bx_ordercart_order_sum tr td.custom_t2 {
    white-spoce: nowrap;
}

.bx_order_list .bx_fwb {
    font-weight: var(--ui-font-weight-bold)
}

.bx_control_table {
    width: 100%;
}

.bx_control_table td {
    width: 50%;
}

@media (max-width: 550px) {
    .bx-touch .bx_order_list .bx_order_list_table tr,
    .bx-touch .bx_order_list .bx_order_list_table td {
        display: block;
        width: 100%
    }

    .bx-touch .bx_order_list .bx_order_list_table tbody tr td:nth-child(1) {
        font-weight: var(--ui-font-weight-bold);
        padding-bottom: 2px
    }

    .bx-touch .bx_order_list .bx_order_list_table tbody tr td:nth-child(2) {
        padding-top: 2px
    }

    .bx-touch .bx_order_list .bx_order_list_table tbody tr td[colspon="2"] {
        padding: 10px
    }

    .bx-touch .bx_order_list .bx_order_list_table_order thead {
        display: none;
    }

    .bx-touch .bx_order_list .bx_order_list_table_order td {
        display: block;
        width: 100%
    }

    .bx-touch .bx_order_list .bx_order_list_table_order tbody tr {
        clear: both;
        margin-bottom: 10px;
    }

    .bx-touch .bx_order_list .bx_order_list_table_order tbody tr td {
        padding: 2px 10px
    }

    .bx-touch .bx_order_list .bx_order_list_table_order tbody tr td.name {
        font-weight: var(--ui-font-weight-bold);
        padding: 2px 10px
    }

    .bx-touch .bx_order_list .bx_order_list_table_order tbody tr td.img {
        float: left;
        width: 70px;
        padding-right: 10px;
    }

    .bx-touch .bx_order_list .bx_order_list_table_order tbody tr td:last-child {
        padding: 2px 10px 30px
    }

    .bx-touch .bx_order_list .fm {
        display: inline-block;
    }

    .bx-touch .bx_order_list .amount,
    .bx-touch .bx_order_list .price {
        text-align: left;
    }

    .bx-touch .bx_order_list .bx_ordercart_order_sum {
        width: 100% !important
    }

    .bx-touch .bx_order_list .bx_ordercart_order_sum tr td.custom_t1 {
        width: 50% !important
    }

    .bx-touch .bx_order_list .bx_ordercart_order_sum tr td.custom_t2 {
        width: 50% !important;
        white-spoce: nowrap;
        text-align: left !important;
    }

    .bx-touch .bx_order_list .bx_control_table td {
        text-align: center !important;
        padding: 10px;
    }

    .bx_order_list .bx_order_list_table_order tbody tr td img {
        width: 100%;
        max-width: 65px;
        min-width: 50px;
        height: auto;
    }

}

.bx_order_list .bx_bt_button_type_2 {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    font-size: calc(14px * var(--scale-factor, 1));
    cursor: pointer;
}

.bx_order_list .bx_shadow.bx_bt_button_type_2 {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2)
}

.bx_order_list .bx_shadow.bx_bt_button_type_2:active {
    box-shadow: none
}

.bx_order_list .bx_bt_button_type_2 {
    border: 1px solid #e9e9e9;
    background: #fcfcfc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1', GradientType=0);
    color: #656565;
    text-shadow: 0 1px 0 #fff;
}

.bx_order_list .bx_bt_button_type_2:hover {
    background: #fff
}

.bx_order_list .bx_bt_button_type_2:active {
    background: #f1f1f1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #fcfcfc));
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%);
    background: -moz-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%);
    background: linear-gradient(to bottom, #f1f1f1 0%, #fcfcfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#fcfcfc', GradientType=0);
    box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .05);
}

.bx_order_list .bx_small.bx_bt_button_type_2 {
    display: inline-block;
    min-width: 20px;
    line-height: 20px;
}

.bx_order_list .bx_small.bx_bt_button_type_2 {
}

.bx_order_list .bx_small.bx_bt_button_type_2:hover {
}

.bx_order_list .bx_small.bx_bt_button_type_2:active {
}

.bx_order_list .bx_medium.bx_bt_button_type_2 {
    padding: 0 13px;
    height: 25px;
    font-weight: var(--ui-font-weight-bold);
    line-height: 25px;
}

.bx_order_list .bx_medium.bx_bt_button_type_2 {
    font-weight: var(--ui-font-weight-bold)
}

.bx_order_list .bx_medium.bx_bt_button_type_2:hover {
}

.bx_order_list .bx_medium.bx_bt_button_type_2:active {
}

.bx_order_list .bx_big.bx_bt_button_type_2 {
    padding: 0 13px;
    height: 34px;
    font-weight: var(--ui-font-weight-bold);
    line-height: 34px;
}

.bx_order_list .bx_big.bx_bt_button_type_2 {
}

.bx_order_list .bx_big.bx_bt_button_type_2:hover {
}

.bx_order_list .bx_big.bx_bt_button_type_2:active {
}

.bx_order_list_table_white_header {
    background-color: #fff !important;
}

.bx_order_list .bx_ol_store {
    margin-top: 10px;
}

.bx_order_list .bx_ol_store .bx_old_s_row {
    margin-bottom: 10px;
}

.bx_order_list .bx_ol_store .bx_old_s_row_title {
    margin-bottom: 20px;
}

.bx_order_list .bx_ol_store .bx_ild_s_desc {
    margin-top: 5px;
    font-size: calc(12px * var(--scale-factor, 1));
    color: gray;
}

.bx_old_s_map {
    margin-top: 20px;
    width: 100%;
}

.bx_old_s_map .bx_bt_button_type_2 {
    margin-bottom: 10px;
}

.bx_map_buttons {
    height: 40px;
}

.bx_map_buttons a {
    display: inline-block;
}

#bx_old_s_map {
    margin-bottom: 10px;
}

#map-container {
    height: 200px;
}

.bx_ol_sku_prop img {
    width: auto !important;
    height: auto !important;
    max-width: 50px !important;
    max-height: 50px !important;
    min-width: 0 !important;
    margin: 3px 3px 3px 0;
    padding: 1px;
    border: 1px solid gray;
}

.bx_ol_sku_prop td {
    padding: 1px 1px 10px 1px !important;
    border: 0px;
}

.bx_my_order_switch {
    margin-bottom: 15px;
    line-height: 30px;
}

.bx_my_order_switch .bx_mo_link {
    margin-right: 20px;
}


/* sale personal order component */

.sale-order-detail-back-to-list-link-up,
.sale-order-detail-back-to-list-link-down {
    display: block;
    padding: 19px 0 11px 0;
}

.sale-order-detail-back-to-list-link-down {
    padding: 19px 0 78px 0;
}

.sale-order-detail-title-element {
    margin: 0;
    font: 36px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-regular, 400);
    color: #262626;
}

.sale-order-detail-about-order,
.sale-order-detail-payment-options {
    margin-top: 20px;
}

.sale-order-detail-about-order-inner-container {
    padding: 17px 16px 22px 19px;
    border: 1px solid #efecec;
}

.sale-order-detail-about-order-inner-container-name-read-less,
.sale-order-detail-about-order-inner-container-name-read-more,
.sale-order-list-cancel-payment {
    margin: 29px 0 0 0;
    border-bottom: 1px dashed #337ab7;
    cursor: pointer;
}

.sale-order-detail-about-order-inner-container-name-read-less:hover,
.sale-order-detail-about-order-inner-container-name-read-more:hover,
.sale-order-detail-payment-options-methods-info-change-link:hover,
.sale-order-detail-show-link:hover,
.sale-order-detail-hide-link:hover,
.sale-order-list-cancel-payment:hover,
.sale-order-detail-about-order-inner-container-name-read-less:active,
.sale-order-detail-about-order-inner-container-name-read-more:active,
.sale-order-detail-payment-options-methods-info-change-link:active,
.sale-order-detail-show-link:active,
.sale-order-detail-hide-link:active,
.sale-order-list-cancel-payment:active,
.sale-order-detail-about-order-inner-container-name-read-less:visited,
.sale-order-detail-about-order-inner-container-name-read-more:visited,
.sale-order-detail-payment-options-methods-info-change-link:visited,
.sale-order-detail-show-link:visited,
.sale-order-detail-hide-link:visited,
.sale-order-list-cancel-payment:visited {
    text-decoration: none !important;
}

.sale-order-detail-about-order-inner-container-name-read-less {
    display: none;

}

.sale-order-detail-about-order-inner-container-name-read-more {
    display: inline-block;
}

.sale-order-detail-about-order-inner-container-name-read-less:after,
.sale-order-detail-about-order-inner-container-name-read-more:after,
.sale-order-detail-payment-options-methods-info-change-link:after,
.sale-order-detail-show-link:after,
.sale-order-detail-hide-link:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 4px;
    background: url(images/sale-personal-order-sprite.svg) no-repeat;
    vertical-align: middle;
}

.sale-order-detail-about-order-inner-container-name-read-less:after,
.sale-order-detail-hide-link:after {
    background-position: -1px -33px;
}

.sale-order-detail-hide-link:after,
.sale-order-detail-show-link:after,
.sale-order-detail-payment-options-methods-info-change-link:after {
    margin: 0 0 0 3px;
}

.sale-order-detail-about-order-inner-container-name-read-less:hover:after,
.sale-order-detail-hide-link:hover:after {
    background-position: -8px -33px;
}

.sale-order-detail-about-order-inner-container-name-read-more:after,
.sale-order-detail-payment-options-methods-info-change-link:after,
.sale-order-detail-show-link:after {
    background-position: -1px -39px;
}

.sale-order-detail-about-order-inner-container-name-read-more:hover:after,
.sale-order-detail-show-link:hover:after {
    background-position: -8px -39px;
}

.sale-order-detail-about-order-inner-container-name-detail,
.sale-order-detail-about-order-inner-container-status-detail,
.sale-order-detail-about-order-inner-container-price-detail {
    padding: 5px 0 0 0;
    font: var(--ui-font-weight-bold) 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #303030;
}

div.sale-order-detail-about-order-inner-container-repeat {
    padding-left: 0;
}

.sale-order-detail-about-order-inner-container-repeat-button {
    display: block;
    height: 38px;
    /*padding: 8px 4px 10px 4px;*/
    background: #70bb18;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font: var(--ui-font-weight-bold) 12px/38px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
}

.sale-order-detail-about-order-inner-container-repeat-cancel {
    display: block;
    padding: 7px 0 0 0;
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #9b9b9b;
    text-align: center;
    text-decoration: underline;
}

.sale-order-detail-about-order-inner-container-details-title {
    padding: 7px 0 10px 0;
    border-bottom: 1px solid #f2f2f2;
}

.sale-order-detail-about-order-inner-container-comments {
    margin-top: 35px;
}

.sale-order-detail-about-order-inner-container-details-list {
    padding: 0;
}

.sale-order-detail-about-order-inner-container-list-item {
    display: block;
    padding: 15px 0 0 0;
}

.sale-order-detail-about-order-inner-container-list-item-element {
    padding: 4px 0 0 0;
    font: var(--ui-font-weight-bold) 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #303030;
}

.sale-order-detail-about-order-inner-container-list-item-link {
    display: block;
    padding: 3px 0 0 0;
    font: var(--ui-font-weight-bold) 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4a90e2;
}

/* payment */

.sale-order-detail-payment-options-methods-container {
    position: relative;
    overflow: hidden;
}

.sale-order-detail-payment-options-methods-container:before {
    content: '';
    position: absolute;
    left: 33px;
    top: 0;
    bottom: 63px;
    width: 1px;
    height: 100%;
    background: #777f8a;
}

div.payment-options-methods-row {
    position: relative;
    padding: 0 0 0 69px;
    margin: 0 0 0 -15px;
    overflow: hidden;
}

div.payment-options-methods-row:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 34px;
    margin: -1px 0 0 0;
    height: 1px;
    width: 30px;
    background: #777f8a;
}

div.payment-options-methods-row:last-child:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 33px;
    bottom: 0;
    display: block;
    width: 1px;
    background: #fff;
}

.sale-order-detail-payment-options-inner-container {
    border: 1px solid #efecec;
}

div.sale-order-detail-payment-options-methods,
div.sale-order-detail-payment-options-shipment {
    padding: 20px 0 26px 0;
    border-top: 1px solid #f2f2f2;
    overflow: hidden;
}

div.sale-order-detail-payment-options-shipment-image-container,
div.sale-order-detail-payment-options-methods-image-container {
    text-align: center;
}

.sale-order-detail-payment-options-info {
    padding: 26px 15px 38px 15px;
}

.sale-order-detail-payment-options-info-image {
    display: inline-block;
    /*max-width: 46px;*/
    /*width: 46px;*/
    height: 54px;
    background: url("images/sale-personal-order-payment-options-order-number.svg") center no-repeat;
}

.sale-order-detail-payment-options-info-container {
    padding: 8px 0 0 6px !important;
}

.sale-order-detail-payment-options-info-order-number,
.sale-order-detail-payment-options-info-total-price {
    height: 21px;
    line-height: 21px;
    font: var(--ui-font-weight-bold) 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sale-order-detail-payment-options-info-total-price {
    font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-payment-options-method {
    position: relative;
}

.sale-order-detail-payment-options-methods-information-block {
    position: static;
    -webkit-transition: opacity .5s .3s ease;
    -moz-transition: opacity .5s .3s ease;
    transition: opacity .5s .3s ease;
    opacity: 1;

}

.sale-order-detail-payment-options-methods-image-element,
.sale-order-detail-payment-options-shipment-image-element {
    display: block;
    height: 51px;
    margin: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.sale-order-detail-payment-options-methods-info {
    padding-left: 5px !important;
}

.sale-order-detail-payment-options-methods-info-title,
.sale-order-detail-payment-options-methods-shipment-list-item-title {
    font: var(--ui-font-weight-bold) 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
}

.sale-order-detail-payment-options-shipment-button-element {
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4a90e2;
}

.sale-order-detail-payment-options-methods-info-title-status-alert,
.sale-order-detail-payment-options-methods-info-title-status-restricted,
.sale-order-detail-payment-options-methods-info-title-status-success {
    display: inline-block;
    padding: 4px 10px 5px 8px;
    border: 1px solid #eab3b9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background: #ffe5e8;
    font: var(--ui-font-weight-bold) 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #d0021b;
}

.sale-order-detail-payment-options-methods-info-title-status-success {
    background: #e3f0bd;
    border: 1px solid #bed277;
    color: #597707;
}

.sale-order-detail-payment-options-methods-info-title-status-restricted {
    background: #f3f4f5;
    border: 1px solid rgba(128, 134, 142, 0.20);
    color: #535c69;
}

.sale-order-detail-payment-options-methods-info-total-check,
.sale-order-detail-payment-options-methods-info-total-price {
    padding: 4px 0 0 0;
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-payment-options-methods-info-change-link {
    display: block;
    padding: 6px 0 0 0;
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.sale-order-detail-payment-options-methods-button-container {
    padding: 0 15px 0 0;
}

.sale-order-detail-payment-options-methods-info-total-check {
    width: 100%;
    float: left;
}

.sale-order-detail-sum-check-left {
    display: inline;
    float: left;
    padding-right: 5px;
}

.sale-order-detail-payment-options-methods-button-element,
.sale-order-detail-payment-options-methods-button-element-new-window {
    cursor: pointer;
    display: block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*max-width: 115px;*/
    background: #70bb18;
    color: #fff;
    font: var(--ui-font-weight-bold) 13px/38px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}

.sale-order-detail-about-order-inner-container-repeat-button:hover,
.sale-order-detail-payment-options-methods-button-element.active-button:hover,
.sale-order-detail-payment-options-methods-button-element-new-window:hover {
    color: #fff;
    background: #7bd314;
    -webkit-transition: background ease-out 0.5s;
    -moz-transition: background ease-out 0.5s;
    -ms-transition: background ease-out 0.5s;
    -o-transition: background ease-out 0.5s;
    transition: background ease-out 0.5s;
}

.sale-order-detail-about-order-inner-container-repeat-button:visited,
.sale-order-detail-payment-options-methods-button-element.active-button:visited,
.sale-order-detail-payment-options-methods-button-element-new-window:visited {
    color: #fff;
    text-decoration: none;
}

.sale-order-detail-payment-options-methods-template {
    /*display: none;*/
}

div.sale-order-detail-payment-options-methods-template {
    position: absolute;
    left: 1000px;
    padding: 24px 38px 24px 38px;
    margin: 0;
    border: 1px solid #3bc8f5;
    -webkit-transition: opacity .5s .3s ease;
    -moz-transition: opacity .5s .3s ease;
    transition: opacity .5s .3s ease;
    opacity: 0;
}

/* Active statement */
.sale-order-detail-active-event .sale-order-detail-payment-options-methods-template {
    position: relative;
    left: 0;
    opacity: 1;
}

.sale-order-detail-active-event .sale-order-detail-payment-options-methods-information-block {
    position: absolute;
    left: 1000px;
    opacity: 0;
}

.sale-order-detail-active-event .sale-order-detail-payment-options-methods-template.sale-paysystem-close {
    position: absolute;
    left: 1000px;
}

.inactive-button {
    background: #dff0d8;
}

.inactive-button:hover {
    color: #FFFFFF;
}

.sale-order-detail-payment-options-shipment-composition-item-product-container,
.sale-order-detail-payment-options-order-content-item-product-container {
    display: table;
    width: 100%;
    border-top: 1px solid #f2f2f2;
}

/* shipment */
.sale-order-detail-payment-options-methods-shipment-list {
    padding-left: 5px !important;
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    list-style: none;
}

.sale-order-detail-payment-options-methods-shipment-list-item {
    padding: 6px 0 0 0;
}

.sale-order-detail-payment-options-methods-shipment-list-item-link {
    padding: 16px 0 0 0;
}

.sale-order-detail-shipment-id {
    font-weight: var(--ui-font-weight-bold);
}

.sale-order-detail-shipment-id-icon {
    display: inline-block;
    width: 11px;
    height: 13px;
    background: url("images/sale-order-item-id-element.svg") center no-repeat;
    cursor: pointer;
}

.sale-order-payment-cancel {
    text-decoration: underline;
    cursor: pointer;
}

.sale-order-detail-show-link,
.sale-order-detail-hide-link,
.sale-order-detail-payment-options-methods-info-change-link {
    border-bottom: 1px dashed #337ab7;
    -webkit-transition: border-bottom .3s ease;
    -moz-transition: border-bottom .3s ease;
    transition: border-bottom .3s ease;
    cursor: pointer;
    display: inline;
}

.sale-order-detail-hide-link {
    display: none;
}

.sale-order-payment-cancel:hover,
.sale-order-detail-payment-options-methods-info-change-link:hover {
    text-decoration: none;
}

.sale-order-detail-payment-options-shipment-button-container {
    text-align: right;
}

.sale-order-detail-payment-options-shipment-button-element {
    display: block;
    text-decoration: underline;
}

.sale-order-detail-payment-options-shipment-composition-map {
    display: none;
}

.sale-order-detail-payment-options-shipment-composition-map-title {
    padding: 44px 0 8px 0;
    margin: 0;
    font: var(--ui-font-weight-bold) 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2f3435;
}

.sale-order-detail-payment-options-shipment-composition-map-container-map {
    width: 100%;
    min-height: 251px;
}

.sale-order-detail-payment-options-shipment-map-address {
    margin: 19px 0 39px 0;
}

.sale-order-detail-payment-options-shipment-map-address-title {
    font: var(--ui-font-weight-bold) 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2f3435;
}

.sale-order-detail-payment-options-shipment-map-address-element {
    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-payment-options-shipment-composition-item-product-image {
    display: inline-block;
    width: 51px;
    height: 55px;
    background: url("images/sale-order-detail-payment-options-shipment-composition-item-product-image.png") no-repeat;
    background-size: contain;
}

.sale-order-detail-payment-options-order-content-item-product-image {
    width: 97px;
    height: 105px;
    background: url("images/sale-order-detail-payment-options-order-content-item-product-image.png") no-repeat;
    background-size: contain;
}

.sale-order-detail-payment-options-shipment-composition-item-container {
    padding: 17px 20px 14px 17px;
    border: 1px solid #efecec;
}

.sale-order-detail-payment-options-shipment-composition-item,
.sale-order-detail-payment-options-shipment-composition-item-product-container {
    display: table;
    width: 100%;
}

.sale-order-detail-payment-options-order-content-item-product-image,
.sale-order-detail-payment-options-order-content-item-product-name,
.sale-order-detail-payment-options-order-content-item-product-cost,
.sale-order-detail-payment-options-order-content-item-product-amount,
.sale-order-detail-payment-options-order-content-item-product-total-price,
.sale-order-detail-payment-options-shipment-composition-item-title,
.sale-order-detail-payment-options-shipment-composition-item-product-image,
.sale-order-detail-payment-options-shipment-composition-item-product-name,
.sale-order-detail-payment-options-shipment-composition-item-product-amount,
.sale-order-detail-payment-options-order-content-item-title {
    display: table-cell;
    text-align: center;
}

.sale-order-detail-payment-options-shipment-composition-item-product-container {
    padding: 11px 0 13px !important;
}

.sale-order-detail-payment-options-shipment-composition-item-product-name,
.sale-order-detail-payment-options-shipment-composition-item-product-amount {
    line-height: 55px !important;
}

.sale-order-detail-payment-options-shipment-composition-item-product-name {
    padding: 0 0 0 18px !important;
}

.sale-order-detail-payment-options-shipment-composition-item-title {
    padding: 0 0 12px 0 !important;
}

.sale-order-detail-payment-options-order-content-item {
    display: table;
    width: 100%;
    padding: 19px 0 12px 0;
}

.sale-order-detail-total-payment {
    padding: 18px 0;
}

.sale-order-detail-total-payment-list-left,
.sale-order-detail-total-payment-list-right {
    list-style: none;
}

.sale-order-detail-total-payment-list-left-item {
    font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2f3435;
    text-align: right;
    list-style: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sale-order-detail-total-payment-list-right-item {
    height: 20px;
    line-height: 20px;
    font: var(--ui-font-weight-bold) 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2f3435;
    text-align: right;
}

/* colors grey */
.sale-order-detail-about-order-inner-container-list-item,
.sale-order-detail-about-order-inner-container-name-titile,
.sale-order-detail-about-order-inner-container-status-title,
.sale-order-detail-about-order-inner-container-price-title,
.sale-order-detail-payment-options-shipment-composition-item-title,
.sale-order-detail-payment-options-order-content-item-title {
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #888;
}

.sale-order-detail-about-order-inner-container-details {
    display: none;
}

.sale-order-detail-about-order-inner-container-details-title {
    font: var(--ui-font-weight-bold) 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #888;
}

/* titles */
.sale-order-detail-about-order-title,
.sale-order-detail-payment-options-title,
.sale-order-detail-payment-options-shipment-composition-title,
.sale-order-detail-payment-options-order-content-title,
.sale-order-detail-payment-options-order-content-title {
    background: #f2f2f2;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}

.sale-order-detail-about-order-title-element,
.sale-order-detail-payment-options-title-element,
.sale-order-detail-payment-options-shipment-composition-title-element,
.sale-order-detail-payment-options-order-content-title-element,
.sale-order-detail-general-item {
    margin: 11px 0 13px 0;
    font: var(--ui-font-weight-bold) 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2f3435;
}

/* General detail theme color */

.sale-order-detail-general {
    border: 1px solid #179ebb;
}

.sale-order-detail-general-head {
    background: #179ebb;
}

.sale-order-detail-general-item {
    display: inline-block;
    color: #fff;
}

.sale-order-detail-payment-options-order-content {
    margin-top: 20px;
}

.sale-order-detail-payment-options-order-content-inner-container {
    border: 1px solid #efecec;
}

.sale-order-detail-payment-options-shipment-composition-container {
    margin: 20px 0 45px;
}


.sale-order-detail-payment-inner-row-template {
    display: none;
    cursor: pointer;
    margin-top: 20px;
}

/* sale personal order ajax styles */
.sale-order-detail-order-section {
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
    border: 1px solid #e8e9eb;
}

.sale-order-detail-order-section.bx-step-completed {
    border: 1px solid #83CB1B;
}

.sale-order-detail-order-section-title-container {
    overflow: hidden;
    background: #f2f5f7;
    padding: 7px 0;
    font-size: calc(14px * var(--scale-factor, 1));
}

.sale-order-detail-order-section.bx-selected .sale-order-detail-order-section-title-container {
    padding: 15px;
}

.sale-order-detail-order-section.bx-step-completed .sale-order-detail-order-section-content,
.sale-order-detail-order-section.bx-selected .sale-order-detail-order-section-content {
    line-height: 18px;
}

/* Table */
.sale-order-detail-order-table-fade {
    position: relative;
}

.sale-order-detail-order-table-fade-left:before,
.sale-order-detail-order-table-fade-right:after {
    width: 15px;
}

.sale-order-detail-order-item-table {
    margin-bottom: 10px;
    min-width: 100%;
    display: table;
}

.sale-order-detail-order-item-tr {
    display: table-row;
}

.sale-order-detail-order-item-td {
    display: table-cell;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #e5e5e5;
}

.sale-order-detail-order-item-table .sale-order-detail-order-item-tr:first-child .sale-order-detail-order-item-td {
    border-top: none
}

.sale-order-detail-order-item-img-block {
    float: left;
    padding-right: 15px;
}

.bx-step-completed .sale-order-detail-order-item-img-block {
    width: 48px;
    padding-bottom: 10px;
}

.sale-order-detail-order-item-imgcontainer {
    border: 1px solid #c0cfd9;
    padding-top: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.sale-order-detail-order-item-title {
    font-weight: var(--ui-font-weight-bold);
    padding-bottom: 5px;
}

.sale-order-detail-order-item-td-title {
    line-height: 20px;
    color: #7c7c7c;
    padding-bottom: 3px;
    font-size: calc(12px * var(--scale-factor, 1));
}

.sale-order-detail-order-item-td-text {
    line-height: 25px;
    vertical-align: middle;
}

.sale-order-detail-order-item-properties .sale-order-detail-order-item-td-title,
.sale-order-detail-order-item-properties .sale-order-detail-order-item-td-text {
    text-align: center;
}

.sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-title,
.sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-text {
    text-align: right;
}

.sale-order-detail-order-item-td-text input[type="number"] {
    height: 25px;
    line-height: 20px;
}

.sale-order-detail-order-item-td-text .bx-price {
    white-spoce: nowrap;
}

.bx-price-old {
    white-spoce: nowrap;
    text-decoration: line-through;
    color: #B8B8B8;
    font-size: calc(13px * var(--scale-factor, 1));
}

.sale-order-detail-order-item-td-control {
    padding-bottom: 5px;
    font-size: calc(11px * var(--scale-factor, 1));
}

/* Advanced info */
.sale-order-detail-order-item-info-container {
    position: relative;
    height: 35px;
}

.sale-order-detail-order-item-info-container .sale-order-detail-order-item-td {
    border: none;
    position: absolute;
    /*left:20px;*/
    /*right:20px;*/
    /*padding:0 20px;*/
}

.sale-order-detail-order-item-info-container .sale-order-detail-order-item-info-block {
    height: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

.sale-order-detail-order-item-info-block.bx-active {
    padding-top: 10px;
    height: auto;
}

.sale-order-detail-order-info-block {
    border: none;
    max-width: 100%;
}

.sale-order-detail-order-info-line {
    line-height: 15px;
}

.sale-order-detail-order-info-title {
    color: #7c7c7c;
    font-size: calc(12px * var(--scale-factor, 1));
    padding: 4px 0;
    vertical-align: top;
}

.sale-order-detail-order-info-text {
    display: inline-block;
    font-size: calc(12px * var(--scale-factor, 1));
    padding: 4px 10px;
    vertical-align: top;
}

.sale-order-detail-order-item-color,
.sale-order-detail-order-item-size {
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #7c7c7c;
}

.sale-order-detail-status-restricted-message-block {
    padding-top: 10px;
}

.sale-order-detail-status-restricted-message {
    font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #9e9fa2;
}

/* Close icon */
.sale-paysystem-close {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 1;
}

.sale-paysystem-close-item {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(images/sale-personal-order-sprite.svg) 1px 1px no-repeat;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 1;
    cursor: pointer;
}

.sale-paysystem-close-item:hover {
    opacity: .5;
}

/* Media */

@media (max-width: 991px) {
    .sale-order-detail-order-item-table,
    .sale-order-detail-order-item-table > tbody,
    .sale-order-detail-order-item-tr,
    .sale-order-detail-order-item-td {
        display: block;
    }

    .sale-order-detail-order-item-tr.sale-order-detail-order-item-info-container,
    .sale-order-detail-order-item-tr .sale-order-detail-order-item-td {
        border: none;
    }

    .sale-order-detail-order-item-tr {
        border-top: 1px solid #e5e5e5;
        padding-bottom: 15px;
        padding-top: 10px;
        overflow: hidden;
    }

    .sale-order-detail-order-item-tr.sale-order-detail-order-item-tr-first {
        border: none;
    }

    .sale-order-detail-order-item-block {
        overflow: hidden;
    }

    .sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-title,
    .sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-text {
        text-align: center;
    }

    div.sale-order-detail-about-order-inner-container-repeat,
    div.sale-order-detail-payment-options-methods-button-container {
        padding: 0 15px;
    }

    .sale-order-detail-payment-options-shipment-button-container {
        margin: 20px 0 0 0;
        text-align: center;
    }
}

@media (min-width: 581px) and (max-width: 991px) {
    .sale-order-detail-order-item-properties {
        float: left;
        padding-bottom: 10px;
    }

    .sale-order-detail-order-item-td-title,
    .sale-order-detail-order-item-nth-4p1,
    .sale-order-detail-order-item-tr {
        clear: both;
    }

    .sale-order-detail-order-item-td.sale-order-detail-order-item-properties {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sale-order-detail-payment-options-methods-button-container {
        float: right;
    }

    .sale-order-detail-payment-options-methods-button-element {
        /*position: relative;*/
        /*max-width: 252px;*/
        /*width: 252px;*/
        /*right:0;*/
        /*top:0;*/
        display: block;
        padding: 8px 22px 10px 22px;
        margin: 15px 0 0 0;
        border-radius: 2px;
        background: #70bb18;
        color: #fff;
        font: var(--ui-font-weight-bold) 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-align: center;
        /*transform: translate(-6%, 35%);*/
        cursor: pointer;
    }
}

@media (max-width: 767px) {
    div.sale-order-detail-payment-options-methods-button-container {
        margin: 15px 0 0 0;
    }
}

@media (max-width: 580px) {
    .sale-order-detail-order-item-td {
        line-height: 17px;
    }

    .sale-order-detail-order-item-img-block {
        float: none;
        max-width: 160px;
        margin: 0 auto;
        padding-right: 0;
    }

    .sale-order-detail-order-section.bx-step-completed .sale-order-detail-order-item-img-block {
        float: left;
    }

    .sale-order-detail-order-item-content {
        padding-top: 15px;
    }

    .sale-order-detail-order-section.bx-step-completed .sale-order-detail-order-item-content {
        padding-top: 0;
    }

    .bx-scu-container {
        padding-top: 10px;
    }

    .sale-order-detail-order-item-td-title,
    .sale-order-detail-order-item-td-text {
        line-height: 20px;
        display: inline-block !important;
        padding: 2px 5px;
        text-align: left;
        vertical-align: middle;
        font-size: calc(13px * var(--scale-factor, 1));
    }

    .sale-order-detail-order-item-td-title:after {
        content: ":"
    }

    .sale-order-detail-order-item-properties {
        padding: 3px 0;
    }

    .sale-order-detail-order-item-title {
        text-align: center;
    }
}

@media (max-width: 580px) {
    .sale-order-detail-order-item-info-container .sale-order-detail-order-item-td {
        position: static;
        left: auto;
        right: auto;
        padding: 0;
    }

    .sale-order-detail-order-item-info-container {
        position: relative;
        height: auto !important;
        min-height: 0;
    }
}

@media (min-width: 580px) {
    .sale-order-detail-order-item-img-block {
        width: 85px;
        margin: 0;
    }
}

@media (max-width: 320px) {
    .sale-order-detail-order-item-img-block {
        max-width: 130px;
    }

    .sale-order-detail-order-item-td {
        min-width: auto !important;
        text-align: center;
    }

    .sale-order-detail-order-item-title {
        text-align: center;
    }

    .sale-order-detail-order-item-td-title {
        display: inline-block !important;
    }
}

@media (max-width: 768px) {
    .sale-order-detail-payment-options-methods-shipment-list,
    .sale-order-detail-payment-options-methods-info {
        padding-left: 15px !important;
    }

    .sale-order-detail-about-order-inner-container-price {
        margin: 15px 0;
    }

    .sale-order-detail-about-order-inner-container-repeat {
        margin: 15px;
    }

    .sale-order-detail-payment-options-info-order-number,
    .sale-order-detail-payment-options-info-total-price {
        height: auto;
    }

    .sale-order-detail-payment-options-shipment-button-element {
        text-align: center;
    }
}

@media (min-width: 580px) and (max-width: 768px) {
    .sale-order-detail-order-item-td-title, .sale-order-detail-order-item-td-text {
        display: inline-block !important;
    }
}

@media (min-width: 580px) {
    .sale-order-detail-order-item-td-title, .sale-order-detail-order-item-td-text {
        line-height: 20px;
        padding: 2px 5px;
        text-align: left;
        vertical-align: middle;
        font-size: calc(13px * var(--scale-factor, 1));
    }

    .sale-order-detail-order-item-properties {
        padding: 3px 0;
    }
}

@media (max-width: 320px) {
    .sale-order-detail-total-payment-list-left-item,
    .sale-order-detail-payment-options-info-total-price {
        font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .sale-order-detail-payment-options-info-order-number,
    .sale-order-detail-total-payment-list-right-item {
        font: var(--ui-font-weight-bold) 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .sale-order-detail-payment-options-info-image {
        display: none;
    }

    .sale-order-detail-payment-options-shipment-button-element {
        text-align: center;
    }
}

.order-detail .card-value {
    justify-content: space-between;
    height: 100%;
}

.order-detail .data-card {
    height: 132.91px;
    width: 280.31px;
}

.order-detail .data-card p {
    padding-bottom: 2.93px;
}

.order-detail .staus.success i {
    width: 5.86px;
    height: 5.86px;
    background: #22C55E;
    border-radius: 7330px;
    flex: none;
    order: 0;
    flex-grow: 0;

}

.order-detail .staus.success {
    font-style: normal;
    font-weight: 600;
    font-size: calc(10.263px * var(--scale-factor, 1));
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #15803D;
    flex: none;
    order: 0;
    flex-grow: 0;

    box-sizing: border-box;
    padding: 8.79688px 0px 0px;
    gap: 5.86px;
    border-top: 0.733073px solid #F9FAFB;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.order-detail_header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    height: 41.93px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 17.59px;
}

.order-detail_header .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 2.93px;
    height: 41.93px;

}

.order-detail_header .info .date {
    font-style: normal;
    font-weight: 400;
    font-size: calc(10.263px * var(--scale-factor, 1));
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #6B7280;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.order-detail_header .info .id .id-name {
    font-style: normal;
    font-weight: 700;
    font-size: calc(17.5938px * var(--scale-factor, 1));
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #111827;
    flex: none;
    order: 0;
    flex-grow: 0;

}

.order-detail_header .info .id {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8.79px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.order-detail_header .info .id .order-status[data-status="F"] {
    background: #F3F4F6;
    color: #374151;
}

.order-detail_header .info .id .order-status[data-status="N"] {
    background: #FEFCE8;
    color: #A16207;
}

.order-detail_header .info .id .order-status[data-status="G"] {
    background: #DBEAFE;
    color: #1D4ED8;
}

.order-detail_header .info .id .order-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.93229px 7.33073px;
    border-radius: 2.93229px;
    flex: none;
    order: 1;
    flex-grow: 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(8.79688px * var(--scale-factor, 1));
    line-height: 12px;
    flex: none;
    flex-grow: 0;
    text-align: center;
    text-transform: uppercase;
    background: #F3F4F6;
    color: #374151;
}

.order-detail_header .order-actions {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 8.8px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.sale-order-detail_header .counter {
    height: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: calc(10.263px * var(--scale-factor, 1));
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #6B7280;
    flex: none;
    order: 0;
    flex-grow: 0;

}

.sale-order-detail_header .title {
    height: 21px;
    font-style: normal;
    font-weight: 700;
    font-size: calc(13.1953px * var(--scale-factor, 1));
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #111827;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.sale-order-detail_header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 11.7292px 17.5938px;
    /*gap: 686.16px;*/
    height: 45.19px;
    background: #F9FAFB;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-top: 18.33px;
}

.sale-order-detail_items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 17.5938px;
    gap: 17.59px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.sale-order-detail_item_img {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5.86458px;
    width: 58.65px;
    height: 58.65px;
    background-color: #FFFFFF;
    border: 0.733073px solid #F3F4F6;
    border-radius: 5.86458px;
    flex: none;
    flex-grow: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sale-order-detail_item_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 2.93px;
    flex-grow: 1;
}

.sale-order-detail_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 17.59px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.sale-order-detail_item_price .price {
    font-style: normal;
    font-weight: 400;
    font-size: calc(10.263px * var(--scale-factor, 1));
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #6B7280;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.sale-order-detail_item_price .total_price {
    font-style: normal;
    font-weight: 700;
    font-size: calc(13.1953px * var(--scale-factor, 1));
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #111827;
    flex: none;
    order: 0;
    flex-grow: 0;

}

.sale-order-detail_item_price {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0px;
    gap: 2.93px;
    flex: none;
    order: 2;
    flex-grow: 0;
}

.sale-order-detail_item_info .name {
    font-style: normal;
    font-weight: 600;
    font-size: calc(10.9961px * var(--scale-factor, 1));
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #111827;

}

.sale-order-detail_items hr {
    box-sizing: border-box;
    height: 0.73px;
    border-top: 0.733073px solid #F3F4F6;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 0;

}

.sale-order-detail_items hr:last-child {
    display: none;
}

.sale-order-detail_footer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 14.6615px 17.5938px;
    gap: 2.93px;
    background: #F9FAFB;
    border-top: 0.733073px solid #F3F4F6;
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
}

/*.sale-order-detail_footer .items-price, .sale-order-detail_footer .total-price {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    justify-content: space-between;*/
/*    align-items: flex-start;*/
/*    padding: 0px;*/
/*    gap: 63.45px;*/
/*    flex: none;*/
/*    order: 0;*/
/*    flex-grow: 0;*/
/*}*/

.sale-order-detail_footer .total-price {
    font-style: normal;
    font-weight: 700;
    font-size: calc(13.1953px * var(--scale-factor, 1));
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #111827;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}

.grid span:nth-child(odd) {
    text-align: left;
}

.grid span {
    width: 100%;
    display: block !important;
    text-align: right;
}

.sale-order-detail_footer .items-price {
    font-style: normal;
    font-weight: 400;
    font-size: calc(10.263px * var(--scale-factor, 1));
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #4B5563;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.order-haider {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px 11.8229px;
    height: 57.43px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    border-bottom: 0.74px solid #F3F4F6;
    width: 100%;
}

.order-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 17.7344px;
    gap: 11.82px;
    width: 100%;
    height: 180.31px;
    background: #FFFFFF;
    border: 0.738932px solid #F3F4F6;
    box-shadow: 0px 0.738932px 1.47786px rgba(0, 0, 0, 0.05);
    border-radius: 8.86719px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;

}

.order-id {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: calc(13.3008px * var(--scale-factor, 1));
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #111827;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.order-info_name {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8.87px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.order-date {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: calc(10.3451px * var(--scale-factor, 1));
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #6B7280;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.order-price_title {
    font-style: normal;
    font-weight: 400;
    font-size: calc(10.3451px * var(--scale-factor, 1));
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #6B7280;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.order-price_value {
    font-style: normal;
    font-weight: 700;
    font-size: calc(14.7786px * var(--scale-factor, 1));
    line-height: 21px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #111827;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.order-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0px;
    gap: 1.48px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.order-status {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2.9224px 7.306px;
    gap: 4.38px;
    height: 20.84px;
    background: #F3F4F6;
    border-radius: 4.3836px;
    flex: none;
    flex-grow: 0;
    /* Выполнен */
    font-style: normal;
    font-weight: 700;
    font-size: calc(10.2284px * var(--scale-factor, 1));
    line-height: 15px;
    color: #374151;
    flex: none;
    flex-grow: 0;
    width: max-content;
}

.order-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 5.84px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.order-actions {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 5.85px;
    flex: none;
    flex-grow: 0;
}

.order-items_row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 6px 5.8448px;
    width: fit-content;
    height: 52.6px;
    overflow-y: auto;
    overflow-x: hidden;
    gap: 8.77px;
    align-self: stretch;
    flex-wrap: wrap;
    max-width: 450px;
}

.order-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    isolation: isolate;
    width: 46.76px;
    height: 46.76px;
    border: 0.7306px solid #F3F4F6;
    border-radius: 5.8448px;
    flex: none;
    flex-grow: 0;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.order-card[data-status="N"] {
    border: 0.7306px solid #FEF08A;
    box-shadow: -2.92px 0px 1.4612px #FEF08A;
    border-radius: 8.7672px;
}

.order-card[data-status="N"] .order-status {
    background: #FEFCE8;
    border: 0.7306px solid #FEF9C3;
    color: #A16207;
}

.order-card[data-status="G"] .order-status {
    background: #FEF2F2;
    font-style: normal;
    font-weight: 700;
    font-size: calc(10.2284px * var(--scale-factor, 1));
    line-height: 15px;
    color: #2563EB;
}

.order-card[data-status="G"] .order-status .icon {
    width: 5.84px;
    height: 5.84px;
    background: #2563EB;
    border-radius: 100%;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.order-card[data-status="F"] .order-status .icon {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 11.69px;
    height: 11.69px;
    background-image: url('data:image/svg+xml,%3Csvg width=\'12\' height=\'12\' viewBox=\'0 0 12 12\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M10.2286 5.19016V9.25424C10.2286 9.5126 10.126 9.76037 9.9433 9.94306C9.76062 10.1257 9.51284 10.2284 9.25449 10.2284H2.43556C2.1772 10.2284 1.92943 10.1257 1.74674 9.94306C1.56406 9.76037 1.46143 9.5126 1.46143 9.25424V2.43531C1.46143 2.17696 1.56406 1.92918 1.74674 1.7465C1.92943 1.56381 2.1772 1.46118 2.43556 1.46118H8.44791\' stroke=\'%236B7280\' stroke-width=\'0.974133\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3Cpath d=\'M4.38379 5.35771L5.84499 6.81891L10.7157 1.94824\' stroke=\'%236B7280\' stroke-width=\'0.974133\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3C/svg%3E');
    flex: none;
    order: 0;
    flex-grow: 0;

}

.order-card[data-status="N"] .order-status .icon {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 11.69px;
    height: 11.69px;
    flex: none;
    order: 0;
    flex-grow: 0;
    background-image: url('data:image/svg+xml,%3Csvg width=\'12\' height=\'12\' viewBox=\'0 0 12 12\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg clip-path=\'url(%23clip0_14_227)\'%3E%3Cpath d=\'M5.84479 10.7155C8.53478 10.7155 10.7154 8.53484 10.7154 5.84485C10.7154 3.15485 8.53478 0.974182 5.84479 0.974182C3.15479 0.974182 0.974121 3.15485 0.974121 5.84485C0.974121 8.53484 3.15479 10.7155 5.84479 10.7155Z\' stroke=\'%23A16207\' stroke-width=\'0.974133\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3Cpath d=\'M5.84473 2.92242V5.84482L7.79299 6.81896\' stroke=\'%23A16207\' stroke-width=\'0.974133\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_14_227\'%3E%3Crect width=\'11.6896\' height=\'11.6896\' fill=\'white\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.main-order-block-shown {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 11.69px;
    align-self: stretch;
    width: 100%;
}

.order-summary {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 17.53px;
    height: 73.45px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.order-item .qality {
    padding: 1.4612px 4.3836px;
    isolation: isolate;
    position: absolute;
    right: -5.48px;
    bottom: -5.11px;
    background: #1F2937;
    border-radius: 4.3836px;
    flex: none;
    flex-grow: 0;
    z-index: 1;
    font-style: normal;
    font-weight: 700;
    font-size: calc(7.306px * var(--scale-factor, 1));
    line-height: 11px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    flex: none;
    flex-grow: 0;
}


.order-filter {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 0px 0px 17.5344px;
    align-self: stretch;
    flex-wrap: nowrap;
    border-bottom: 1px solid #E5E7EB;
    gap: 17.53px;
}

.order-filter .order-filter_btn {
    display: flex;
    flex-direction: row;
    padding: 0px 2.9224px 8.7672px;
    gap: 2.92px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    font-style: normal;
    font-weight: 600;
    font-size: calc(10.2284px * var(--scale-factor, 1));
    line-height: 15px;
    align-items: center;
    color: #6B7280;
    flex: none;
    flex-grow: 0;
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: -1px;
}

.order-filter .order-filter_btn.active {
    color: #E82E46;
    border-color: #E82E46;
}

.order-filter .order-filter_btn .counter {
    font-style: normal;
    font-weight: 400;
    font-size: calc(8.7672px * var(--scale-factor, 1));
    line-height: 12px;
    display: flex;
    align-items: center;
    color: #6B7280;
    margin-left: 2px;
}

.order-filter .order-filter_btn.delivery .counter {
    flex-direction: row;
    padding: 1.8265px 4.3836px;
    width: fit-content;
    height: fit-content;
    background: #DBEAFE;
    border-radius: 100%;
    flex: none;
    order: 1;
    flex-grow: 0;
    font-style: normal;
    font-weight: 600;
    font-size: calc(8.7672px * var(--scale-factor, 1));
    line-height: 12px;
    display: flex;
    align-items: center;
    color: #1D4ED8;
}

.order-filter .order-filter_btn.payment .counter {
    display: flex;
    flex-direction: row;
    padding: 1.8265px 4.3836px;
    width: fit-content;
    height: fit-content;
    background: #FEF9C3;
    border-radius: 100%;
    flex: none;
    order: 1;
    flex-grow: 0;
    font-style: normal;
    font-weight: 600;
    font-size: calc(8.7672px * var(--scale-factor, 1));
    line-height: 12px;
    align-items: center;
    color: #A16207;
}


.container {
    box-sizing: border-box;
}

.container.account {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.container.account a {
    text-decoration: none !important;
}

/*.bb-section-h1 .title {*/
/*    display: none;*/
/*}*/

/* Шапка профиля */
.sidebar-profile {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 14.7786px;
    gap: 11.82px;
    width: 220.79px;
    height: 65.76px;
    background: var(--lk-account-backraund-other);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;

}

.avatar-circle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 35.47px;
    height: 35.47px;
    background: #E82E46;
    box-shadow: 0px 0.738932px 1.47786px rgba(0, 0, 0, 0.05);
    border-radius: 7388.58px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.avatar-initials {
    width: 22px;
    height: 21px;
    font-style: normal;
    font-weight: 700;
    font-size: calc(13.3008px * var(--scale-factor, 1));
    line-height: 21px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.sidebar-user {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 2.96px;
    width: 143px;
    height: 29.96px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.sidebar-user-name {
    font-style: normal;
    font-weight: 700;
    font-size: calc(11.8229px * var(--scale-factor, 1));
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #111827;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.sidebar-user-id {
    font-style: normal;
    font-weight: 400;
    font-size: calc(8.86719px * var(--scale-factor, 1));
    line-height: 12px;
    display: flex;
    align-items: center;
    color: #6B7280;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.sidebar .menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5.91146px;
    width: 220.79px;
    height: min-content;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

/* Основной контент с двумя колонками */
.main-layout {
    display: flex;
    min-height: 600px;
    gap: 17.73px;
}

/* Левое меню */
.sidebar {
    width: 222.27px;
    border: 1px solid #f0f0f5;
    border-radius: 8.87px;
    height: min-content;
}

.menu-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8.86719px 11.8229px;
    gap: 8.87px;
    width: 208.97px;
    height: 35.73px;
    border-radius: 5.91146px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    position: relative;
}

.menu-item .name {
    font-style: normal;
    font-weight: 600;
    font-size: calc(11.8229px * var(--scale-factor, 1));
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #374151;
    flex: none;
    order: 1;
    flex-grow: 0;

}

.menu-item.active {
    background: var(--lk-active-background);
    border-radius: 5.91146px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.menu-item.active .name {
    color: var(--lk-active-color);
}

.menu-icon {
    width: 14.66px;
    height: 14.66px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: filter 0.2s ease;
    position: relative;
}

.menu-item.active .menu-icon {
    filter: brightness(0) saturate(100%) invert(19%) sepia(90%) saturate(4236%) hue-rotate(337deg) brightness(92%) contrast(101%);
}

.i-main {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.47966%201.82642H2.43549C2.09924%201.82642%201.82666%202.099%201.82666%202.43525V6.69708C1.82666%207.03333%202.09924%207.30591%202.43549%207.30591H5.47966C5.81591%207.30591%206.08849%207.03333%206.08849%206.69708V2.43525C6.08849%202.099%205.81591%201.82642%205.47966%201.82642Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.21767%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12.1764%201.82642H9.13227C8.79602%201.82642%208.52344%202.099%208.52344%202.43525V4.26175C8.52344%204.598%208.79602%204.87058%209.13227%204.87058H12.1764C12.5127%204.87058%2012.7853%204.598%2012.7853%204.26175V2.43525C12.7853%202.099%2012.5127%201.82642%2012.1764%201.82642Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.21767%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12.1764%207.30591H9.13227C8.79602%207.30591%208.52344%207.57849%208.52344%207.91474V12.1766C8.52344%2012.5128%208.79602%2012.7854%209.13227%2012.7854H12.1764C12.5127%2012.7854%2012.7853%2012.5128%2012.7853%2012.1766V7.91474C12.7853%207.57849%2012.5127%207.30591%2012.1764%207.30591Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.21767%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.47966%209.74127H2.43549C2.09924%209.74127%201.82666%2010.0139%201.82666%2010.3501V12.1766C1.82666%2012.5129%202.09924%2012.7854%202.43549%2012.7854H5.47966C5.81591%2012.7854%206.08849%2012.5129%206.08849%2012.1766V10.3501C6.08849%2010.0139%205.81591%209.74127%205.47966%209.74127Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.21767%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.i-order {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.16667%2018.1084C9.42003%2018.2546%209.70744%2018.3316%2010%2018.3316C10.2926%2018.3316%2010.58%2018.2546%2010.8333%2018.1084L16.6667%2014.775C16.9198%2014.6289%2017.13%2014.4188%2017.2763%2014.1657C17.4225%2013.9127%2017.4997%2013.6256%2017.5%2013.3334V6.66669C17.4997%206.37442%2017.4225%206.08736%2017.2763%205.83432C17.13%205.58128%2016.9198%205.37116%2016.6667%205.22502L10.8333%201.89169C10.58%201.74541%2010.2926%201.6684%2010%201.6684C9.70744%201.6684%209.42003%201.74541%209.16667%201.89169L3.33333%205.22502C3.08022%205.37116%202.86998%205.58128%202.72372%205.83432C2.57745%206.08736%202.5003%206.37442%202.5%206.66669V13.3334C2.5003%2013.6256%202.57745%2013.9127%202.72372%2014.1657C2.86998%2014.4188%203.08022%2014.6289%203.33333%2014.775L9.16667%2018.1084Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2018.3333V10%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2.7417%205.83331L10%209.99998L17.2584%205.83331%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.25%203.55835L13.75%207.85002%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.i-favorite {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.66675%207.91668C1.66677%206.98935%201.94808%206.08383%202.47353%205.31973C2.99898%204.55563%203.74385%203.96889%204.60976%203.63701C5.47567%203.30513%206.42188%203.24372%207.32343%203.46088C8.22497%203.67805%209.03944%204.16358%209.65925%204.85335C9.7029%204.90002%209.75568%204.93724%209.81431%204.96268C9.87294%204.98812%209.93617%205.00125%2010.0001%205.00125C10.064%205.00125%2010.1272%204.98812%2010.1859%204.96268C10.2445%204.93724%2010.2973%204.90002%2010.3409%204.85335C10.9588%204.1591%2011.7734%203.66949%2012.6764%203.44968C13.5795%203.22988%2014.528%203.2903%2015.3958%203.62292C16.2636%203.95553%2017.0096%204.54456%2017.5343%205.3116C18.0591%206.07864%2018.3378%206.98731%2018.3334%207.91668C18.3334%209.82501%2017.0834%2011.25%2015.8334%2012.5L11.2567%2016.9275C11.1015%2017.1059%2010.91%2017.2491%2010.6951%2017.3478C10.4802%2017.4464%2010.2468%2017.4982%2010.0103%2017.4997C9.77386%2017.5012%209.53979%2017.4524%209.32365%2017.3565C9.10752%2017.2605%208.91427%2017.1197%208.75675%2016.9433L4.16675%2012.5C2.91675%2011.25%201.66675%209.83335%201.66675%207.91668Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.i-docs {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.99992%2018.3334C4.55789%2018.3334%204.13397%2018.1578%203.82141%2017.8452C3.50885%2017.5326%203.33325%2017.1087%203.33325%2016.6667V3.33336C3.33325%202.89133%203.50885%202.46741%203.82141%202.15484C4.13397%201.84228%204.55789%201.66669%204.99992%201.66669H11.6666C11.9304%201.66626%2012.1917%201.71802%2012.4354%201.819C12.6791%201.91997%2012.9004%202.06816%2013.0866%202.25502L16.0766%205.24502C16.264%205.43128%2016.4126%205.65281%2016.5138%205.89682C16.6151%206.14084%2016.667%206.4025%2016.6666%206.66669V16.6667C16.6666%2017.1087%2016.491%2017.5326%2016.1784%2017.8452C15.8659%2018.1578%2015.4419%2018.3334%2014.9999%2018.3334H4.99992Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.6667%201.66669V5.83335C11.6667%206.05437%2011.7545%206.26633%2011.9108%206.42261C12.0671%206.57889%2012.2791%206.66669%2012.5001%206.66669H16.6667%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.33341%207.5H6.66675%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M13.3334%2010.8333H6.66675%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M13.3334%2014.1667H6.66675%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.66667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.i-profile {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.6997%2012.9313V11.6997C11.6997%2011.0465%2011.4402%2010.42%2010.9783%209.95806C10.5164%209.49614%209.88988%209.23663%209.23663%209.23663H5.54197C4.88871%209.23663%204.26221%209.49614%203.80028%209.95806C3.33836%2010.42%203.07886%2011.0465%203.07886%2011.6997V12.9313%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.23155%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7.38926%206.77357C8.74959%206.77357%209.85236%205.6708%209.85236%204.31046C9.85236%202.95012%208.74959%201.84735%207.38926%201.84735C6.02892%201.84735%204.92615%202.95012%204.92615%204.31046C4.92615%205.6708%206.02892%206.77357%207.38926%206.77357Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%221.23155%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.i-logout {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.85242%2010.4682L12.9313%207.38931L9.85242%204.31042%22%20stroke%3D%22%236B7280%22%20stroke-width%3D%221.23155%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12.9313%207.38934H5.54199%22%20stroke%3D%22%236B7280%22%20stroke-width%3D%221.23155%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.54195%2012.9313H3.07884C2.75222%2012.9313%202.43896%2012.8016%202.208%2012.5706C1.97704%2012.3397%201.84729%2012.0264%201.84729%2011.6998V3.0789C1.84729%202.75228%201.97704%202.43903%202.208%202.20806C2.43896%201.9771%202.75222%201.84735%203.07884%201.84735H5.54195%22%20stroke%3D%22%236B7280%22%20stroke-width%3D%221.23155%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.i-delivery {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_13_212)'%3E%3Cpath d='M6.84163 8.79685V2.93226C6.84163 2.67303 6.73866 2.42442 6.55535 2.24112C6.37205 2.05781 6.12343 1.95483 5.8642 1.95483H1.95448C1.69525 1.95483 1.44664 2.05781 1.26333 2.24112C1.08003 2.42442 0.977051 2.67303 0.977051 2.93226V8.30813C0.977051 8.43775 1.02854 8.56206 1.12019 8.65371C1.21184 8.74536 1.33615 8.79685 1.46577 8.79685H2.4432' stroke='%239CA3AF' stroke-width='0.977431' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.33073 8.79688H4.39844' stroke='%239CA3AF' stroke-width='0.977431' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.28537 8.79682H10.2628C10.3924 8.79682 10.5167 8.74533 10.6084 8.65368C10.7 8.56203 10.7515 8.43772 10.7515 8.30811V6.5243C10.7513 6.41339 10.7134 6.30584 10.644 6.21934L8.94327 4.09343C8.89757 4.03619 8.83958 3.98995 8.77359 3.95815C8.70761 3.92634 8.63532 3.90977 8.56207 3.90967H6.8418' stroke='%239CA3AF' stroke-width='0.977431' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.308 9.77432C8.84782 9.77432 9.28543 9.33671 9.28543 8.79689C9.28543 8.25707 8.84782 7.81946 8.308 7.81946C7.76818 7.81946 7.33057 8.25707 7.33057 8.79689C7.33057 9.33671 7.76818 9.77432 8.308 9.77432Z' stroke='%239CA3AF' stroke-width='0.977431' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.42079 9.77432C3.96061 9.77432 4.39822 9.33671 4.39822 8.79689C4.39822 8.25707 3.96061 7.81946 3.42079 7.81946C2.88097 7.81946 2.44336 8.25707 2.44336 8.79689C2.44336 9.33671 2.88097 9.77432 3.42079 9.77432Z' stroke='%239CA3AF' stroke-width='0.977431' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_13_212'%3E%3Crect width='11.7292' height='11.7292' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.i-payment {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_13_230)'%3E%3Cpath d='M9.77442 2.44348H1.95497C1.41515 2.44348 0.977539 2.88109 0.977539 3.42091V8.30807C0.977539 8.84789 1.41515 9.2855 1.95497 9.2855H9.77442C10.3142 9.2855 10.7518 8.84789 10.7518 8.30807V3.42091C10.7518 2.88109 10.3142 2.44348 9.77442 2.44348Z' stroke='%239CA3AF' stroke-width='0.977431' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.977539 4.88721H10.7518' stroke='%239CA3AF' stroke-width='0.977431' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_13_230'%3E%3Crect width='11.7292' height='11.7292' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.i-user {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_13_251)'%3E%3Cpath d='M7.81939 9.77429V1.95485C7.81939 1.69562 7.71641 1.447 7.53311 1.2637C7.3498 1.0804 7.10119 0.977417 6.84196 0.977417H4.8871C4.62787 0.977417 4.37925 1.0804 4.19595 1.2637C4.01265 1.447 3.90967 1.69562 3.90967 1.95485V9.77429' stroke='%239CA3AF' stroke-width='0.977431' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.77442 2.93225H1.95497C1.41515 2.93225 0.977539 3.36986 0.977539 3.90968V8.79683C0.977539 9.33665 1.41515 9.77427 1.95497 9.77427H9.77442C10.3142 9.77427 10.7518 9.33665 10.7518 8.79683V3.90968C10.7518 3.36986 10.3142 2.93225 9.77442 2.93225Z' stroke='%239CA3AF' stroke-width='0.977431' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_13_251'%3E%3Crect width='11.7292' height='11.7292' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.i-repeat {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 11.69px;
    height: 11.69px;
    flex: none;
    order: 0;
    flex-grow: 0;
    background-image: url('data:image/svg+xml,%3Csvg width=\'12\' height=\'12\' viewBox=\'0 0 12 12\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M1.46143 5.84481C1.46143 4.68221 1.92327 3.56722 2.74535 2.74514C3.56744 1.92305 4.68242 1.46121 5.84502 1.46121C7.07051 1.46582 8.24676 1.944 9.12785 2.79577L10.2286 3.89654\' stroke=\'%23111827\' stroke-width=\'0.974133\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3Cpath d=\'M10.2288 1.46121V3.89654H7.79346\' stroke=\'%23111827\' stroke-width=\'0.974133\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3Cpath d=\'M10.2286 5.84485C10.2286 7.00745 9.76678 8.12244 8.94469 8.94452C8.12261 9.7666 7.00763 10.2284 5.84502 10.2284C4.61954 10.2238 3.44328 9.74565 2.5622 8.89388L1.46143 7.79311\' stroke=\'%23111827\' stroke-width=\'0.974133\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3Cpath d=\'M3.89676 7.79309H1.46143V10.2284\' stroke=\'%23111827\' stroke-width=\'0.974133\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3C/svg%3E');
}

.menu-hr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5.91146px 11.8229px;
    width: 100%;
    height: 12.56px;
    flex: none;
    order: 5;
    align-self: stretch;
    flex-grow: 0;
    margin: 0;
    box-sizing: border-box;
}

.menu-item.logout {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8.86719px 11.8229px;
    gap: 8.87px;
    width: 208.97px;
    height: 35.73px;
    border-radius: 5.91146px;
    flex: none;
    order: 6;
    align-self: stretch;
    flex-grow: 0;
}

/* Правая область */
.account .content {
    flex: 1;
    padding: 10px 0;
    background: white;
    width: 871.35px;
}

.section-title {
    font-style: normal;
    font-weight: 700;
    font-size: calc(17.7344px * var(--scale-factor, 1));
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #111827;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 11.82px;
}

/* Карточки данных */
.data-grid {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
    gap: 11.82px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.data-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 14.7786px;
    isolation: isolate;
    width: 282.56px;
    height: 105.81px;
    background: #FFFFFF;
    border: 0.738932px solid #F3F4F6;
    box-shadow: 0px 0.738932px 1.47786px rgba(0, 0, 0, 0.05);
    border-radius: 8.86719px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.card-label {
    display: flex;
    flex-direction: row;
    padding: 0px;
    gap: 5.91px;
    height: 12px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(8.86719px * var(--scale-factor, 1));
    line-height: 12px;
    align-items: center;
    letter-spacing: 0.443359px;
    text-transform: uppercase;
    color: #9CA3AF;
    order: 0;
    flex: none;
    flex-grow: 0;
    margin-bottom: 8.87px;
}

.card-label .icon {
    width: 11.82px;
    height: 11.82px;
    flex: none;
    order: 0;
    flex-grow: 0;
    background-size: cover;
    background-position: center;
}

.i-account {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_6_479)%22%3E%3Cpath%20d%3D%22M5.91145%2010.8377C8.63212%2010.8377%2010.8377%208.63212%2010.8377%205.91145C10.8377%203.19077%208.63212%200.985229%205.91145%200.985229C3.19077%200.985229%200.985229%203.19077%200.985229%205.91145C0.985229%208.63212%203.19077%2010.8377%205.91145%2010.8377Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%220.985243%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.91146%206.40397C6.72766%206.40397%207.38932%205.74231%207.38932%204.92611C7.38932%204.1099%206.72766%203.44824%205.91146%203.44824C5.09526%203.44824%204.43359%204.1099%204.43359%204.92611C4.43359%205.74231%205.09526%206.40397%205.91146%206.40397Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%220.985243%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.44836%2010.1785V9.35975C3.44836%209.09845%203.55217%208.84785%203.73694%208.66308C3.9217%208.47831%204.1723%208.37451%204.43361%208.37451H7.38934C7.65064%208.37451%207.90124%208.47831%208.08601%208.66308C8.27078%208.84785%208.37458%209.09845%208.37458%209.35975V10.1785%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%220.985243%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_6_479%22%3E%3Crect%20width%3D%2211.8229%22%20height%3D%2211.8229%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.i-document-small {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_6_499)%22%3E%3Cpath%20d%3D%22M7.88189%209.85242V1.97047C7.88189%201.70917%207.77809%201.45857%207.59332%201.2738C7.40855%201.08903%207.15795%200.985229%206.89665%200.985229H4.92616C4.66486%200.985229%204.41426%201.08903%204.22949%201.2738C4.04472%201.45857%203.94092%201.70917%203.94092%201.97047V9.85242%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%220.985243%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.85242%202.95569H1.97047C1.42634%202.95569%200.985229%203.3968%200.985229%203.94093V8.86715C0.985229%209.41128%201.42634%209.85239%201.97047%209.85239H9.85242C10.3966%209.85239%2010.8377%209.41128%2010.8377%208.86715V3.94093C10.8377%203.3968%2010.3966%202.95569%209.85242%202.95569Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%220.985243%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_6_499%22%3E%3Crect%20width%3D%2211.8229%22%20height%3D%2211.8229%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.i-address {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_6_518)%22%3E%3Cpath%20d%3D%22M9.8524%204.9262C9.8524%207.38586%207.12377%209.94749%206.2075%2010.7386C6.12214%2010.8028%206.01823%2010.8375%205.91143%2010.8375C5.80463%2010.8375%205.70073%2010.8028%205.61537%2010.7386C4.69909%209.94749%201.97046%207.38586%201.97046%204.9262C1.97046%203.88099%202.38567%202.87859%203.12474%202.13951C3.86382%201.40044%204.86622%200.985229%205.91143%200.985229C6.95664%200.985229%207.95904%201.40044%208.69812%202.13951C9.4372%202.87859%209.8524%203.88099%209.8524%204.9262Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%220.985243%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.91146%206.40397C6.72766%206.40397%207.38932%205.74231%207.38932%204.92611C7.38932%204.1099%206.72766%203.44824%205.91146%203.44824C5.09526%203.44824%204.43359%204.1099%204.43359%204.92611C4.43359%205.74231%205.09526%206.40397%205.91146%206.40397Z%22%20stroke%3D%22%239CA3AF%22%20stroke-width%3D%220.985243%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_6_518%22%3E%3Crect%20width%3D%2211.8229%22%20height%3D%2211.8229%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.menu-item .count {
    flex-direction: column;
    padding: 1.4612px 5.8448px;
    width: 16.69px;
    height: 16.69px;
    background: #FFCC00;
    border-radius: 100%;
    position: absolute;
    right: 10px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: calc(7.306px * var(--scale-factor, 1));
    line-height: 11px;
    display: flex;
    align-items: center;
    color: #111827;
    flex: none;
    order: 0;
    flex-grow: 0;
    justify-content: center;
}

.card-value strong {
    width: 100%;
    /*height: 18px;*/
    font-style: normal;
    font-weight: 700;
    font-size: calc(11.8229px * var(--scale-factor, 1));
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #111827;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    padding-bottom: 2.93px;
    height: fit-content;
}

.card-value p {
    margin: 0;
    font-style: normal;
    font-weight: 400;
    font-size: calc(10.3451px * var(--scale-factor, 1));
    line-height: 15px;
    align-items: center;
    color: #4B5563;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    /* Запрещаем перенос строк */
    /* Прячем выходящий текст */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Количество строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-value {
    display: flex;
    gap: 2.96px;
    flex-direction: column;
}

.phone, .email {
    color: #0047ab;
    text-decoration: none;
    display: block;
}

.company-details {
    font-size: calc(14px * var(--scale-factor, 1));
    color: #3a4b5e;
}

.inn {
    color: #7b8a9b;
    font-size: calc(13px * var(--scale-factor, 1));
}

.address {
    font-size: calc(14px * var(--scale-factor, 1));
}

hr {
    border: none;
    border-top: 1px solid #f0f0f5;
    margin: 30px 0;
}


.navigation-pages span, .navigation-pages a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 29.46px;
    height: 29.46px;
    border: 0.736439px solid #E5E7EB;
    border-radius: 5.89151px;
    flex: none;
    flex-grow: 0;
    text-decoration: none;
    font-style: normal;
    font-weight: 700;
    font-size: calc(11.783px * var(--scale-factor, 1));
    line-height: 18px;
    text-align: center;
    color: #374151;
}

.navigation-pages {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 2.95px;
    width: 191.47px;
    height: 29.46px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.navigation-pages .nav-current-page {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    background: #E82E46;
    box-shadow: 0px 0.736439px 1.47288px rgba(0, 0, 0, 0.05);
    flex: none;
    flex-grow: 0;
    color: #fff;
}

.order-actions a.order-payment-link {
    background: #E82E46;
    box-shadow: 0px 0.7306px 1.4612px rgba(0, 0, 0, 0.05);
    font-style: normal;
    font-weight: 700;
    font-size: calc(10.2284px * var(--scale-factor, 1));
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.navigation {
    margin-top: 23.38px;
}

.order-actions a.order-repeat-link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 7.6713px 17.5344px 8.4019px;
    gap: 5.84px;
    background: #FFCC00;
    box-shadow: 0px 0.7306px 1.4612px rgba(0, 0, 0, 0.05);
    border-radius: 5.8448px;
    flex: none;
    flex-grow: 0;
    font-style: normal;
    font-weight: 700;
    font-size: calc(10.2284px * var(--scale-factor, 1));
    line-height: 15px;
    color: #111827;
    flex: none;
    order: 1;
    flex-grow: 0;
}


.order-actions a {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7.306px 17.5344px;
    background: #FFFFFF;
    border: 0.7306px solid #E5E7EB;
    box-shadow: 0px 0.7306px 1.4612px rgba(0, 0, 0, 0.05);
    border-radius: 5.8448px;
    flex: none;
    order: 0;
    flex-grow: 0;
    font-weight: 700;
    font-size: calc(10.2284px * var(--scale-factor, 1));
    line-height: 15px;
    color: #374151;
}

.order-actions a.order-about-link {
    border: 1px solid #E82E46;
    color: #E82E46;
}

.sale-order-detail_item_price .total_price,
.sale-order-detail_footer .total-price,
.sale-order-detail_item_price .price,
.sale-order-detail_footer .total-price {
    text-wrap-mode: nowrap;
}

@media screen and (max-width: 1200px) {
    .account .content {
        width: 700.27px;
    }

    .data-card, .order-detail .data-card {
        width: calc(100% / 3 - 11.82px);
    }
}

@media screen and (max-width: 992px) {
    .account .content {
        width: 500.27px;
    }

    .card-label {
        font-size: 7.86719px;
    }

    .card-value strong {
        font-size: 10.8229px;
    }

    .card-value p {
        font-size: 9.3451px;
    }

}

/* ===== МОБИЛЬНАЯ АДАПТАЦИЯ ===== */
@media screen and (max-width: 768px) {
    .sticky + .content {
        padding-top: 0px !important;
    }

    .container.account {
        /*padding: 10px;*/
    }

    /* Шапка профиля */
    .sidebar-profile {
        width: 100%;
        height: auto;
        padding: 15px;
        margin-bottom: 15px;
        box-sizing: border-box;
    }

    .avatar-circle {
        width: 45px;
        height: 45px;
    }

    .avatar-initials {
        font-size: 16px;
    }

    .sidebar-user {
        width: calc(100% - 60px);
    }

    .sidebar-user-name {
        font-size: 14px;
        line-height: 18px;
    }

    .sidebar-user-id {
        font-size: 11px;
        line-height: 14px;
    }

    /* Основной контент */
    .main-layout {
        flex-direction: column;
        min-height: auto;
        gap: 15px;
    }

    /* Левое меню */
    .sidebar {
        width: 100%;
        border: 1px solid #f0f0f5;
        border-radius: 8px;
        margin-bottom: 15px;
    }

    .sidebar .menu {
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }

    .menu-item {
        width: 100%;
        height: auto;
        padding: 12px 15px;
        box-sizing: border-box;
    }

    .menu-item .name {
        font-size: 16px;
    }

    .menu-icon {
        width: 18px;
        height: 18px;
    }

    .menu-item .count {
        width: 20px;
        height: 20px;
        font-size: 10px;
        right: 15px;
    }

    .menu-hr {
        width: 100%;
        padding: 5px 15px;
        box-sizing: border-box;
    }

    .menu-item.logout {
        width: 100%;
        padding: 12px 15px;
        box-sizing: border-box;
    }

    /* Правая область */
    .account .content {
        width: 100%;
        padding: 0;
    }

    .section-title {
        font-size: 24px;
        margin-bottom: 16px;
        line-height: 32px;
    }

    /* Карточки данных */
    .data-grid {
        flex-direction: column;
        gap: 15px;
    }

    .data-card, .order-detail .data-card {
        width: 100%;
        height: auto;
        padding: 20px;
        box-sizing: border-box;
    }

    .card-label {
        font-size: 12px;
    }

    .card-label .icon {
        width: 16px;
        height: 16px;
    }

    .card-value strong {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
    }

    .card-value p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }

    /* Навигация */
    .navigation {
        margin-top: 25px;
    }

    .navigation-pages {
        width: 100%;
        justify-content: center;
        gap: 5px;
    }

    .navigation-pages span,
    .navigation-pages a {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    /* Кнопки действий */
    .order-actions {
        display: grid;
        align-items: flex-start;
        padding: 0px;
        flex: none;
        align-self: stretch;
        flex-grow: 0;
        grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
        justify-items: stretch;
        column-gap: 8px;
        margin-right: -8px;
    }

    .order-actions a {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10.5px 24px 11.5px !important;
        font-style: normal;
        font-weight: 700;
        font-size: 14px !important;
        line-height: 20px;
        height: 66px !important;
    }

    .order-actions a i {
        display: none;
    }

    .order-items_row {
        width: 100%;
        height: 72px;
    }

    .order-item {
        width: 64px;
        height: 64px;
        background-size: contain;
    }

    .order-haider {
        height: 77px;
    }

    .order-item .qality {
        font-size: 10px;
        line-height: 15px;
    }

    .order-items {
        width: 100%;
    }

    /* Иконка повтора */
    .i-repeat {
        width: 16px;
        height: 16px;
    }

    /* Горизонтальная линия */
    hr {
        margin: 20px 0;
    }

    .order-price_value {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
    }

    .order-price_title {
        font-size: 14px;
    }

    .order-summary {
        flex-direction: column;
        gap: 24px;
        height: auto;
    }

    .order-card {
        height: 333px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
        gap: 16px;
        border-radius: 12px;
    }

    .order-id {
        font-size: 18px;
        line-height: 28px;
    }

    .order-date {
        font-size: 14px;
        line-height: 20px;
    }

    .order-status {
        font-size: 14px !important;
        line-height: 20px !important;
        padding: 4px 10px;
    }

    .order-filter {
        gap: 17px;
        overflow-y: hidden;
        overflow-x: auto;
        justify-content: space-around;
    }

    .order-filter .order-filter_btn {
        font-size: 14px;
        line-height: 20px;

    }

    .order-filter .order-filter_btn .counter {
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .order-detail .staus.success {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        display: flex;
        align-items: center;
    }

    .order-detail .staus.success i {
        width: 8px;
        height: 8px;
    }

    .sale-order-detail_item_info .name {
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 22px;
    }

    .sale-order-detail_item {
        gap: 24px;
    }

    .sale-order-detail_item_img {
        width: 80px;
        height: 80px;
    }

    .sale-order-detail_item_price .total_price, .sale-order-detail_footer .total-price, .sale-order-detail_footer .total-price, .sale-order-detail_header .title {
        font-size: 18px !important;
        line-height: 28px !important;

    }

    .grid span, .sale-order-detail_item_price .price, .sale-order-detail_header .counter, .order-detail_header .info .date {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .order-detail_header .info .id .order-status {
        padding: 4px 10px;
        font-weight: 700;
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .order-detail_header .order-actions a {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 10px 16px !important;
        gap: 8px;
        height: 42px !important;
    }

    .order-detail_header .order-actions a i {
        display: flex !important;
    }

    .section-body .form-group {
        width: 100% !important;
        max-width: 100% !important;
    }

    .section .title {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    .section-body .form-group label {
        font-size: 14px !important;
        line-height: 21px !important;
    }

    .section-body .form-group input {
        padding: 10px 16px;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
    }

    .open-change-password-btn {
        padding: 8.90625px 23.75px;
        gap: 5.94px;
        width: 100%;
        font-size: 11.875px;
        line-height: 18px;
        height: 48px;
    }

    form .bottom {
        flex-direction: column;

    }

    form .bottom .note {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        display: block;
    }

    form .bottom .note .icon {
        display: inline;
        float: left;
        margin-right: 2.97px;
        margin-top: 2.97px;
    }

    .btn-save {
        width: 100%;
        height: 48px;
    }
}

@media screen and (max-width: 768px) {
    .order-haider {
        flex-direction: column;
        align-items: baseline;
        gap: 20px;
        height: auto;
    }

    .order-price {
        align-items: flex-start;
    }

    .order-actions a, .order-detail_header .order-actions a {
        height: 35px !important;
        padding: 0 !important;
        width: 100%;
    }

    .order-actions, .order-detail_header .order-actions {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-direction: column;
        margin-right: 0;
    }

    .order-card {
        height: fit-content;
    }

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

    .order-detail_header .info {
        height: fit-content;
        width: 100%;
    }

    .order-info_name, .order-detail_header .info, .order-detail_header .id {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .order-detail_header {
        flex-direction: column;
        height: fit-content;
        gap: 20px;
    }

    .order-detail_header .info .id .order-status[data-status="N"] {
        background: #FEFCE8;
        color: #A16207;
        border: 1px solid #c4c19a;
        height: fit-content;
    }

    .sale-order-detail_item {
        flex-direction: column;
    }

    .sale-order-detail_items {
        gap: 30px;
    }

    .sale-order-detail_item_img {
        width: 100px;
        height: 100px;
        background-size: contain;
    }
    .sale-order-detail_item_info {
        text-align: center;
    }
    .grid {
        margin: 0 auto;
    }
}