.woocommerce-billing-fields, .woocommerce-shipping-fields {

    .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
        --wd-col: 6;
    }

    .form-row-first, .form-row-last {
        --wd-col: 3 !important;
    }

    .form-column-one {
        --wd-col: 1;
    }

    .form-column-two {
        --wd-col: 2;
    }

    #house_number_field, #street_field, #shipping_ward_field, #shipping_house_number_field, #shipping_street_field {
        .optional {
            display: none;
        }
    }

    input[type="number"] {
        padding: 0 15px;
        text-align: left;
    }

    #billing_city_field,
    #billing_state_field,
    #billing_address_1_field,
    #billing_address_2_field,
    #billing_country_field,
    #shipping_city_field,
    #shipping_state_field,
    #shipping_address_1_field,
    #shipping_address_2_field,
    #shipping_country_field
    {
        display: none;
    }
}

.custom_field_shipping_dates__field-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;

    input[type="time"], input[type="date"] {
        width: 100%;
        padding: 0 15px;
        height: 42px;
        border: 2px solid #e1e1e1;
        outline: none;
        background-color: #fbfbfb;
        text-align: center;
    }
}

.express-delivery-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 12px; 
    border: 1px solid #ddd; 
    border-radius: 8px; 
    background: #f8f8f8;

    label {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
    }

    input {
        transform: scale(1.2); 
        cursor: pointer;
    }

    span {
        font-weight: 600;
    }

    p {
        margin: 6px 0 0 26px; 
        font-size: 13px; 
        color: #666;
    }
}

@media screen and ( max-width: 360px ) {
    body[class*="woocommerce-checkout"] [class*="__field-wrapper"] {
        --wd-gap: 10px;
    }
}