.checkout {
    padding: 80px 20px;
    background: #f6f6f6;
}

.checkout-container {
    max-width: 1200px;
    margin: auto;
}

.checkout-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 40px;
}

.checkout-form, .order-summary {
    background: #fff;
    padding: 30px;
    border-radius: 14px;
}

.checkout-form input,
.checkout-form textarea {
    width: 100%;
    padding: 14px;
    margin-bottom: 14px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.btn-primary {
    background: #000;
    color: #fff;
    padding: 14px;
    width: 100%;
    border-radius: 30px;
    border: none;
    cursor: pointer;
}

.order-summary h3 {
    margin-bottom: 15px;
}

.summary-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.summary-total {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
}