.checkout-container {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 1rem;

    .mat-mdc-card-header {
        justify-content: center;
        padding: 1rem;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0.5rem;
    }

    mat-card-title {
        color: var(--mat-sys-primary);
        font-weight: 500;
    }

    .order-summary {
        .summary-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 0.5rem;
        }

        .summary-item.total {
            border-top: 1px solid #ddd;
            padding-top: 0.5rem;
            margin-top: 0.5rem;
            font-size: 1.1rem;
        }
    }

    .paypal-container {
        margin-top: 2rem;
    }
}