.cf-product-delivery-fields {
    margin: 18px 0 22px;
    padding: 18px;
    border: 1px solid #D8D3CA;
    border-radius: 3px;
    background: #F4F1EC;
}
.cf-product-delivery-fields h4 {
    margin: 0 0 14px;
    color: #111111;
    font-family: "Juana Alt", "Cormorant Garamond", Georgia, serif;
    font-size: 19px;
    font-weight: 400;
}
.cf-product-delivery-fields .cf-delivery-field {
    margin: 0 0 14px;
}
.cf-product-delivery-fields label {
    display: block;
    margin-bottom: 6px;
    color: #111111;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 600;
}
.cf-product-delivery-fields input,
.cf-product-delivery-fields select {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #D8D3CA;
    border-radius: 2px;
    background: #FFFFFF;
    color: #111111;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    box-sizing: border-box;
}
.cf-product-delivery-fields .cf-delivery-help,
.cf-delivery-note {
    margin: 8px 0 0;
    color: #6B6B6B;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    line-height: 1.6;
}


/* Ordered validation feedback */
.cf-product-delivery-fields .cf-field-needs-attention,
.cpiw_widget.cf-field-needs-attention {
    outline: 2px solid #B3261E;
    outline-offset: 4px;
    border-radius: 2px;
}
.cf-product-delivery-fields .cf-delivery-validation-error {
    display: block;
    margin-top: 6px;
    color: #B3261E;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 1.5;
}
.cf-product-delivery-fields input[aria-invalid="true"],
.cf-product-delivery-fields select[aria-invalid="true"] {
    border-color: #B3261E;
}

/* Buy Now reuses Add to Cart theme classes and inline styling. */
.cf-buy-now-button { margin-left: 10px; cursor: pointer; vertical-align: middle; }
.cf-product-delivery-fields .cf-delivery-validation-error { margin: 0 0 7px; }
.cf-pincode-validation-error { display: block; margin: 0 0 8px; color: #B3261E; font-family: "Montserrat", sans-serif; font-size: 12px; line-height: 1.5; }

/* Keep the jQuery UI calendar above BeTheme product and sticky-header layers. */
#ui-datepicker-div { z-index: 999999 !important; }
