/* account.css — формы аккаунта (вход/регистрация/сброс пароля). */

.auth {
    display: flex;
    justify-content: center;
    padding: 40px 16px 60px;
}
.auth__card {
    width: 100%;
    max-width: 420px;
    padding: 32px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: #fff;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
}
.auth__card--wide { max-width: 520px; }
.auth__title { margin: 0 0 20px; font-size: 24px; font-weight: 800; letter-spacing: -0.02em; }
.auth__hint { margin: -8px 0 18px; color: var(--muted); font-size: 14px; line-height: 1.5; }

.auth__form { display: flex; flex-direction: column; gap: 14px; }

.field { display: flex; flex-direction: column; }
.field__label {
    width: fit-content;
    padding: 0 0 .3125rem .3125rem;
    font-size: .875rem;
}
.field__hint {
    padding: 0.375rem 0 0 0.375rem;
    color: var(--colorDisabled);
    font-size: 0.875rem;
}
textarea.field__input { height: auto; padding: 10px 14px; }
.field__input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15); }
.field__input--invalid { border-color: var(--danger); }
.field__input--invalid:focus { box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15); }
.field__error { display: block; margin-top: 5px; font-size: 13px; color: var(--danger); }
.field__req { color: var(--danger); margin-left: 2px; }

.auth__remember { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--ink); }
.auth__submit {
    padding: 0.875rem 1rem;
    border-width: 0.125rem;
    font-size: 0.875rem;
}

.auth__status {
    padding: 11px 14px;
    border-radius: 9px;
    background: #ecfdf5;
    color: #047857;
    font-size: 14px;
    margin-bottom: 14px;
}
.auth__error {
    padding: 11px 14px;
    border-radius: 9px;
    background: #fef2f2;
    color: var(--danger);
    font-size: 14px;
    margin-bottom: 14px;
}

.auth__links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 18px; font-size: 14px; }
.auth__links a { color: var(--primary); }
.auth__links a:hover { text-decoration: underline; }

