/* Checkout page styles */
.woocommerce .fmc-checkout#customer_details.col2-set .col-1,
.woocommerce-page #customer_details.fmc-checkout.col2-set .col-1 {
    width: 70%;
}


.woocommerce .fmc-checkout#customer_details.col2-set .col-2 .checkout-block.payment-block #chevron-up,
.woocommerce .fmc-checkout#customer_details.col2-set .col-2 .checkout-block.payment-block #chevron-down {
    display: none;
}

.woocommerce .fmc-checkout#customer_details.col2-set .col-2,
.woocommerce-page #customer_details.fmc-checkout.col2-set .col-2 {
    width: 30%;
}

.fmc-checkout#customer_details .col-1 .checkout-block:not(:last-child),
.fmc-checkout#customer_details .col-2 .checkout-block:not(:last-child) {
    margin-bottom: 24px !important;
}

.woocommerce .thankyou-block,
.woocommerce-page .thankyou-block,
.woocommerce .checkout-block,
.woocommerce-page .checkout-block {
    border-radius: 16px;
    background-color: #fff;
    /* border: 1px solid #e5e5e5; */
}

.woocommerce .col-1 .checkout-block,
.woocommerce-page .col-1 .checkout-block {
    padding: 24px;
}

.woocommerce .review-order-cart-block .item-block:not(:first-child),
.woocommerce-page .review-order-cart-block .item-block:not(:first-child),
.woocommerce .payment-block .item-block:not(:first-child),
.woocommerce-page .payment-block .item-block:not(:first-child),
.woocommerce .payment-method-block .item-block:not(:first-child),
.woocommerce-page .payment-method-block .item-block:not(:first-child) {
    padding-top: 16px;
}

.woocommerce .payment-block .item-block:not(:first-child),
.woocommerce-page .payment-block .item-block:not(:first-child) {
    padding-top: 0 !important;
}

.woocommerce .review-order-cart-block .item-block:not(:last-child),
.woocommerce-page .review-order-cart-block .item-block:not(:last-child),
.woocommerce .payment-method-block .item-block:not(:last-child),
.woocommerce-page .payment-method-block .item-block:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 16px;
}

.woocommerce .heading {
    overflow: hidden;
    color: #222;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields>h3.heading {
    overflow: hidden;
    color: #222;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields p.muted {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
    color: #888888;
}


/* #region Review-order */
.woocommerce .review-order-item-block,
.woocommerce-page .review-order-item-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce .review-order-cart-block .review-order-item-block .order-review-content-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.woocommerce .review-order-cart-block .review-order-item-block .order-review-content-left .img-fluid {
    border-radius: 8px;
    width: 64px;
    aspect-ratio: 1;
    height: auto;
    border: 1px solid #e5e5e5;
}

.woocommerce .review-order-cart-block .review-order-item-block .sale-price,
.woocommerce-page .review-order-cart-block .review-order-item-block .sale-price,
.woocommerce .review-order-cart-block .review-order-item-block .regular-price,
.woocommerce-page .review-order-cart-block .review-order-item-block .regular-price,
.woocommerce .review-order-cart-block .review-order-item-block .order-review-content-right,
.woocommerce-page .review-order-cart-block .review-order-item-block .order-review-content-right {
    font-size: 14px;
}

.woocommerce .review-order-cart-block .review-order-item-block .sale-price {
    color: #4564ED;
    font-weight: bold;
}

.woocommerce .review-order-cart-block .review-order-item-block .regular-price {
    text-decoration: line-through;
    color: #888;
    margin-left: 4px;
}

#order_comments_field {
    margin: 0;
    padding: 0;
}

/* #endregion */

/* #region Payment */

.woocommerce #payment_heading,
.woocommerce-page #payment_heading {
    text-align: center;
}

.woocommerce .col-2 .thankyou-block,
.woocommerce-page .col-2 .thankyou-block,
.woocommerce .col-2 .checkout-block,
.woocommerce-page .col-2 .checkout-block {
    padding: 16px;
}

