/* ---------- BASE LAYOUT ---------- */
    html[dir="rtl"] body.checkout,
    body.checkout {
        max-width: 880px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 20px 40px 20px !important;
        box-sizing: border-box !important;
        background: #f8f6f3 !important;
        font-family: "Tajawal", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    /* Remove theme sidebars / clutter */
    .checkout-side,
    .checkout-aside,
    .sidebar-checkout,
    .cart-collaterals,
    .woocommerce-form-coupon-toggle,
    .woocommerce-form-coupon {
        display: none !important;
    }

    .woocommerce-checkout,
    .woocommerce .woocommerce-checkout {
        display: block !important;
        width: 100% !important;
    }

    form.checkout,
    .woocommerce form.checkout {
        max-width: 860px !important;
        margin: 0 auto !important;
        background: #ffffff !important;
        border-radius: 18px !important;
        padding: 24px 60px 36px 60px !important;
        box-shadow: 0 10px 40px rgba(0,0,0,0.04) !important;
        box-sizing: border-box !important;
    }

    /* Single column layout enforcement */
    .woocommerce-checkout .col2-set,
    .woocommerce-checkout .checkout-columns,
    .woocommerce-checkout .columns,
    .woocommerce-checkout .row,
    .woocommerce-checkout .col-1,
    .woocommerce-checkout .col-2,
    .woocommerce .content-area .row {
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* ---------- STEPS HEADER (PROGRESS) ---------- */
    .woocommerce-checkout:before {
        content: "";
        display: block;
        width: 100%;
        max-width: 720px;
        height: 1px;
        background: #e1ddd5;
        margin: 0 auto 24px auto;
        position: relative;
    }

    .checkout-steps-custom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 720px;
        margin: 16px auto 26px auto;
        position: relative;
        z-index: 2;
        font-size: 13px;
        color: #b0aca4;
    }

    html[dir="rtl"] .checkout-steps-custom {
        direction: rtl;
        text-align: center;
    }

    html[dir="ltr"] .checkout-steps-custom {
        direction: ltr;
        text-align: center;
    }

    .checkout-steps-custom .step {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        flex: 1 1 0;
        position: relative;
    }

    .checkout-steps-custom .step .circle {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 2px solid #c6c2ba;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        background: #fdfbf7;
        color: #a19d94;
    }

    .checkout-steps-custom .step.active .circle {
        background: #2f4e36;
        border-color: #2f4e36;
        color: #ffffff;
    }

    .checkout-steps-custom .step .label {
        font-size: 12px;
        color: #8b8680;
    }

    /* ---------- FORM HEADER (TITLE + SUBTITLE) ---------- */
    .checkout-form-header,
    .checkout .checkout-title {
        text-align: center !important;
        margin-bottom: 28px !important;
    }

    html[dir="rtl"] .checkout-form-header,
    html[dir="rtl"] .checkout .checkout-title {
        direction: rtl !important;
    }

    html[dir="ltr"] .checkout-form-header,
    html[dir="ltr"] .checkout .checkout-title {
        direction: ltr !important;
    }

    .checkout-form-header h2,
    .checkout .checkout-title h2 {
        font-size: 26px !important;
        margin: 0 0 8px 0 !important;
        font-weight: 700 !important;
        color: #000000 !important;
    }

    .checkout-form-header p,
    .checkout .checkout-title p {
        margin: 0 0 22px 0 !important;
        color: #7c7971 !important;
        font-size: 14px !important;
    }

    /* ---------- FIELDS ---------- */
    .woocommerce form.checkout .form-row,
    .woocommerce-billing-fields .form-row,
    .woocommerce-shipping-fields .form-row,
    .woocommerce-additional-fields .form-row,
    .woocommerce form .form-row {
        width: 100% !important;
        float: none !important;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

/*     .woocommerce form .form-row label {
        display: none !important;
    } */

    .woocommerce form.checkout input[type="text"],
    .woocommerce form.checkout input[type="email"],
    .woocommerce form.checkout input[type="tel"],
    .woocommerce form.checkout input[type="password"],
    .woocommerce form.checkout select,
    .woocommerce form.checkout textarea {
        width: 100% !important;
        padding: 15px 18px !important;
        border-radius: 8px !important;
        border: 1px solid #e5e1da !important;
        background: #fdfbf7 !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
        color: #222222 !important;
        outline: none !important;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .woocommerce form.checkout input::placeholder,
    .woocommerce form.checkout textarea::placeholder {
        color: #b2ada4 !important;
        font-size: 13px !important;
    }

    .woocommerce form.checkout input:focus,
    .woocommerce form.checkout select:focus,
    .woocommerce form.checkout textarea:focus {
        border-color: #2f4e36 !important;
        box-shadow: 0 0 0 1px rgba(47,78,54,0.13) !important;
        background: #ffffff !important;
    }

    .woocommerce form.checkout .form-row-first,
    .woocommerce form.checkout .form-row-last {
        width: 48% !important;
        display: inline-block !important;
        vertical-align: top !important;
        margin: 0 0 18px 0 !important;
    }

    html[dir="rtl"] .woocommerce form.checkout .form-row-first {
        margin-left: 4% !important;
        margin-right: 0 !important;
    }
    html[dir="rtl"] .woocommerce form.checkout .form-row-last {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html[dir="ltr"] .woocommerce form.checkout .form-row-first {
        margin-right: 4% !important;
        margin-left: 0 !important;
    }
    html[dir="ltr"] .woocommerce form.checkout .form-row-last {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .woocommerce form .form-row .description {
        font-size: 12px !important;
        color: #a59f95 !important;
        margin-top: 4px !important;
    }

    /* ---------- ORDER REVIEW ---------- */
    .woocommerce-checkout-review-order,
    .woocommerce-review-order {
        display: block !important;
        width: 100% !important;
        margin: 30px 0 24px 0 !important;
        padding: 20px 22px !important;
        background: #FFFFFF !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        border: 1px solid #ebe5dc !important;
    }

    .woocommerce-checkout-review-order-table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 14px !important;
    }

    .woocommerce-checkout-review-order-table th,
    .woocommerce-checkout-review-order-table td {
        padding: 8px 0 !important;
        border-bottom: 1px solid #e8e2d9 !important;
    }

    .woocommerce-checkout-review-order-table tfoot th,
    .woocommerce-checkout-review-order-table tfoot td {
        font-weight: 600 !important;
    }

    /* ---------- PAYMENT BOX ---------- */
    .woocommerce-checkout-payment {
        background: #ffffff !important;
        padding: 22px 22px 10px 22px !important;
        border-radius: 12px !important;
        margin: 10px 0 24px 0 !important;
        border: 1px solid #ebe5dc !important;
    }

    /* ---------- BUTTON ---------- */
    .woocommerce form.checkout .button.alt,
    .woocommerce form.checkout .button,
    .woocommerce #place_order {
        width: 100% !important;
        padding: 14px 18px !important;
        border-radius: 8px !important;
        font-size: 16px !important;
        background: #425931 !important;
        color: #fff !important;
        border: none !important;
        cursor: pointer !important;
        font-weight: 600 !important;
        text-align: center !important;
        margin-top: 10px !important;
        transition: background .15s ease, transform .06s ease;
    }

    .woocommerce form.checkout .button:hover,
    .woocommerce #place_order:hover {
        background: #28422f !important;
        transform: translateY(1px);
    }

    /* ---------- RTL / LTR ENFORCEMENT ---------- */
    html[dir="rtl"] form.checkout,
    html[dir="rtl"] .woocommerce form.checkout {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="ltr"] form.checkout,
    html[dir="ltr"] .woocommerce form.checkout {
        direction: ltr !important;
        text-align: left !important;
    }

    .woocommerce-NoticeGroup-checkout {
        margin-bottom: 18px !important;
    }