/* Тип аккаунта */
.reg-types { display: flex; gap: 10px; margin-bottom: 4px; }
.reg-type {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border: 1.5px solid var(--line);
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.reg-type input { position: absolute; opacity: 0; }
.reg-type.is-active { border-color: var(--primary); color: var(--primary); background: rgba(79, 70, 229, 0.05); }
.reg-fields { display: flex; flex-direction: column; gap: 14px; }
/* Атрибут [hidden] должен перекрывать display выше, иначе скрытые блоки типов
   остаются видимыми и поля «одни и те же» для person/company. */
.reg-fields[hidden] { display: none; }

/* Honeypot капчи — скрыт от людей */
.hp-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

@media (max-width: 480px) {
    .auth__card { padding: 24px 20px; }
}

/* ══ Личный кабинет ══════════════════════════════════════════════════════ */
.account {
    background-color: var(--pageBg);
}
.account--margin {
    margin-bottom: 2rem;
    padding-top: 1.25rem;
}
.account__grid {
    display: grid;
    grid-template-columns: 18.75rem 1fr;
    gap: 2rem;
    align-items: start;
}

.account-side {
    position: sticky;
    top: 5.625rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.account-user {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.125rem;
    border: 1px solid var(--borderColor);
    border-radius: 0.5rem;
    background-color: white;
}
.account-user__avatar { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--primary); color: #fff; font-weight: 700; font-size: 20px; flex: none; }
.account-user__name { font-weight: 600; }
.account-user__sub { font-size: 13px; color: var(--muted); margin-top: 2px; }

.account-menu {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(10rem, 100%), 1fr));
    gap: 0.5rem;
    border: 1px solid var(--borderColor);
    background-color: white;
    border-radius: 0.5rem;
    padding: 0.5rem;
}
.account-menu__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0.875rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    transition: background .15s ease, color .15s ease;
    cursor: pointer;
}
.account-menu svg {
    width: 1.125rem;
    height: 1.125rem;
}
.account-menu__item span { flex: 1; }
.account-menu__item:hover {
    background: var(--surface, #f1f5f9);
    border-color: var(--borderColor);
}
.account-menu__item.is-active {
    background-color: var(--bgLight);
    border: 1px solid var(--borderColor);
}
.account-menu__badge { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--danger); color: #fff; font-size: 11px; font-weight: 700; display: grid; place-items: center; flex: none; }

.account-menu__item--logout { width: 100%; background: none; border: 0; font-family: inherit; font-size: 14.5px; text-align: left; color: var(--danger); }
.account-menu__item--logout i { color: var(--danger); }
.account-menu__item--logout:hover { background: #fff5f5; }

/* Контент */
.order__info {
    display: flex;
    justify-content: space-between;
    gap: .625rem;
    margin-bottom: 2rem;
    padding: 1rem;
    border: 1px solid var(--borderColor);
    border-radius: .3125rem;
    background-color: white;
}
.order__info-left,.order__info-right{display:flex;flex-direction:column;justify-content:space-between;gap:.9375rem}
.order__info-date{font-size:.875rem}
.order__info-number{font-size:clamp(1rem,1.42vw + 0.716rem,1.625rem);font-weight:700;letter-spacing:.0625rem}
span.order__info-span{margin-left:.3125rem;font-size:.875rem}
.order__info-status{text-align:center;text-transform:uppercase;letter-spacing:.0625rem;font-size:clamp(0.75rem,0.284vw + 0.693rem,0.875rem);font-weight:600;line-height:1.3}
.order__info-update{font-size:.875rem}




.account-main { max-width: 64rem; min-width: 0; }
.account-head { margin-bottom: 22px; }
.account-head__title {
    padding-left: 0.25rem;
    font-size: 1.5rem;
    font-weight: 500;
}
.account-head__sub { margin: 6px 0 0; color: var(--muted); font-size: 14px; }

.account-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.875rem;
    margin-bottom: 2rem;
}
.account-stat { display: flex; flex-direction: column; gap: 4px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; transition: border-color .15s ease, transform .15s ease; }
.account-stat:hover { border-color: var(--primary); transform: translateY(-2px); }
.account-stat__ico { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; font-size: 18px; background: color-mix(in srgb, var(--primary) 12%, #fff); color: var(--primary); margin-bottom: 6px; }
.account-stat__ico--rose { background: #fff1f2; color: #e11d48; }
.account-stat__ico--indigo { background: #eef2ff; color: #4f46e5; }
.account-stat__num { font-size: 26px; font-weight: 800; color: var(--ink); line-height: 1; }
.account-stat__label { font-size: 13px; color: var(--muted); }

.account-block__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.account-block__title {
    padding: 0 0 0.75rem .3125rem;
    font-weight: 500;
}
.account-block__more { font-size: 13px; font-weight: 600; color: var(--primary); }

.account-empty { text-align: center; padding: 40px 20px; color: var(--muted); }
.account-empty--lg { padding: 60px 20px; border: 1px dashed var(--line); border-radius: 14px; }
.account-empty > i { font-size: 42px; opacity: .35; }
.account-empty__title { margin: 16px 0 4px; font-size: 16px; color: var(--ink); font-weight: 600; }
.account-empty p { margin: 12px 0; }
.account-empty__hint { font-size: 14px; }
.account-empty .btn-review { margin-top: 10px; }

/* Профиль */
.profile-block {
    max-width: 56.25rem;
}
.profile-block:not(:last-child) {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--borderColor);
}
.profile-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.profile-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
@media (max-width: 560px) { .profile-form__row { grid-template-columns: 1fr; } }

.profile-card { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; max-width: 560px; }
.profile-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 20px; border-top: 1px solid var(--line); }
.profile-row:first-child { border-top: 0; }
.profile-row__label { color: var(--muted); font-size: 14px; }
.profile-row__value { font-weight: 600; color: var(--ink); text-align: right; }

/* Таблица заказов */
.orders-table { display: flex; flex-direction: column; }
.orders-table__head, .orders-row { display: grid; grid-template-columns: 1.2fr 1fr 1fr .8fr; gap: 12px; align-items: center; }
.orders-table__head { padding: 0 16px 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); font-weight: 700; }
.orders-row { padding: 14px 16px; border-top: 1px solid var(--line); color: var(--ink); transition: background .15s ease; }
.orders-row:hover { background: var(--surface, #f8fafc); }
.orders-row__num { font-weight: 700; }
.orders-table__sum, .orders-row__sum { text-align: right; font-weight: 700; }

.orders-item {
    position: relative;
    margin-bottom: 1.25rem;
    padding: 0.75rem;
    background-color: var(--bgLight);
    border: 1px solid var(--borderColor);
    border-radius: .5rem;
    font-size: .875rem;
}
.orders-item__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.orders-item__item:not(:last-child) {
    margin-bottom: 0.875rem;
}
.orders-item__number {
    color: var(--green);
    font-size: 1rem;
    font-weight: 600;
}
.order-badge {
    flex: 0 1 auto;
    padding: .375rem .5rem;
    border-radius: .4375rem;
    text-align: center;
    letter-spacing: .0625rem;
    font-size: .75rem;
    line-height: 1.2;
}
.order-badge[style*="--badge"] { background: color-mix(in srgb, var(--badge) 14%, transparent); color: var(--badge); }
.order-link {
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--borderColor);
    border-radius: 0.5rem;
    background-color: white;
    transition: background-color 0.2s;
}
.order-link:hover {
    background-color: var(--cream2);
}
.orders-item__item-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.info-item__total {
    font-size: 1rem;
    font-weight: 600;
}
.orders-item img,
.orders-item svg{
    width: 1rem;
    height: 1rem;
}
.orders-item .icon-comment {
    fill: var(--colorTheme);
}
.orders-item__item-ttn {
    font-weight: 600;
}

.comment-container-popup{position:absolute;bottom:1.875rem;right:.625rem}
.comment-icon{color:var(--colorTheme)}
.popup-content.comment-content{max-width:37.5rem;padding:1.875rem .9375rem;border:.125rem solid var(--font-color);border-radius:2.3125rem 0 2.3125rem 2.3125rem;background-color:white}
.orders__item-date{font-size:.75rem}
/* Детали заказа */
.account-head--row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.account-back {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    padding: 0.875rem;
    border: 1px solid var(--borderColor);
    border-radius: 0.5rem;
}
.account-back:hover { background-color: var(--bgLight); }

.order-items { display: flex; flex-direction: column; }
.order-item { display: grid; grid-template-columns: 1fr auto auto; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--line); }
.order-item:first-child { border-top: 0; }
.order-item__name { color: var(--ink); font-weight: 500; }
.order-item__sku { display: inline-block; margin-left: 8px; font-size: 12px; color: var(--muted); font-weight: 400; }
.order-item__qty { color: var(--muted); font-size: 14px; white-space: nowrap; }
.order-item__sum { font-weight: 700; color: var(--ink); white-space: nowrap; }

.order-totals { margin-top: 14px; padding-top: 14px; border-top: 2px solid var(--line); display: flex; flex-direction: column; gap: 8px; }
.order-total-row { display: flex; justify-content: space-between; font-size: 14px; color: var(--ink); }
.order-total-row span:first-child { color: var(--muted); }
.order-total-row--minus span:last-child { color: #16a34a; }
.order-total-row--grand { margin-top: 6px; padding-top: 10px; border-top: 1px solid var(--line); font-size: 17px; font-weight: 800; }
.order-total-row--grand span:first-child { color: var(--ink); }

.order-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 18px; }
.order-info-card { border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; }
.order-info-card--wide { margin-top: 16px; }
.order-info-card__title { font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); font-weight: 700; margin: 0 0 8px; }
.order-info-card__line { margin: 2px 0; color: var(--ink); font-size: 14px; }
.order-info-card__muted { color: var(--muted); }

.order-timeline { display: flex; flex-direction: column; gap: 0; }
.order-tl { display: grid; grid-template-columns: 12px 130px 1fr; gap: 12px; align-items: baseline; padding: 8px 0; }
.order-tl__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--primary); margin-top: 5px; }
.order-tl__date { color: var(--muted); font-size: 13px; }
.order-tl__status { color: var(--ink); font-size: 14px; }

