/************************************
    ОБЩИЙ БЕЛЫЙ КОНТЕЙНЕР
*************************************/
.checkout-container {
    max-width: 1200px;
    margin: 40px auto;
    background: #fff;
    padding: 40px 48px;
    border-radius: 48px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.06);
}

/* На мобильных — меньше отступы */
@media (max-width: 768px) {
    .checkout-container {
        padding: 20px;
        border-radius: 24px;
    }
}

/************************************
    ЗАГОЛОВКИ БЛОКОВ
*************************************/
.checkout-section-title {
    font-size: 38px;
    font-weight: 800;
    color: #E94290;
    text-transform: uppercase;
    margin: 40px 0 20px;
}

@media (max-width: 768px) {
    .checkout-section-title {
        font-size: 26px;
        margin: 32px 0 16px;
    }
}

/************************************
    СЕКЦИИ БИЛЛИНГА / ДОСТАВКИ / ОПЛАТЫ
*************************************/
.checkout-section-block {
    background: #fff;
    border: 2px solid #E4B0C8;
    padding: 28px;
    border-radius: 24px;
    margin-bottom: 32px;
}

@media (max-width: 768px) {
    .checkout-section-block {
        padding: 18px;
        border-radius: 18px;
    }
}

/************************************
    ТАБЛИЦА ЗАКАЗА
*************************************/
.checkout-order-table table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
}

.checkout-order-table th {
    font-size: 18px;
    font-weight: 700;
    color: #570029;
    text-transform: uppercase;
    padding-bottom: 12px;
    border-bottom: 2px solid #E4B0C8;
}

.checkout-order-table td {
    padding: 16px 0;
    vertical-align: middle;
    color: #570029;
}

.checkout-order-table .product-name {
    font-size: 18px;
    font-weight: 600;
}

.checkout-order-table .product-total {
    font-size: 20px;
    font-weight: 800;
    color: #570029;
}

/* Картинка товара */
.checkout-img-wrap img {
    width: 80px;
    height: 80px;
    object-fit: contain !important;
    border-radius: 16px;
}

/* ИТОГО */
.order-total th {
    font-size: 22px;
    font-weight: 800;
}

.order-total td {
    font-size: 26px !important;
    font-weight: 900 !important;
    color: #E94290 !important;
}

/************************************
    ПОЛЯ ФОРМЫ
*************************************/
.woocommerce form .form-row input,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
    background: #fff !important;
    border: 2px solid #E4B0C8 !important;
    border-radius: 16px !important;
    padding: 14px 18px !important;
    color: #570029 !important;
}

.woocommerce form .form-row label {
    font-weight: 700;
    color: #E94290;
    text-transform: uppercase;
}

/************************************
    КРАСИВЫЕ РАДИОКНОПКИ (ДОСТАВКА + ОПЛАТА)
*************************************/

.woocommerce-checkout .woocommerce-shipping-methods li,
.woocommerce-checkout .payment_methods li {
    list-style: none !important;
    position: relative;
    padding: 16px 16px 16px 48px !important;
    margin-bottom: 12px;
    border: 2px solid #E4B0C8;
    border-radius: 20px;
    transition: .2s;
}

.woocommerce-checkout .woocommerce-shipping-methods li:hover,
.woocommerce-checkout .payment_methods li:hover {
    border-color: #E94290;
}

/* кастомная иконка радиокнопки */
.woocommerce-checkout input[type="radio"] {
    position: absolute;
    left: 16px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    opacity: 0;
}

/* кружок-контейнер */
.woocommerce-checkout input[type="radio"] + label::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #E4B0C8;
    border-radius: 50%;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}

/* активный кружок */
.woocommerce-checkout input[type="radio"]:checked + label::before {
    border-color: #E94290;
}

/* точка внутри */
.woocommerce-checkout input[type="radio"]:checked + label::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #E94290;
    border-radius: 50%;
    position: absolute;
    left: 21px;
    top: 50%;
    transform: translateY(-50%);
}

/************************************
    КНОПКА «ПІДТВЕРДИТИ ЗАМОВЛЕННЯ»
*************************************/
#place_order {
    width: 100%;
    height: 64px;
    background: #E94290 !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    border-radius: 20px !important;
    border: none;
    margin-top: 20px;
    transition: .2s;
}

#place_order:hover {
    filter: brightness(0.95);
    transform: scale(1.02);
}
.zen-ui-select__value {
    border: 1px solid #E94290;
    border-radius: 16px;
}

/*********************************************
 * КРАСИВАЯ ТАБЛИЦА ЗАКАЗА (РАДИУС + ГРАНИЦЫ)
 *********************************************/
.checkout-order-table table {
    width: 100%;
    border-collapse: separate !important; 
    border-spacing: 0; 
    border-radius: 16px; 
    overflow: hidden; 
    border: 2px solid #E4B0C8; /* внешняя граница */
}

/* Внутренние границы */
.checkout-order-table table th,
.checkout-order-table table td {
    border-bottom: 1px solid #E4B0C8;
}

/* Убираем нижние рамки у последней строки */
.checkout-order-table table tr:last-child td {
    border-bottom: none;
}

/* Заголовок таблицы */
.checkout-order-table th {
    background: #FFF4FA; /* лёгкий розоватый фон */
    font-weight: 700;
    font-size: 16px;
    color: #570029;
    padding: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #E4B0C8;
}

/* Ячейки */
.checkout-order-table td {
    padding: 16px;
    font-size: 16px;
    color: #570029;
}

/* Картинка товара */
.checkout-img-wrap img {
    width: 80px;
    height: 80px;
    object-fit: contain !important;
    border-radius: 12px;
    background: #fff;
}

/* Колонка название товара */
.checkout-order-table .product-name {
    font-weight: 600;
    font-size: 18px;
    color: #570029;
}

/* Колонка “Сума” */
.checkout-order-table .product-total {
    text-align: right;
    font-size: 20px;
    font-weight: 800;
}

/* ИТОГО */
.checkout-order-table .order-total th {
    font-size: 20px;
    font-weight: 800;
    color: #E94290;
    background: #FFF4FA;
}

.checkout-order-table .order-total td {
    font-size: 26px;
    font-weight: 900;
    color: #E94290 !important;
    text-align: right;
}