/*
 * Auto Checkout Replacer frontend styles.
 * Every selector is scoped to .acr-checkout-scope for theme isolation.
 */

.acr-checkout-scope {
    --acr-primary: #1e40af;
    --acr-secondary: #111827;
    --acr-bg: #ffffff;
    --acr-text: #222222;
    --acr-button: #2434c7;
    --acr-button-text: #ffffff;
    --acr-radius: 6px;
    --acr-font-size: 16px;
    --acr-font-size-sm: calc(var(--acr-font-size) - 1px);
    --acr-font-size-xs: calc(var(--acr-font-size) - 3px);
    --acr-font-size-lg: calc(var(--acr-font-size) + 2px);
    box-sizing: border-box !important;
    width: 100% !important;
    color: var(--acr-text) !important;
    font-family: "Noto Sans Bengali", "Hind Siliguri", "SolaimanLipi", "Segoe UI", Arial, sans-serif;
    font-size: var(--acr-font-size) !important;
    line-height: 1.45 !important;
}

.acr-checkout-scope *,
.acr-checkout-scope *::before,
.acr-checkout-scope *::after {
    box-sizing: border-box !important;
}

.acr-checkout-scope :where(div, section, aside, form, p, h2, h3, table, thead, tbody, tfoot, tr, th, td, label, input, select, textarea, button, ul, li, a, span, strong, small) {
    font-family: inherit !important;
    letter-spacing: 0 !important;
}

.acr-checkout-scope :where(h2, h3, p, table, ul) {
    margin-top: 0;
}

.acr-checkout-scope .woocommerce-notices-wrapper,
.acr-checkout-scope .woocommerce-error,
.acr-checkout-scope .woocommerce-message,
.acr-checkout-scope .woocommerce-info {
    max-width: 1180px !important;
    margin: 0 auto 14px !important;
    border-radius: var(--acr-radius) !important;
}

.acr-checkout-scope .woocommerce-form-coupon-toggle,
.acr-checkout-scope form.checkout_coupon {
    max-width: 1180px !important;
    margin: 0 auto 14px !important;
}

.acr-checkout-scope form.checkout_coupon {
    border: 1px solid #d8dde6 !important;
    border-radius: var(--acr-radius) !important;
    background: var(--acr-bg) !important;
    padding: 14px !important;
}

.acr-checkout-scope form.checkout_coupon .form-row {
    margin: 0 0 10px !important;
    padding: 0 !important;
}

.acr-checkout-scope form.checkout_coupon .button {
    min-height: 42px !important;
    border: 0 !important;
    border-radius: var(--acr-radius) !important;
    background: var(--acr-button) !important;
    color: var(--acr-button-text) !important;
    padding: 10px 18px !important;
    font-weight: 700 !important;
}

.acr-checkout-scope .acr-checkout-wrapper {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto 32px;
    padding: 0;
    background: transparent;
    color: var(--acr-text);
}

.acr-checkout-scope .acr-checkout-form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.acr-checkout-scope .acr-checkout-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 40%) minmax(0, 60%) !important;
    gap: 24px !important;
    align-items: start !important;
}

.acr-checkout-scope .acr-customer-card,
.acr-checkout-scope .acr-order-card {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #d8dde6 !important;
    border-radius: var(--acr-radius) !important;
    background: var(--acr-bg) !important;
    box-shadow: none !important;
}

