/*
 * Окно «Добавление в корзину» (views/layouts/main.php и layout ЛК).
 * Количество в окне (18.09.2026) — компактный счётчик как на странице
 * корзины; на телефоне строка таблицы становится карточкой, чтобы счётчик и
 * сумма не уезжали за край окна.
 */
.modal-cart__qty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: nowrap;
}

.modal-cart__qty .quantity__btn {
    width: 32px !important;
    height: 40px;
    padding: 0;
}

.modal-cart__qty .quantity__btn:disabled {
    opacity: .35;
    cursor: default;
}

.modal-cart__qty .quantity__input {
    width: 60px;
    height: 44px;
    text-align: center;
    -moz-appearance: textfield;
}

.modal-cart__qty .quantity__input::-webkit-outer-spin-button,
.modal-cart__qty .quantity__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Количество не сохранилось: выбор покупателя остаётся в поле, здесь — что в корзине. */
.modal-cart__qty-error {
    margin: 8px 0 0;
    color: #d32f2f;
    font-size: 14px;
}

.modal-cart__qty-error[hidden] {
    display: none;
}

.modal-cart__actions .btn[aria-busy="true"] {
    opacity: .6;
    pointer-events: none;
}

@media (max-width: 575px) {
    .modal-cart__table {
        overflow: visible !important;
    }

    .modal-cart__table-inner,
    .modal-cart__table-inner tbody {
        display: block;
        width: 100%;
    }

    .modal-cart__table-inner thead {
        display: none;
    }

    .modal-cart__table-inner tbody tr {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 12px 10px;
        padding: 12px 0;
        border-top: 1px solid #e0e0e0;
    }

    .modal-cart__table-inner tbody td {
        display: block;
        padding: 0 !important;
    }

    .modal-cart__table-inner tbody td.modal-cart__product {
        grid-column: 1 / -1;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 12px;
        text-align: left;
    }

    .modal-cart__product-img {
        flex: 0 0 56px;
    }

    .modal-cart__price {
        font-size: 13px !important;
        color: #6d6b80;
        white-space: nowrap;
    }

    .modal-cart__price::after {
        content: " / шт.";
    }

    .modal-cart__quantity {
        justify-self: center;
    }

    .modal-cart__amount {
        justify-self: end;
        font-weight: 700;
        white-space: nowrap;
    }
}