.woocommerce .col-2 .checkout-block,
.woocommerce-page .col-2 .checkout-block {
    margin-top: 0 !important; /* Thay cho cái calc phức tạp */
}

.woocommerce .col-2 .checkout-block #place_order,
.woocommerce-page .col-2 .checkout-block #place_order,
.woocommerce .col-2 .checkout-block #fmc_contact_messenger_btn,
.woocommerce-page .col-2 .checkout-block #fmc_contact_messenger_btn {
    float: none;
    background: linear-gradient(to right, #4f46e5, #3b82f6);
    color: white;
    text-align: center;
    width: 100%;
    border-radius: 999px;
    padding: 12px 0;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 24px;
}

.woocommerce .col-2 .checkout-block #fmc_contact_messenger_btn:hover,
.woocommerce-page .col-2 .checkout-block #fmc_contact_messenger_btn:hover {
    color: white;
    background: linear-gradient(to right, #4f46e5, #3b82f6);
}

.woocommerce .thankyou-block.payment-block .item-block:not(:last-child) {
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 24px;
}

.woocommerce .thankyou-block.payment-block div.none-item-block>div.item-block {
    padding-top: 16px;
    border-bottom: none;
}

.woocommerce .payment-block .item-block,
.woocommerce-page .payment-block .item-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .woocommerce .payment-block .item-block:not(:nth-child(4)),
.woocommerce-page .payment-block .item-block:not(:nth-child(4)) {
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 16px;
} */


.woocommerce .payment-block .item-block:nth-child(4),
.woocommerce-page .payment-block .item-block:nth-child(4) {
    color: #4564ED;
    font-weight: 700;
}

.woocommerce .payment-block .item-block>span:last-child,
.woocommerce-page .payment-block .item-block>span:last-child {
    font-weight: 700;
}

.woocommerce .payment-block .item-block:nth-child(3)>span:last-child,
.woocommerce-page .payment-block .item-block:nth-child(3)>span:last-child {
    color: #FF730A;
}

/* #endregion */

.billing-shipping-cart-block p.form-row>label {
    display: none;
}

.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="text"]:disabled,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="tel"]:disabled,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>select.select:disabled,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="email"]:disabled {
    background: var(--bg-gray, #F8F8F8);
}

.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="text"]:focus,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="tel"]:focus,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>select.select:focus,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="email"]:focus,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>textarea:focus {
    border: 1px solid var(--primary, #4564ED);
}

.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="text"],
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="tel"],
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>select.select,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="email"] {
    border: 1px solid #DFDFDF;
    border-radius: 9999px;
    padding: 8px 16px;
    line-height: 1.5;
}

.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>textarea {
    border: 1px solid #DFDFDF;
    border-radius: 8px;
    padding: 8px 16px !important;
    line-height: 1.5;
    resize: none;
}

.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="text"]:placeholder-shown,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="tel"]:placeholder-shown,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>select.select:placeholder-shown,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>textarea:placeholder-shown,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>select.select>option[value=""],
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="email"]:placeholder-shown {
    color: #aaa;
    opacity: 1;
}

/* #region Payment-method */

.woocommerce .thankyou-block.payment-block .img-fluid,
.woocommerce .payment-method-block .item-block .img-fluid,
.woocommerce-page .payment-method-block .item-block .img-fluid {
    margin-left: 16px;
    margin-right: 16px;
    width: 48px;
    padding: 8px;
    border-radius: 16px;
    border: 1px solid #e5e5e5;
}

.woocommerce .thankyou-block.payment-block .none-item-block .img-fluid {
    margin-left: 0;
}


/* #endregion */

#order_comments_field .woocommerce-input-wrapper {
    position: relative;
}

#order_comments_field .woocommerce-input-wrapper::after {
    content: attr(data-count) "/" attr(data-maxlength) " kí tự";
    position: absolute;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    right: 24px;
    bottom: 8px;
    color: #888888;
}