.acr-checkout-scope .acr-checkout-note,
.acr-checkout-scope .acr-card-title {
    display: block !important;
    margin: 0 !important;
    border-bottom: 1px solid #d8dde6 !important;
    background: #f8fafc !important;
    color: var(--acr-primary) !important;
    padding: 9px 14px !important;
    font-size: var(--acr-font-size) !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.acr-checkout-scope .acr-card-title {
    color: var(--acr-secondary) !important;
}

.acr-checkout-scope .acr-customer-details {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 16px 0 !important;
}

.acr-checkout-scope .acr-customer-details .col-1,
.acr-checkout-scope .acr-customer-details .col-2 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.acr-checkout-scope .acr-customer-details .col-2,
.acr-checkout-scope .acr-customer-details .woocommerce-shipping-fields,
.acr-checkout-scope .acr-customer-details .woocommerce-additional-fields,
.acr-checkout-scope .acr-customer-details .woocommerce-account-fields,
.acr-checkout-scope .woocommerce-billing-fields > h3 {
    display: none !important;
}

.acr-checkout-scope .woocommerce-billing-fields,
.acr-checkout-scope .woocommerce-billing-fields__field-wrapper {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.acr-checkout-scope .acr-field,
.acr-checkout-scope .form-row,
.acr-checkout-scope .woocommerce form .form-row {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
}

.acr-checkout-scope .acr-field label,
.acr-checkout-scope .form-row label {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: var(--acr-text) !important;
    font-size: var(--acr-font-size) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

.acr-checkout-scope abbr.required {
    color: var(--acr-text) !important;
    text-decoration: none !important;
}

.acr-checkout-scope .input-text,
.acr-checkout-scope input[type="text"],
.acr-checkout-scope input[type="tel"],
.acr-checkout-scope input[type="email"],
.acr-checkout-scope input[type="number"],
.acr-checkout-scope select,
.acr-checkout-scope textarea {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 40px !important;
    margin: 0 !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: var(--acr-radius) !important;
    background: var(--acr-bg) !important;
    color: var(--acr-text) !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding: 8px 12px !important;
    font-size: var(--acr-font-size) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    appearance: auto !important;
}

.acr-checkout-scope textarea {
    min-height: 82px !important;
    resize: vertical !important;
}

.acr-checkout-scope .input-text:focus,
.acr-checkout-scope input[type="text"]:focus,
.acr-checkout-scope input[type="tel"]:focus,
.acr-checkout-scope input[type="email"]:focus,
.acr-checkout-scope input[type="number"]:focus,
.acr-checkout-scope select:focus,
.acr-checkout-scope textarea:focus {
    border-color: var(--acr-primary) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--acr-primary) 18%, transparent) !important;
}

.acr-checkout-scope .acr-delivery-field {
    padding: 0 16px !important;
}

.acr-checkout-scope .acr-payment-box {
    display: block !important;
    margin: 0 !important;
    padding: 0 16px 16px !important;
    border: 0 !important;
    background: transparent !important;
}

.acr-checkout-scope .acr-payment-title {
    margin: 2px 0 10px !important;
    color: var(--acr-text) !important;
    font-size: var(--acr-font-size) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

.acr-checkout-scope #payment,
.acr-checkout-scope .woocommerce-checkout-payment {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.acr-checkout-scope #payment ul.payment_methods {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: start !important;
    gap: 10px 20px !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
    list-style-type: none !important;
    text-align: left !important;
    background: transparent !important;
    float: none !important;
    clear: none !important;
}

.acr-checkout-scope #payment ul.payment_methods li {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: start !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--acr-text) !important;
    float: none !important;
    clear: none !important;
    font-size: var(--acr-font-size-sm) !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

.acr-checkout-scope #payment ul.payment_methods input[type="radio"] {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    min-height: 0 !important;
    float: none !important;
    position: static !important;
    flex: 0 0 14px !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    accent-color: var(--acr-primary) !important;
    transform: none !important;
}

.acr-checkout-scope #payment ul.payment_methods label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    color: var(--acr-text) !important;
    font-size: var(--acr-font-size-sm) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.acr-checkout-scope #payment ul.payment_methods label img {
    display: inline-block !important;
    width: auto !important;
    max-width: 24px !important;
    max-height: 18px !important;
    float: none !important;
    position: static !important;
    margin: 0 !important;
    vertical-align: middle !important;
    border: 0 !important;
    box-shadow: none !important;
}