@media (max-width: 900px) {
    .account__grid { grid-template-columns: 1fr; }
    .account-side { position: static; }
    .account-menu__item { flex: 1 1 auto; }
}
@media (max-width: 560px) {
    .account-stats { grid-template-columns: 1fr; }
    .orders-table__head { display: none; }
    .orders-row { grid-template-columns: 1fr auto; }
    .order-cols { grid-template-columns: 1fr; }
    .order-item { grid-template-columns: 1fr auto; }
    .order-item__qty { grid-column: 1 / -1; }
}

/* ── Вход через соцсети ────────────────────────────────────────────────────
   Кнопки под формой входа и регистрации. Значок держит фирменный цвет сервиса,
   сама кнопка остаётся нейтральной: пёстрый ряд кнопок спорит с формой. */
.soc-login { margin-top: 20px; }

.soc-login__sep {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    color: var(--muted);
    font-size: 13px;
}
.soc-login__sep::before,
.soc-login__sep::after { content: ''; flex: 1; height: 1px; background: var(--line); }

.soc-login__list { display: flex; flex-direction: column; gap: 10px; }

.soc-login__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 46px;
    padding: 0 16px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    color: var(--ink);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color .15s, box-shadow .15s;
}
.soc-login__btn:hover { border-color: var(--primary); box-shadow: 0 2px 10px rgba(15, 23, 42, .07); }
.soc-login__btn i { font-size: 18px; line-height: 1; }