/* #region Thank-you-page */
h1.woocommerce-notice.woocommerce-thankyou-order-received {
    text-align: center !important;
    font-size: 28px;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
}

.woocommerce-notice--success {
    color: var(--text-sucess, #17BA58);
}

.woocommerce-notice--received {
    color: var(--text-primary, #4564ED);
}

.woocommerce-notice--error {
    color: var(--text-error, #FF2156);
}

#order_note_thanyou {
    margin-top: 1rem;
    padding: 1rem;
    background-color: #EDF5FF;
    border-radius: 8px;
}

#billing_shipping_info .customer-info .customer-info-item {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.5;
}

#billing_shipping_info .customer-info .customer-info-heading {
    display: flex;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}

#billing_shipping_info .customer-info .customer-info-heading .img-fluid {
    width: 24px;
    height: auto;
    aspect-ratio: 1;
    margin-right: 4px;
}

/* than tuan */
/* FW-558 */
.woocommerce .heading {
    margin-bottom: 8px !important; /* Đưa về 12px cho tất cả tiêu đề */
    font-family: 'Inter', sans-serif;
}

#order_information_heading {
    margin-top: 0 !important; /* Bỏ margin-top thừa ở tiêu đề thông tin đơn hàng */
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields>h3.heading {
    font-family: 'Inter', sans-serif;
    margin-bottom: 4px;
}


.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>textarea {
    min-height: 88px;
}

.woocommerce #fpay-method-selection .payment-method-item-block>label {
    display: flex;
    align-items: center;
}

.woocommerce #fpay-method-selection .payment-method-item-block>label>input {
    height: 28px;
    width: 28px;
}

.woocommerce .review-order-cart-block .review-order-item-block .order-review-content-left .order-content-product-name,
.woocommerce .review-order-cart-block .review-order-item-block .order-review-content-right,
.woocommerce #fpay-method-selection .payment-method-item-block>label>span,
.woocommerce .payment-block .item-block .regular-price,
.woocommerce .payment-block .item-block .regular-price-label,
.woocommerce .payment-block .item-block .discount-label {
    color: #222;
}

.woocommerce .review-order-cart-block .review-order-item-block .regular-price {
    font-size: 12px;
    line-height: 18px;
}

.woocommerce .payment-block .item-block .total-price {
    font-size: 20px;
    line-height: 30px;
}

.woocommerce .review-order-cart-block .review-order-item-block .order-review-content-left>div:nth-of-type(1) {
    flex-shrink: 0;
}

@media screen and (max-width: 440px) {
    .woocommerce .heading {
        margin-bottom: 16px;
    }

    .woocommerce .heading,
    .woocommerce .payment-block .item-block .total-price {
        font-size: 18px;
        line-height: 27px;
    }

    .woocommerce .review-order-cart-block .review-order-item-block .order-review-content-left .order-content-product-name,
    .woocommerce #fpay-method-selection .payment-method-item-block>label>span,
    .woocommerce .payment-block .item-block .total-price-label,
    .woocommerce .payment-block .item-block .regular-price-label,
    .woocommerce .payment-block .item-block .discount-label {
        font-size: 14px;
        line-height: 21px;
    }

    .woocommerce .review-order-cart-block .review-order-item-block .order-review-content-right,
    .woocommerce .review-order-cart-block .review-order-item-block .sale-price,
    .woocommerce .review-order-cart-block .review-order-item-block .regular-price,
    .woocommerce-checkout #customer_details .woocommerce-billing-fields p.muted {
        font-size: 12px;
        line-height: 18px;
    }

    .woocommerce .col-2 .checkout-block #place_order,
    .woocommerce-page .col-2 .checkout-block #place_order {
        padding: 8px 0;
    }
}

.woocommerce-checkout {
    color: #222;
}

.woocommerce-checkout #order_note_thanyou span {
    color: #888888;
}

.woocommerce-checkout .thankyou-block .woocommerce-notice--success {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 21px;
}