.acr-checkout-scope #payment ul.payment_methods li::before,
.acr-checkout-scope #payment ul.payment_methods li::after {
    display: none !important;
    content: none !important;
}

.acr-checkout-scope #payment div.payment_box {
    display: none !important;
}

.acr-checkout-scope #payment div.payment_box p {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.acr-checkout-scope #payment div.payment_box::before {
    display: none !important;
}

.acr-checkout-scope #payment .place-order {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.acr-checkout-scope .acr-button,
.acr-checkout-scope #payment #place_order {
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: var(--acr-radius) !important;
    background: var(--acr-button) !important;
    color: var(--acr-button-text) !important;
    box-shadow: none !important;
    padding: 11px 18px !important;
    font-size: var(--acr-font-size) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.acr-checkout-scope .acr-button:hover,
.acr-checkout-scope .acr-button:focus,
.acr-checkout-scope #payment #place_order:hover,
.acr-checkout-scope #payment #place_order:focus {
    background: var(--acr-button) !important;
    color: var(--acr-button-text) !important;
    filter: brightness(0.93) !important;
}

.acr-checkout-scope .acr-order-review {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 0 !important;
    background: var(--acr-bg) !important;
}

.acr-checkout-scope .acr-order-table,
.acr-checkout-scope .acr-order-review table.shop_table {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border: 1px solid #dfe3eb !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
    background: var(--acr-bg) !important;
    color: var(--acr-secondary) !important;
    font-size: var(--acr-font-size-sm) !important;
    line-height: 1.4 !important;
}

.acr-checkout-scope .acr-order-table th,
.acr-checkout-scope .acr-order-table td {
    border: 1px solid #dfe3eb !important;
    background: var(--acr-bg) !important;
    color: var(--acr-secondary) !important;
    padding: 10px 12px !important;
    font-size: var(--acr-font-size-sm) !important;
    line-height: 1.4 !important;
    vertical-align: middle !important;
}

