/* Trang thanh toán — 3 cột */
.checkout_page .checkout-section {
    background: #f6f7f9;
}

.checkout-page {
    max-width: 1200px;
}

.checkout-card {
    background: #fff;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    height: 100%;
}

.checkout-card__title {
    font-weight: 600;
    color: #1a1a1a;
}

.checkout-card--summary {
    position: sticky;
    top: 1rem;
}

.checkout-line__thumb {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

.checkout-line__thumb--placeholder {
    display: inline-block;
    background: #e9ecef;
}

.checkout-line__title {
    font-size: 0.9rem;
    line-height: 1.35;
    margin-bottom: 0.25rem;
}

.checkout-line__price {
    font-weight: 600;
    color: #333;
}

.checkout-totals__grand {
    font-size: 1.1rem;
}

.btn-checkout {
    background: #8b2332;
    color: #fff;
    border: none;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.btn-checkout:hover {
    background: #6f1b28;
    color: #fff;
}

.btn-checkout.is-loading {
    opacity: 0.92;
    cursor: wait;
    pointer-events: none;
}

.btn-continue-shopping {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7dbe0;
    color: #2e3a4d;
    background: #fff;
    font-weight: 600;
    border-radius: 6px;
    padding: 0.55rem 0.95rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.btn-continue-shopping:hover {
    background: #f1f4f8;
    color: #1f2a3c;
    border-color: #bfc7d1;
    text-decoration: none;
}

.checkout-summary__submit {
    margin-top: 0.25rem;
}

.checkout-summary__submit .btn-checkout {
    width: 100%;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}

.checkout-bank {
    background: #fafafa;
}

.checkout-bank__qr {
    display: flex;
    justify-content: center;
}

.checkout-bank__qr-img {
    width: 160px;
    max-width: 100%;
    height: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    padding: 6px;
}

.checkout-success__table th {
    width: 160px;
    color: #6b7280;
    font-weight: 600;
}

.cursor-pointer {
    cursor: pointer;
}

@media (max-width: 991px) {
    .checkout-card--summary {
        position: static;
    }
}