.woocommerce-checkout .thankyou-block .woocommerce-notice--success::before {
    content: "";
    display: inline-block;
    width: 8px;      /* Size of the dot */
    height: 8px;     /* Size of the dot */
    border-radius: 50%; /* Make it circular */
    background-color: #17BA58; /* Dot color */
    margin-right: 8px; /* Space between the dot and text */
    vertical-align: middle; /* Align the dot with the text */
}

.woocommerce-checkout .thankyou-block .woocommerce-notice--error::before {
    content: "";
    display: inline-block;
    width: 8px;      /* Size of the dot */
    height: 8px;     /* Size of the dot */
    border-radius: 50%; /* Make it circular */
    background-color: #FF2156; /* Dot color */
    margin-right: 8px; /* Space between the dot and text */
    vertical-align: middle; /* Align the dot with the text */
}

.woocommerce-checkout .payment-method-label {
    font-weight: bold;
    color: #222;
}

.woocommerce-checkout .col-2 .thankyou-block .none-item-block label span {
    color: #222;
}

.woocommerce-checkout .col-1 .checkout-block {
    margin-bottom: 12px !important;
}

.woocommerce-checkout #order_note_thanyou {
    font-size: 14px;
    line-height: 21px;
}

.woocommerce-checkout .heading {
    font-size: 18px;
    line-height: 27px;
}

.woocommerce-checkout .site-content {
    padding-bottom: 56px;
}

.woocommerce-checkout .billing-shipping-info-block div.col-12:last-child {
    grid-column: 1 / span 2;
}
/* end */

.e-con>.e-con-inner {
    max-width: 1160px !important;
}

.woocommerce-checkout #customer_details {
    margin: 0 !important;
    display: flex;
    gap: 24px;
}

.woocommerce .col2-set::before, 
.woocommerce .col2-set::after, 
.woocommerce-page .col2-set::before,
.woocommerce-page .col2-set::after {
    content: none !important;
}

.woocommerce-checkout #customer_details > .col-1,
.woocommerce-checkout #customer_details > .col-2 {
    padding: 0;
}

.woocommerce-checkout #customer_details > .col-1 {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.woocommerce-checkout #customer_details > .col-2 {
    width: 340px;
    flex-shrink: 0;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last,
.woocommerce-checkout .form-row-wide {
    float: none !important;
    width: 100% !important;
    clear: both !important;
}

/* Ẩn icon collapse trên Desktop */
@media (min-width: 1024px) {
    .fmc-summary-bar .fmc-toggle-icon {
        display: none !important;
    }
    
    /* Đảm bảo vùng này không hiện con trỏ pointer trên desktop vì không cần click */
    .fmc-summary-bar {
        cursor: default !important;
    }
}

/* --- FIX VOUCHER CHỐT HẠ --- */

/* Box trắng bên trong */
.fmc-voucher-box-all-devices .checkout-block {
    padding: 24px !important;
    border-radius: 16px !important;
    background-color: #fff !important;
}

/* Layout hàng ngang */
.fmc-custom-coupon-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}

/* Ô nhập liệu dạng gạch chân - Sạch sẽ và thoáng hơn */
input#fmc_custom_code {
    flex: 1 !important;
    height: 30px !important;
    background: transparent !important; /* Xóa nền trắng */
    border: none !important; /* Xóa hết các cạnh */
    border-bottom: 1px solid #DFDFDF !important; /* Chỉ giữ lại cạnh dưới */
    border-radius: 0 !important; /* Xóa bo tròn vì giờ là đường thẳng */
    padding: 0 5px !important; /* Thu nhỏ padding để chữ nằm sát đường kẻ */
    font-size: 14px !important;
    outline: none !important;
    transition: border-color 0.3s;
}

/* Chỉ in hoa khi người dùng thực sự nhập giá trị vào */
input#fmc_custom_code:not(:placeholder-shown) {
    text-transform: uppercase !important;
}