.acr-checkout-scope .acr-order-table thead th {
    background: var(--acr-bg) !important;
    color: var(--acr-secondary) !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.acr-checkout-scope .acr-order-table tbody td {
    background: #f7f7f7 !important;
}

.acr-checkout-scope .acr-col-delete,
.acr-checkout-scope .acr-cell-delete {
    width: 20% !important;
    text-align: center !important;
}

.acr-checkout-scope .acr-col-product,
.acr-checkout-scope .acr-cell-product {
    width: 40% !important;
}

.acr-checkout-scope .acr-col-quantity,
.acr-checkout-scope .acr-cell-quantity {
    width: 20% !important;
    text-align: center !important;
}

.acr-checkout-scope .acr-col-price,
.acr-checkout-scope .acr-cell-price {
    width: 20% !important;
    text-align: center !important;
}

.acr-checkout-scope .acr-remove-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ef3340 !important;
    box-shadow: none !important;
    font-size: 0 !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.acr-checkout-scope .acr-remove-item:hover,
.acr-checkout-scope .acr-remove-item:focus {
    background: transparent !important;
    color: #dc2626 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.acr-checkout-scope .acr-remove-icon {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

.acr-checkout-scope .acr-product-line {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
}

.acr-checkout-scope .acr-product-thumb {
    display: inline-flex !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    overflow: hidden !important;
    border: 1px solid #e1e5ee !important;
    border-radius: 50% !important;
    background: var(--acr-bg) !important;
}

.acr-checkout-scope .acr-product-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
    border: 0 !important;
}

.acr-checkout-scope .acr-product-info {
    display: block !important;
    min-width: 0 !important;
}

.acr-checkout-scope .acr-product-name {
    display: block !important;
    overflow: hidden !important;
    color: var(--acr-primary) !important;
    font-size: var(--acr-font-size-sm) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.acr-checkout-scope .acr-product-meta {
    display: block !important;
    margin-top: 3px !important;
    color: var(--acr-text) !important;
    font-size: var(--acr-font-size-xs) !important;
}

.acr-checkout-scope .acr-quantity-control {
    display: inline-grid !important;
    grid-template-columns: 30px 32px 30px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 92px !important;
    height: 34px !important;
    margin: 0 auto !important;
    border: 1px solid #111111 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: var(--acr-bg) !important;
}

.acr-checkout-scope .acr-quantity-control.is-loading {
    opacity: 0.65 !important;
    pointer-events: none !important;
}

.acr-checkout-scope .acr-qty-action,
.acr-checkout-scope .acr-qty-input {
    width: 100% !important;
    height: 32px !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #111111 !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-family: var(--acr-font-family) !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    text-align: center !important;
    appearance: none !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #111111 !important;
}

.acr-checkout-scope .acr-qty-action {
    background: #ffffff !important;
    cursor: pointer !important;
    font-size: 17px !important;
}

.acr-checkout-scope .acr-qty-input {
    border-left: 1px solid #111111 !important;
    border-right: 1px solid #111111 !important;
    background: #ffffff !important;
    font-size: 14px !important;
    appearance: textfield !important;
}

.acr-checkout-scope .acr-qty-input::-webkit-outer-spin-button,
.acr-checkout-scope .acr-qty-input::-webkit-inner-spin-button {
    margin: 0 !important;
    appearance: none !important;
}

.acr-checkout-scope .acr-quantity-static {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 34px !important;
    color: var(--acr-secondary) !important;
    font-size: var(--acr-font-size-sm) !important;
    font-weight: 700 !important;
}

.acr-checkout-scope .acr-order-table tfoot th,
.acr-checkout-scope .acr-order-table tfoot td {
    background: var(--acr-bg) !important;
    font-weight: 700 !important;
}

.acr-checkout-scope .acr-order-table tfoot th {
    text-align: right !important;
}

.acr-checkout-scope .acr-order-table tfoot td {
    text-align: center !important;
}

.acr-checkout-scope .acr-order-table .order-total th,
.acr-checkout-scope .acr-order-table .order-total td {
    font-weight: 800 !important;
}

.acr-checkout-scope .acr-order-table .amount {
    color: var(--acr-secondary) !important;
    font-weight: inherit !important;
}

.acr-checkout-scope .acr-empty-cart {
    text-align: center !important;
}

.acr-checkout-scope .woocommerce-privacy-policy-text {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.acr-checkout-scope .blockUI.blockOverlay {
    border-radius: var(--acr-radius) !important;
}

@media (max-width: 860px) {
    .acr-checkout-scope .acr-checkout-wrapper {
        max-width: 100% !important;
        padding: 0 12px !important;
    }

    .acr-checkout-scope .acr-checkout-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .acr-checkout-scope .acr-order-card {
        position: static !important;
    }

    .acr-checkout-scope .acr-order-review {
        overflow-x: auto !important;
    }

    .acr-checkout-scope .acr-order-table {
        min-width: 620px !important;
    }
}

@media (max-width: 520px) {
    .acr-checkout-scope .acr-checkout-note,
    .acr-checkout-scope .acr-card-title {
        font-size: var(--acr-font-size-sm) !important;
        padding: 9px 12px !important;
    }

    .acr-checkout-scope .acr-customer-details,
    .acr-checkout-scope .acr-payment-box,
    .acr-checkout-scope .acr-order-review {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .acr-checkout-scope .acr-field label,
    .acr-checkout-scope .form-row label,
    .acr-checkout-scope .input-text,
    .acr-checkout-scope input[type="text"],
    .acr-checkout-scope input[type="tel"],
    .acr-checkout-scope input[type="email"],
    .acr-checkout-scope select,
    .acr-checkout-scope textarea {
        font-size: var(--acr-font-size) !important;
    }

}


/*
 * Screenshot-matched checkout skin and theme hardening.
 */
body.acr-checkout-active:not(.woocommerce-order-received) .site-main .entry-title,
body.acr-checkout-active:not(.woocommerce-order-received) .site-main .page-title,
body.acr-checkout-active:not(.woocommerce-order-received) .site-main .page-header,
body.acr-checkout-active:not(.woocommerce-order-received) .site-main .elementor-heading-title {
    display: none !important;
}

body.acr-checkout-active .site-main,
body.acr-checkout-active .content-area,
body.acr-checkout-active .entry-content {
    width: 100% !important;
    max-width: none !important;
}

.acr-checkout-scope {
    --acr-brand-blue: var(--acr-primary);
    --acr-line: #d7d7d7;
    --acr-soft-line: #e6e6e6;
    --acr-soft-bg: #f7f7f7;
    --acr-muted: #6f6f6f;
    --acr-font-family: "Noto Sans Bengali", "Hind Siliguri", "SolaimanLipi", "Segoe UI", Arial, sans-serif;
    isolation: isolate !important;
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    padding: 32px 0 18px !important;
}

.acr-checkout-scope .woocommerce-form-coupon-toggle,
.acr-checkout-scope form.checkout_coupon {
    display: none !important;
}

.acr-checkout-scope .acr-checkout-wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.acr-checkout-scope .acr-checkout-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 24px !important;
}

.acr-checkout-scope .acr-customer-card,
.acr-checkout-scope .acr-order-card {
    overflow: hidden !important;
    border: 1px solid var(--acr-line) !important;
    border-radius: 4px !important;
    background: var(--acr-bg) !important;
}

.acr-checkout-scope .acr-checkout-note {
    min-height: 54px !important;
    border-bottom: 0 !important;
    background: var(--acr-brand-blue) !important;
    color: var(--acr-button-text) !important;
    padding: 15px 22px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

.acr-checkout-scope .acr-card-title {
    min-height: 43px !important;
    border-bottom: 1px solid var(--acr-line) !important;
    background: #fafafa !important;
    color: var(--acr-secondary) !important;
    padding: 10px 16px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

.acr-checkout-scope .acr-customer-details {
    padding: 15px 18px 6px !important;
}

.acr-checkout-scope .acr-customer-details,
.acr-checkout-scope .acr-customer-details .col-1,
.acr-checkout-scope .acr-customer-details .col-2,
.acr-checkout-scope .acr-customer-details .woocommerce-billing-fields,
.acr-checkout-scope .acr-customer-details .woocommerce-billing-fields__field-wrapper {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.acr-checkout-scope .acr-field,
.acr-checkout-scope .form-row,
.acr-checkout-scope .woocommerce form .form-row {
    margin: 0 0 12px !important;
}

.acr-checkout-scope .acr-field label,
.acr-checkout-scope .form-row label {
    margin: 0 0 7px !important;
    color: var(--acr-text) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.acr-checkout-scope .woocommerce-input-wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.acr-checkout-scope .input-text,
.acr-checkout-scope input[type="text"],
.acr-checkout-scope input[type="tel"],
.acr-checkout-scope input[type="email"],
.acr-checkout-scope input[type="number"],
.acr-checkout-scope select,
.acr-checkout-scope textarea {
    min-height: 40px !important;
    border: 1px solid #cfcfcf !important;
    border-radius: 4px !important;
    background: var(--acr-bg) !important;
    color: var(--acr-text) !important;
    padding: 8px 12px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}

.acr-checkout-scope #billing_first_name_field .woocommerce-input-wrapper::before,
.acr-checkout-scope #billing_email_field .woocommerce-input-wrapper::before,
.acr-checkout-scope #billing_phone_field .woocommerce-input-wrapper::before,
.acr-checkout-scope #billing_address_1_field .woocommerce-input-wrapper::before,
.acr-checkout-scope .acr-delivery-field .acr-select-wrapper::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    display: block !important;
    width: 60px !important;
    height: 40px !important;
    border: 1px solid #d8d8d8 !important;
    border-right: 0 !important;
    border-radius: 4px 0 0 4px !important;
    background-color: #f1f1f1 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    pointer-events: none !important;
}

.acr-checkout-scope #billing_first_name_field .woocommerce-input-wrapper::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23222222'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4Zm0 2c-3.31 0-6 1.79-6 4v1h12v-1c0-2.21-2.69-4-6-4Z'/%3E%3C/svg%3E") !important;
}

.acr-checkout-scope #billing_email_field .woocommerce-input-wrapper::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23222222'%3E%3Cpath d='M4 6h16c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2Zm8 7 8-5H4l8 5Zm0 2L4 10v6h16v-6l-8 5Z'/%3E%3C/svg%3E") !important;
}

.acr-checkout-scope #billing_phone_field .woocommerce-input-wrapper::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23222222'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.15 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.24.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E") !important;
}

.acr-checkout-scope #billing_address_1_field .woocommerce-input-wrapper::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23222222'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E") !important;
}

.acr-checkout-scope .acr-delivery-field .acr-select-wrapper::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23222222'%3E%3Cpath d='M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2a3 3 0 0 0 6 0h6a3 3 0 0 0 6 0h2v-5l-3-4ZM6 18.5A1.5 1.5 0 1 1 6 15a1.5 1.5 0 0 1 0 3.5Zm12 0a1.5 1.5 0 1 1 0-3.5 1.5 1.5 0 0 1 0 3.5ZM17 10h2.5l1.5 2H17v-2Z'/%3E%3C/svg%3E") !important;
}

.acr-checkout-scope #billing_first_name,
.acr-checkout-scope #billing_email,
.acr-checkout-scope #billing_phone,
.acr-checkout-scope #billing_address_1,
.acr-checkout-scope #acr_delivery_area {
    padding-left: 74px !important;
}

