/* Кабінет: Мої аукціони */
.mpa-account {
    width: 100%;
}

.mpa-account__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.mpa-account__head h2 {
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 600;
}



.mpa-account__filter select {
    width: 100%;
    min-height: 48px;
    padding: 0 42px 0 16px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0;
    background: #fff;
    color: #111;
}

.mpa-account__list {
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.mpa-account-auction {
    --mpa-state-color: #9a9a9a;
    border-left: 3px solid var(--mpa-state-color);
    background: #fff;
}

.mpa-account-auction + .mpa-account-auction {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.mpa-account-auction--leader,
.mpa-account-auction--paid {
    --mpa-state-color: #20b34b;
}

.mpa-account-auction--upcoming,
.mpa-account-auction--active {
    --mpa-state-color: #f05a00;
}

.mpa-account-auction--outbid {
    --mpa-state-color: #ff2e2e;
}

.mpa-account-auction--winner {
    --mpa-state-color: #16a45b;
}

.mpa-account-auction--transferred,
.mpa-account-auction--finished {
    --mpa-state-color: #9a9a9a;
}

.mpa-account-auction__summary {
    display: grid;
    grid-template-columns: minmax(220px, 1.8fr) minmax(190px, 1.15fr) minmax(140px, .8fr) auto;
    align-items: center;
    gap: 24px;
    min-height: 76px;
    padding: 12px 18px 12px 14px;
}

.mpa-account-auction__lot,
.mpa-account-auction__price {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.mpa-account-auction__lot small,
.mpa-account-auction__price small,
.mpa-account-auction__meta small {
    color: rgba(0, 0, 0, 0.42);
    font-size: 12px;
    line-height: 1.3;
}

.mpa-account-auction__lot strong,
.mpa-account-auction__price strong {
    color: #111;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
}

.mpa-account-auction__lot strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mpa-account-auction__status {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--mpa-state-color);
    font-size: 13px;
}

.mpa-account-auction__dot {
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    background: currentColor;
}

.mpa-account-auction__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.mpa-account-auction__actions .button {
    min-width: 190px;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border: 0;
    border-radius: 0;
    background: #ef5a00;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.mpa-account-auction__actions .mpa-account-auction__reminder {
    background: #050505;
}

.mpa-account-auction__toggle {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111;
    cursor: pointer;
    transition: transform .2s ease;
}

.mpa-account-auction.is-open .mpa-account-auction__toggle {
    transform: rotate(180deg);
}

.mpa-account-auction__details {
    display: grid;
    grid-template-columns: 112px minmax(260px, 1.6fr) minmax(220px, .85fr) auto;
    align-items: center;
    gap: 28px;
    margin: 0 18px 16px 14px;
    padding: 18px 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mpa-account-auction__image {
    width: 112px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
}

.mpa-account-auction__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mpa-account-auction__message {
    align-self: center;
}

.mpa-account-auction__message > strong {
    display: block;
    margin-bottom: 10px;
    color: #111;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
}

.mpa-account-auction__message p {
    max-width: 540px;
    margin: 0;
    color: rgba(0, 0, 0, 0.42);
    font-size: 13px;
    line-height: 1.55;
}

.mpa-account-auction__meta {
    display: grid;
    gap: 18px;
}

.mpa-account-auction__meta > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mpa-account-auction__meta strong {
    font-size: 14px;
    font-weight: 600;
}

.mpa-account-auction__history {
    color: #111;
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap;
}

.mpa-timer--account {
    display: flex;
    gap: 5px;
    color: #111;
}

.mpa-timer--account .mpa-timer__unit {
    display: inline-flex;
    align-items: baseline;
    flex-direction: column;
    gap: 3px;
}

.mpa-timer--account .mpa-timer__unit strong {
    font-size: 36px;
}

.mpa-timer--account .mpa-timer__unit small,
.mpa-timer--account i {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.45);
    font-style: normal;
}

.mpa-account__empty {
    padding: 48px 32px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    text-align: center;
}

.mpa-account__empty h3 {
    margin: 0 0 10px;
}

.mpa-account__empty p {
    margin: 0 0 20px;
    color: rgba(0, 0, 0, 0.5);
}

[hidden] {
    display: none !important;
}

@media (max-width: 1180px) {
    .mpa-account-auction__summary {
        grid-template-columns: minmax(200px, 1.5fr) minmax(170px, 1fr) minmax(130px, .8fr);
    }

    .mpa-account-auction__actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .mpa-account-auction__details {
        grid-template-columns: 100px minmax(240px, 1fr) minmax(180px, .7fr);
    }

    .mpa-account-auction__history {
        grid-column: 2 / -1;
    }
}

@media (max-width: 767px) {
    .mpa-account__head {
        align-items: stretch;
        flex-direction: column;
    }

    .mpa-account__filter {
        width: 100%;
    }

    .mpa-account__list {
        border: 0;
    }

    .mpa-account-auction {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        border-right: 1px solid rgba(0, 0, 0, 0.12);
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        margin-bottom: 14px;
    }

    .mpa-account-auction__summary {
        grid-template-columns: 1fr auto;
        gap: 14px;
        padding: 16px;
    }

    .mpa-account-auction__status,
    .mpa-account-auction__price {
        grid-column: 1 / 2;
    }

    .mpa-account-auction__actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 1fr auto;
        width: 100%;
    }

    .mpa-account-auction__actions .button {
        min-width: 0;
        width: 100%;
    }

    .mpa-account-auction__toggle {
        grid-column: 2;
        grid-row: 1;
    }

    .mpa-account-auction__details {
        grid-template-columns: 88px 1fr;
        gap: 16px;
        margin: 0 16px 16px;
    }

    .mpa-account-auction__image {
        width: 88px;
        height: 88px;
    }

    .mpa-account-auction__meta,
    .mpa-account-auction__history {
        grid-column: 1 / -1;
    }

    .mpa-account-auction__history {
        white-space: normal;
    }
}