/* Định dạng riêng cho Placeholder để đảm bảo nó luôn là chữ thường/tự nhiên */
input#fmc_custom_code::placeholder {
    text-transform: none !important;
    text-transform: lowercase; /* Hoặc bỏ dòng này để theo đúng text bác viết trong PHP */
    font-size: 13px !important;
}

/* Hiệu ứng khi bác click vào ô nhập để gõ mã */
input#fmc_custom_code:focus {
    border-bottom-color: #4564ED !important; /* Đổi màu đường kẻ sang xanh Medicare khi focus */
}

/* Nút Áp dụng - Thu nhỏ tinh tế, font 14px */
button#fmc_custom_btn {
    height: 30px !important;
    min-width: 80px !important; /* Thu hẹp chiều rộng tối thiểu để cân đối với text ngắn */
    background: #4564ED !important;
    color: #fff !important;
    border-radius: 6px !important; /* Bo góc nhẹ cho hiện đại */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important; /* Hạ xuống 14px theo ý bác */
    font-weight: 600 !important; /* Giảm độ dày font xuống 600 nhìn sẽ sang hơn */
    line-height: 1 !important;
    padding: 0 15px !important; /* Tăng padding nhẹ để nút có độ thở ngang */
    text-transform: none !important;
    cursor: pointer !important;
    transition: background 0.3s ease;
}

/* Hiệu ứng hover nhẹ cho nút */
button#fmc_custom_btn:hover {
    background: #3652D1 !important;
}

/* Ẩn vùng voucher cũ ở cột 2 trên Desktop */
@media (min-width: 1024px) {
    .col-2 .coupon-block {
        display: none !important;
    }
}

/* Ẩn khối chi tiết thanh toán mobile trên giao diện Desktop */
.fmc-only-mobile {
    display: none !important;
}

/* 1. Áp dụng cho các ô input (Text, Tel, Email, Select) */
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="text"],
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="tel"],
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>select.select,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text[type="email"] {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #DFDFDF !important;
    border-radius: 0 !important;
    padding: 8px 0 !important;
    line-height: 1.5;
    transition: border-color 0.3s ease;
    
    /* Hạ size chữ người dùng nhập */
    font-size: 13px !important; 
    color: #333 !important;
}

/* 2. Áp dụng riêng cho ô Ghi chú (Textarea) */
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>textarea {
    background-color: transparent !important; 
    border: none !important;
    border-bottom: 1px solid #DFDFDF !important; 
    border-radius: 0 !important;
    padding: 10px 0 !important; 
    line-height: 1.6;
    min-height: 60px;
    resize: none;
    transition: all 0.3s ease;
    
    /* Size chữ ghi chú 14px cho đồng bộ */
    font-size: 13px !important;
}

/* 3. Chỉnh size chữ Placeholder (Chữ gợi ý) cho tất cả các ô */
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper .input-text::placeholder,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper textarea::placeholder {
    font-size: 13px !important;
    color: #999 !important; /* Màu xám nhạt cho placeholder đúng chuẩn UI */
    font-weight: 400 !important;
}

/* Hiệu ứng Focus giữ nguyên */
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text:focus,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>select:focus,
.billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>textarea:focus {
    border-bottom-color: #4564ED !important;
    outline: none !important;
}

/* --- CHỈNH FONT SIZE CHO DESKTOP --- */
@media (min-width: 1024px) {
    /* 1. Tăng size chữ nhập vào */
    .billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text,
    .billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>select.select,
    .billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>textarea {
        font-size: 15px !important;
    }

    /* 2. Tăng size chữ Placeholder */
    .billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper .input-text::placeholder,
    .billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper textarea::placeholder {
        font-size: 15px !important;
    }

    /* 3. Tăng nhẹ padding một chút cho thoáng tầm mắt Desktop */
    .billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>.input-text,
    .billing-shipping-cart-block p.form-row>.woocommerce-input-wrapper>select.select {
        padding: 10px 0 !important;
    }

    /* 1. Tăng chiều cao lên một chút cho đỡ bị "lọt thỏm" trên màn hình lớn */
    input#fmc_custom_code,
    button#fmc_custom_btn {
        height: 36px !important; /* Tăng từ 30px lên 36px cho thoáng */
    }

    /* 2. Tăng font size nhập liệu và nút bấm lên 15px */
    input#fmc_custom_code {
        font-size: 15px !important;
    }

    button#fmc_custom_btn {
        font-size: 15px !important;
        min-width: 90px !important; /* Nới rộng nút một tẹo cho cân đối font 15 */
    }

    /* 3. Tăng font size placeholder lên 15px */
    input#fmc_custom_code::placeholder {
        font-size: 15px !important;
    }
}