.acr-checkout-scope #acr_delivery_area {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: none !important;
    padding-right: 12px !important;
}

.acr-checkout-scope #acr_delivery_area::-ms-expand {
    display: none !important;
}

.acr-checkout-scope .acr-payment-box {
    border-top: 1px solid var(--acr-soft-line) !important;
    padding: 14px 18px 18px !important;
}

.acr-checkout-scope .acr-payment-title {
    margin: 0 0 9px !important;
    color: var(--acr-text) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.acr-checkout-scope #payment ul.payment_methods {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}

.acr-checkout-scope #payment ul.payment_methods li {
    display: grid !important;
    grid-template-columns: 16px minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 7px !important;
    color: var(--acr-text) !important;
}

.acr-checkout-scope #payment ul.payment_methods input[type="radio"] {
    grid-column: 1 !important;
    width: 13px !important;
    height: 13px !important;
    margin-top: 3px !important;
}

.acr-checkout-scope #payment ul.payment_methods label {
    grid-column: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    color: var(--acr-text) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}

.acr-checkout-scope #payment ul.payment_methods label img {
    max-width: 24px !important;
    max-height: 20px !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 3px !important;
    padding: 1px !important;
    background: #ffffff !important;
}

.acr-checkout-scope #payment ul.payment_methods li div.payment_box {
    grid-column: 1 / -1 !important;
    display: none !important;
    width: 100% !important;
    margin: 2px 0 0 !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 3px !important;
    background: #fafafa !important;
    color: var(--acr-text) !important;
    padding: 10px 13px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}

