body {
    background: #f6f7f9;
    color: #16181d;
}

.navbar-brand {
    letter-spacing: 0;
}

.product-card {
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    background: #fff;
    height: 100%;
}

.product-image {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}

.checkout-panel,
.summary-panel {
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    background: #fff;
}

.status-pill {
    border-radius: 999px;
    padding: .25rem .65rem;
    font-size: .82rem;
    font-weight: 700;
    text-transform: capitalize;
}

.status-pending {
    background: #fff5d6;
    color: #765600;
}

.status-paid,
.status-success {
    background: #daf8e8;
    color: #12643a;
}

.status-failed,
.status-cancelled {
    background: #ffe1df;
    color: #8d2018;
}