.soc-login__btn--google i { color: #ea4335; }
.soc-login__btn--facebook i { color: #1877f2; }
.soc-login__btn--telegram i { color: #29a0da; }
.soc-login__btn--apple i { color: #111; }

/* Привязанные сервисы в профиле */
.soc-linked { display: flex; flex-direction: column; gap: 10px; }
.soc-linked__row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
}
.soc-linked__row i { font-size: 18px; width: 20px; text-align: center; }
.soc-linked__main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.soc-linked__title { font-size: 14px; font-weight: 600; color: var(--ink); }
.soc-linked__sub { font-size: 12px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.soc-linked__action {
    border: 0;
    background: none;
    padding: 6px 8px;
    color: var(--muted);
    font-size: 13px;
    cursor: pointer;
}
.soc-linked__action:hover { color: var(--danger, #ef4444); }

@media (max-width: 560px) {
    .soc-login__btn { font-size: 14px; }
}

/* Бонусные баллы в кабинете */
.account-bonus__balance { font-size: 1.15rem; font-weight: 700; }
.account-bonus__warn { margin: 0 0 10px; font-size: .88rem; opacity: .8; }
.account-bonus__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.account-bonus__item {
    display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: baseline;
    padding: 8px 0; border-bottom: 1px solid var(--line, #eef0f6); font-size: .9rem;
}
.account-bonus__item:last-child { border-bottom: 0; }
.account-bonus__when { opacity: .6; font-size: .82rem; white-space: nowrap; }
.account-bonus__points { font-weight: 600; white-space: nowrap; }
.account-bonus__points.is-minus { opacity: .75; font-weight: 500; }

.orders-filters {
    max-width: fit-content;
    margin-bottom: 1rem;
    border: 1px solid var(--borderColor);
    border-radius: 0.5rem;
    overflow: clip;
    transition: all 0.2s;
}
.orders-filters.open {
    max-width: 100%;
}
.orders-filters__title {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    font-weight: 500;
    cursor: pointer;
}

.orders-filters__title .icon-arrow-bottom {
    width: 0.75rem;
    height: 0.75rem;
    stroke-width: 0.25rem;
    transition: rotate 0.2s;
}
.orders-filters__title .icon-arrow-bottom.open {
    rotate: -90deg;
}
.orders-filters__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(9.375rem, 100%), 1fr));
    align-items: flex-end;
    gap: 0.75rem;
    max-height: 0;
    padding: 0;
    overflow: clip;
    transition: all 0.2s;
}

.orders-filters__wrapper.open {
    padding: 1rem;
    max-height: 300px;
}

.orders-filters__field { display: grid; gap: 4px; min-width: 150px; flex: 1 1 150px; }
.orders-filters__field > span {
    padding-left: 0.25rem;
    font-size: 0.75rem;
}
.orders-filters__field select, .orders-filters__field input {
    height: 2.8125rem;
}
.orders-filters__reset {
    height: 2.8125rem;
    padding: 0 0.875rem;
    border: 1px solid var(--borderColor);
    border-radius: 0.5rem;
    background-color: var(--cream2);
    letter-spacing: 1px;
    font-size: 0.875rem;
}
.orders-filters__reset:hover {
    border-color: var(--font-color);
    background-color: var(--cream);
}
.orders-filters__reset:active {
    background-color: var(--lightBg);
}
.orders-empty { padding: 22px 16px; color: var(--muted); font-size: 14px; text-align: center; }

/* Страницы */
.orders-pager { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 14px 16px; }
.orders-pager__num, .orders-pager__step { min-width: 36px; min-height: 36px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; background: transparent; color: var(--ink); font: inherit; font-size: 13px; cursor: pointer; }
.orders-pager__num:hover:not(.is-current), .orders-pager__step:hover:not([disabled]) { border-color: var(--primary); color: var(--primary); }
.orders-pager__num.is-current { border-color: var(--primary); background: var(--primary); color: #fff; }
.orders-pager__step[disabled] { opacity: .45; cursor: default; }


.order__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 0.5rem;
}
.order__actions-pay a {
    display: flex;
    gap: 0.25rem;
    padding: 0.5rem;
    border: 1px solid var(--borderColor);
    border-radius: 0.5rem;
    background-color: white;
}
.order__actions-pay a:hover {
    background-color: var(--bgLight);
}


.order__items--margin {
    margin-bottom: 1.25rem;
    padding: .625rem;
    border: 1px solid var(--borderColor);
    border-radius: .3125rem;
    background-color: white;
    font-size: 0.875rem;
}
.order__item{line-height:1.3}
.order__item:not(:last-child){margin-bottom:.625rem}
.tracking{display:flex;align-items:center;column-gap:.875rem}
.tracking .icon{width:1rem;height:1rem}

.order__item-name{color:var(--colorName)}
.shipping-item .order__item-name {
    padding-bottom: 0.25rem;
}
.order__item-value{font-weight:500}
.order__item-value--flex{display:flex;align-items:center;gap:.3125rem}
.value-shipping__name {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}
.value-shipping {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.othercustomer-items {
    padding: .3125rem .625rem;
    border-left: 2px solid var(--borderColor);
    background-color: var(--bgLight);
}
.othercustomer-items__item:not(:last-child){margin-bottom:.625rem}
.order_comment {
    display: inline-block;
    min-width: 11.875rem;
    padding: 1.25rem .625rem;
    border: .0625rem solid var(--colorTheme);
    border-radius: 0 1.25rem 1.25rem;
    background: #f7f6c0;
    line-height: 1.5;
}

.order_tracking {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.order_tracking .copy__button {
    padding: 0.375rem;
    border-radius: 50%;
}

.order_tracking .copy__button:hover {
    background-color: var(--green2);
}

.order_tracking .icon-copy {
    width: 1rem;
    height: 1rem;
}
.tracking-link{display: block; padding:.5625rem 1rem;border-width:.125rem;border-radius:.3125rem;font-size:.875rem}


.goods-wrap{display:grid;grid-template-columns:3.125rem minmax(0,1fr) max-content max-content max-content;width:100%;border:.25rem solid var(--borderColor);border-radius:.4375rem;font-size:clamp(0.75rem,0.208vw + 0.708rem,0.875rem);overflow:hidden}
.goods-head{display:contents;color:white;font-weight:500}
.goods-head-td:not(:last-child){border-right:.0625rem solid var(--borderColor)}
.goods-head-td{display:flex;justify-content:center;align-items:center;height:2.5rem;padding:0 .3125rem;border-bottom:.125rem solid var(--borderColor);background-color:var(--font-color)}
.goods-row{position:relative;display:contents;height:3.125rem;background:white;overflow:hidden}
.goods-row-td{display:flex;align-items:center;height:100%;border-bottom:.0625rem solid var(--borderColor)}
.goods-row-td:not(:last-child){border-right:.0625rem solid var(--borderColor)}
.goods-row-td.photo-td,.goods-row-td.product-td{position:relative}
.goods-row-td.photo-td img{display:block;width:100%}
.goods-row-td:not(:first-child){padding:0 .25rem}
.goods-row-td.product-td a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.goods-row-td.quantity-td{justify-content:center;text-wrap:nowrap}
.goods-row-td.price-td{flex:0 0 4.6875rem;justify-content:flex-end;text-align:right}
.goods-row-td.total-td{flex:0 0 4.6875rem;justify-content:flex-end;text-align:right;text-wrap:nowrap}
.disable-product{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:.5rem;font-size:6.25rem;line-height:1;overflow:hidden;color:red;opacity:.5;filter:blur(0.125rem);z-index:1}
.my-order-total-wrap{display:flex;justify-content:flex-end;width:100%;margin-bottom:1.25rem;padding:.625rem .3125rem;font-size:.875rem}
.my-order-total.bold{margin-left:.625rem}
.my-order-analogs{position:absolute;left:3.125rem;width:calc(100% - 4.6875rem);height:100%;display:flex;justify-content:center;align-items:center;background:var(--borderColor);filter:blur(1rem) opacity(1)}
.my-order-analogs-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.3125rem .625rem;border:.0625rem solid;border-radius:.3125rem;background:var(--cream2);color:var(--green);font-size:.875rem;font-weight:500;cursor:pointer}