.acr-checkout-scope #payment ul.payment_methods li input.input-radio:checked ~ div.payment_box {
    display: block !important;
}

.acr-checkout-scope #payment div.payment_box p {
    color: var(--acr-text) !important;
    font-size: 15px !important;
}

.acr-checkout-scope .woocommerce-terms-and-conditions-wrapper {
    display: block !important;
}

.acr-checkout-scope .woocommerce-privacy-policy-text {
    display: block !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: var(--acr-text) !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.acr-checkout-scope .acr-button,
.acr-checkout-scope #payment #place_order {
    min-height: 46px !important;
    border-radius: 4px !important;
    background: var(--acr-button) !important;
    color: var(--acr-button-text) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.acr-checkout-scope .acr-button:hover,
.acr-checkout-scope .acr-button:focus,
.acr-checkout-scope #payment #place_order:hover,
.acr-checkout-scope #payment #place_order:focus {
    background: var(--acr-button) !important;
    color: var(--acr-button-text) !important;
    filter: brightness(0.93) !important;
}

.acr-checkout-scope .acr-order-review {
    padding: 12px 12px 8px !important;
}

.acr-checkout-scope .acr-order-table,
.acr-checkout-scope .acr-order-review table.shop_table {
    border: 1px solid var(--acr-line) !important;
    border-radius: 0 !important;
    font-size: 15px !important;
}