/* Container chính của mỗi dòng thanh toán */
.payment-method-item-block .fmc-payment-label {
    display: flex !important;
    align-items: center !important; /* Căn giữa tất cả theo chiều dọc */
    cursor: pointer;
    padding: 12px 0;
    width: 100%;
}

/* Căn chỉnh cái vòng tròn chọn (Radio) */
.fmc-radio-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px; /* Khoảng cách với icon */
    flex-shrink: 0; /* Không cho vòng tròn bị bóp méo */
}

.fmc-radio-wrapper input[type="radio"] {
    width: 20px !important;
    height: 20px !important;
    accent-color: #6366f1;
    margin: 0 !important; /* Xóa margin mặc định của trình duyệt */
}

/* Cụm nội dung bên phải */
.fmc-payment-content {
    display: flex;
    align-items: center;
    flex: 1;
}

/* Box chứa icon để đảm bảo các icon luôn thẳng hàng nhau */
.fmc-icon-box {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
}

.fmc-icon-box img {
    max-width: 100%;
    height: auto;
}

/* Chữ tiêu đề thanh toán */
.fmc-method-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    color: #333;
}

@media (max-width: 1023px) {
    .fmc-method-title {
        font-size: 13px !important; /* Hạ xuống 13px cho đồng bộ với dàn input mobile */
        line-height: 1.4 !important;
    }
    
    /* Thu nhỏ nhẹ cái vòng radio cho đỡ thô so với chữ 13px */
    .fmc-radio-wrapper input[type="radio"] {
        width: 18px !important;
        height: 18px !important;
    }
}

/* 1. Thiết lập khung bao làm mốc tọa độ */
.review-order-item-block {
    position: static !important;
    display: flex !important;
    align-items: flex-start !important;
}

/* 2. Khối nội dung bên trái (Ảnh + Tên/Giá) */
.order-review-content-left {
    display: flex !important;
    gap: 15px;
    flex: 1;
}

/* Bỏ min-height cứng: giờ x1 nằm trong price-row nên không cần ghim cao */
.order-review-content-left > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: unset;
}

/* 3. Dòng giá + x1 (SP thường): space-between, full width */
.order-review-price-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px;
    width: 100%;
}

/* 4. Dòng countdown + x1 (SP survey): space-between, full width */
.order-review-countdown-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px;
    width: 100%;
    margin-top: 2px;
}

/* x1 dùng chung trong cả price-row lẫn countdown-row */
.order-review-content-right {
    position: static !important;
    flex-shrink: 0;
    font-size: 14px;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}

/* Ép order-review-text chiếm full width còn lại (desktop hay mobile) */
.order-review-text {
    flex: 1;
    min-width: 0;
}

/* Tinh chỉnh ảnh */
.order-review-content-left img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.woocommerce .review-order-cart-block .review-order-item-block .order-review-content-left .order-content-product-name,
.woocommerce-page .review-order-cart-block .review-order-item-block .order-review-content-left .order-content-product-name {
    font-weight: 600 !important;
    color: #222 !important;
}

/* Tắt overlay + icon xoay tròn mặc định của WooCommerce lúc update_checkout (đổi mã giảm giá, vận chuyển...) */
.woocommerce-checkout-payment .blockUI.blockOverlay,
.woocommerce-checkout-review-order-table .blockUI.blockOverlay {
    display: none !important;
}