/* Секция */
.checkout-section {
    background-color: #f8f9fa;
}

/* Форма */
#checkout-form {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

    #checkout-form label {
        color: #333;
    }

    #checkout-form .btn {
        background-color: #1F839F;
        border: none;
        transition: background-color 0.2s ease;
    }

        #checkout-form .btn:hover {
            background-color: #176A81;
        }

/* Итоги */
.order-summary {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

    .order-summary h5 {
        font-weight: 700;
    }

    .order-summary .order-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.5rem 0;
        border-bottom: 1px solid #eee;
    }

        .order-summary .order-item:last-child {
            border-bottom: none;
        }

    .order-summary .order-total {
        color: #1F839F;
        font-weight: 700;
        font-size: 1.2rem;
    }
.checkout-steps {
    display: flex;
    justify-content: center;
    gap: 2rem;
    font-weight: 600;
    font-size: 1.1rem;
}

    .checkout-steps .step {
        color: #888;
        position: relative;
    }

        .checkout-steps .step::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            right: 0;
            height: 3px;
            background: transparent;
            border-radius: 2px;
        }

    .checkout-steps .step-active {
        color: #1F839F;
    }

        .checkout-steps .step-active::after {
            background: #1F839F;
        }

/* Плавный переход */
.checkout-step {
    transition: opacity 0.4s ease;
}

    .checkout-step.d-none {
        opacity: 0;
        pointer-events: none;
        height: 0;
        overflow: hidden;
    }


/* Адаптив */
@media (max-width: 767.98px) {
    #checkout-form {
        margin-bottom: 2rem;
    }
}