.acr-checkout-scope .acr-order-table th,
.acr-checkout-scope .acr-order-table td {
    border: 1px solid var(--acr-line) !important;
    color: var(--acr-secondary) !important;
    padding: 9px 11px !important;
    font-size: 15px !important;
}

.acr-checkout-scope .acr-order-table thead th {
    background: var(--acr-soft-bg) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-align: center !important;
}

.acr-checkout-scope .acr-order-table tbody td {
    background: var(--acr-bg) !important;
}

.acr-checkout-scope .acr-col-delete,
.acr-checkout-scope .acr-cell-delete {
    width: 17% !important;
}

.acr-checkout-scope .acr-col-product,
.acr-checkout-scope .acr-cell-product {
    width: 40% !important;
}

.acr-checkout-scope .acr-col-quantity,
.acr-checkout-scope .acr-cell-quantity {
    width: 22% !important;
}

.acr-checkout-scope .acr-col-price,
.acr-checkout-scope .acr-cell-price {
    width: 21% !important;
}

.acr-checkout-scope .acr-remove-item {
    color: #7b8794 !important;
}

.acr-checkout-scope .acr-remove-icon {
    width: 19px !important;
    height: 19px !important;
}

.acr-checkout-scope .acr-product-line {
    gap: 10px !important;
}

.acr-checkout-scope .acr-product-thumb {
    flex-basis: 46px !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 2px !important;
}

.acr-checkout-scope .acr-product-name {
    color: var(--acr-text) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    text-overflow: clip !important;
}

.acr-checkout-scope .acr-quantity-control {
    grid-template-columns: 30px 30px 30px !important;
    width: 90px !important;
    height: 36px !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 3px !important;
}

.acr-checkout-scope .acr-qty-action,
.acr-checkout-scope .acr-qty-input {
    height: 34px !important;
    background: #f1f1f1 !important;
    color: #111111 !important;
    line-height: 34px !important;
}

.acr-checkout-scope .acr-qty-input {
    border-left: 1px solid #d5d5d5 !important;
    border-right: 1px solid #d5d5d5 !important;
    background: #ffffff !important;
}

.acr-checkout-scope .acr-quantity-control .acr-qty-input {
    display: block !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: 15px !important;
    line-height: 34px !important;
    text-align: center !important;
    text-indent: 0 !important;
    appearance: textfield !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
}

.acr-checkout-scope .acr-quantity-control .acr-qty-input::-webkit-outer-spin-button,
.acr-checkout-scope .acr-quantity-control .acr-qty-input::-webkit-inner-spin-button {
    display: none !important;
    margin: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.acr-checkout-scope .acr-cell-price,
.acr-checkout-scope .acr-order-table .amount {
    color: #222222 !important;
    font-weight: 800 !important;
}

.acr-checkout-scope .acr-order-table tfoot th,
.acr-checkout-scope .acr-order-table tfoot td {
    border-right: 0 !important;
    border-left: 0 !important;
    background: var(--acr-bg) !important;
    padding: 7px 12px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.acr-checkout-scope .acr-order-table tfoot th {
    text-align: left !important;
}

.acr-checkout-scope .acr-order-table tfoot td {
    text-align: right !important;
}

.acr-checkout-scope .acr-coupon-box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 110px !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 12px 12px !important;
    padding: 8px !important;
    background: var(--acr-brand-blue) !important;
}

.acr-checkout-scope .acr-coupon-input {
    width: 100% !important;
    min-height: 42px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--acr-bg) !important;
    color: var(--acr-text) !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

.acr-checkout-scope .acr-coupon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    border: 2px solid var(--acr-button-text) !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--acr-button-text) !important;
    padding: 0 18px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}

.acr-checkout-scope .acr-coupon-button:disabled {
    opacity: 0.65 !important;
    cursor: wait !important;
}

.acr-checkout-scope .acr-coupon-message {
    min-height: 0 !important;
    margin: -4px 12px 12px !important;
    color: #11843b !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.acr-checkout-scope .acr-coupon-message.is-error {
    color: #b91c1c !important;
}

@media (max-width: 980px) {
    .acr-checkout-scope {
        padding: 18px 0 !important;
    }

    .acr-checkout-scope .acr-checkout-wrapper {
        padding: 0 12px !important;
    }

    .acr-checkout-scope .acr-checkout-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {
    .acr-checkout-scope .acr-order-review {
        overflow-x: hidden !important;
        padding: 8px !important;
    }

    .acr-checkout-scope .acr-order-table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    .acr-checkout-scope .acr-order-table th,
    .acr-checkout-scope .acr-order-table td {
        padding: 8px 5px !important;
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    .acr-checkout-scope .acr-order-table thead th {
        font-size: 16px !important;
        line-height: 1.15 !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }

    .acr-checkout-scope .acr-col-delete,
    .acr-checkout-scope .acr-cell-delete {
        width: 13% !important;
    }

    .acr-checkout-scope .acr-col-product,
    .acr-checkout-scope .acr-cell-product {
        width: 35% !important;
    }

    .acr-checkout-scope .acr-col-quantity,
    .acr-checkout-scope .acr-cell-quantity {
        width: 24% !important;
    }

    .acr-checkout-scope .acr-col-price,
    .acr-checkout-scope .acr-cell-price {
        width: 28% !important;
    }

    .acr-checkout-scope .acr-product-line {
        gap: 6px !important;
    }

    .acr-checkout-scope .acr-product-thumb {
        flex-basis: 46px !important;
        width: 46px !important;
        height: 46px !important;
    }

    .acr-checkout-scope .acr-product-name {
        font-size: 13px !important;
        line-height: 1.25 !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    .acr-checkout-scope .acr-quantity-control {
        grid-template-columns: 24px 26px 24px !important;
        width: 74px !important;
        height: 32px !important;
    }

    .acr-checkout-scope .acr-qty-action,
    .acr-checkout-scope .acr-qty-input,
    .acr-checkout-scope .acr-quantity-control .acr-qty-input {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        font-size: 14px !important;
        line-height: 30px !important;
    }

    .acr-checkout-scope .acr-cell-price,
    .acr-checkout-scope .acr-order-table .amount {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .acr-checkout-scope .acr-order-table tfoot th,
    .acr-checkout-scope .acr-order-table tfoot td {
        padding: 7px 9px !important;
        font-size: 15px !important;
    }

    .acr-checkout-scope .acr-coupon-box {
        grid-template-columns: minmax(0, 1fr) 80px !important;
        gap: 8px !important;
        margin: 0 8px 8px !important;
        padding: 8px !important;
    }

    .acr-checkout-scope .acr-coupon-input {
        min-height: 46px !important;
        border-radius: 999px !important;
        padding: 0 16px !important;
    }

    .acr-checkout-scope .acr-coupon-button {
        min-height: 46px !important;
        padding: 0 10px !important;
        font-size: 13px !important;
    }
}