/* ============================================================
   Motion-X Bangla — শপ/চেকআউট ডিজাইন (WooCommerce-এর ডিফল্ট CSS বন্ধ থাকে)
   ============================================================ */

/* ---------- কেনার বক্স (ল্যান্ডিং পেজ) ---------- */
.mxb-fee__pm{display:flex;flex-direction:column;justify-content:center;gap:2px;background:#fff;padding:8px 6px;text-align:center}
.mxb-fee__pm i{font-family:'Poppins',sans-serif;font-style:italic;font-weight:800;font-size:17px;line-height:1.25}
.mxb-fee__pm .b{color:#e2136e}
.mxb-fee__pm .n{color:#f6921e}
.mxb-fee__pm .r{color:#8c3494}
.mxb-steps{list-style:none;counter-reset:s;margin:0 0 16px;padding:0}
.mxb-steps li{counter-increment:s;position:relative;padding:6px 0 6px 38px;font-size:14.5px;color:#e6f0ff}
.mxb-steps li::before{content:counter(s);position:absolute;left:0;top:5px;width:26px;height:26px;border-radius:50%;background:var(--cyan);color:#06103a;font-weight:800;display:grid;place-items:center;font-size:14px}
.mxb-buybtn{width:100%;padding:15px 20px;font-size:20px;margin-bottom:12px}
.mxb-buy .mxb-wa{margin-top:0}

/* ---------- আরও কোর্স ---------- */
.mxb-more{padding:10px 0 34px}
.mxb-more__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.mxb-mcard{display:flex;flex-direction:column;gap:6px;background:linear-gradient(170deg,#0b1a5a,#071040);border:1.5px solid rgba(34,211,238,.35);border-radius:16px;padding:18px;transition:.2s}
.mxb-mcard:hover{transform:translateY(-3px);border-color:var(--cyan)}
.mxb-mcard b{font-size:18px;line-height:1.3}
.mxb-mcard__price{font-family:'Poppins',var(--font);font-size:24px;font-weight:700;color:var(--yellow)}
.mxb-mcard em{font-style:normal;color:var(--cyan);font-weight:600;font-size:14px}

/* ---------- সাধারণ পেজ ---------- */
.mxb-pagebody{background:linear-gradient(180deg,#06103a,#071347)}
.mxb-page{padding:34px 0 60px;min-height:62vh}
.mxb-page__title{font-size:clamp(26px,4vw,38px);font-weight:700;margin-bottom:22px}
.mxb-page__body{color:#e6f0ff}
.mxb-page__body a{color:var(--cyan)}

/* ---------- WooCommerce বার্তা ---------- */
.woocommerce-notices-wrapper{margin-bottom:14px}
.woocommerce-error,.woocommerce-message,.woocommerce-info{list-style:none;margin:0 0 14px;padding:12px 16px;border-radius:12px;font-weight:600;font-size:15px}
.woocommerce-error{background:rgba(255,77,109,.15);border:1px solid #ff4d6d;color:#ffc4cf}
.woocommerce-message{background:rgba(34,197,94,.16);border:1px solid #22c55e;color:#bbf7d0}
.woocommerce-info{background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.5);color:#cdf6ff}
.woocommerce-error li{margin:2px 0}
.woocommerce a.button,.woocommerce a.wc-forward{display:inline-block;margin-left:10px;padding:6px 14px;border-radius:999px;background:var(--cyan);color:#06103a;font-weight:700}

/* ---------- চেকআউট ---------- */
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0 28px;align-items:start}
.woocommerce-checkout form.checkout>.woocommerce-NoticeGroup{grid-column:1/-1}
.woocommerce-checkout #customer_details{grid-column:1;grid-row:1/span 2}
.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;margin:0 0 12px;font-size:22px}
.woocommerce-checkout #order_review{grid-column:2;grid-row:2}
.woocommerce-checkout .woocommerce-billing-fields>h3{margin:0 0 14px;font-size:22px}
.woocommerce-checkout .woocommerce-billing-fields,.woocommerce-checkout #order_review{background:linear-gradient(170deg,#0b1a5a,#071040);border:2px solid #2d6bff;border-radius:18px;padding:22px 20px;box-shadow:0 0 40px rgba(45,107,255,.25)}
.woocommerce form .form-row{display:block;margin:0 0 12px;padding:0}
.woocommerce form .form-row label{display:block;font-size:14px;font-weight:600;margin-bottom:4px;color:#e6f0ff}
.woocommerce form .form-row .required{color:#ff7a93;text-decoration:none}
.woocommerce form .form-row .optional{color:#9db6ff;font-weight:400}
.woocommerce .input-text,.woocommerce input[type=text],.woocommerce input[type=tel],.woocommerce input[type=email],.woocommerce textarea{width:100%;padding:12px 13px;border-radius:9px;border:2px solid transparent;background:#eef6ff;color:#0b1540;font-family:var(--font);font-size:16px;outline:0;transition:.2s}
.woocommerce .input-text:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.25)}
.woocommerce form .form-row.woocommerce-invalid .input-text{border-color:#ff4d6d}
.woocommerce form .form-row.woocommerce-validated .input-text{border-color:#22c55e}

/* অর্ডার টেবিল */
.woocommerce table.shop_table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:15px}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:10px 4px;text-align:left;border-bottom:1px solid rgba(255,255,255,.14);vertical-align:top}
.woocommerce table.shop_table td:last-child,.woocommerce table.shop_table th:last-child{text-align:right}
.woocommerce table.shop_table tfoot th{font-weight:600;color:#c4d6ff}
.woocommerce table.shop_table .order-total td,.woocommerce table.shop_table .order-total th{font-size:19px;color:var(--yellow);font-weight:700;border-bottom:0}
.woocommerce table.shop_table .product-quantity{font-weight:400;color:#9db6ff}

/* পেমেন্ট */
#payment{background:transparent}
#payment ul.payment_methods{list-style:none;margin:0 0 14px;padding:0;border:0}
#payment ul.payment_methods>li{margin:0 0 10px}
#payment ul.payment_methods>li>input{margin-right:8px}
#payment ul.payment_methods>li>label{font-weight:700;font-size:17px;cursor:pointer}
#payment div.payment_box{margin-top:10px;padding:14px;border-radius:12px;background:rgba(6,16,70,.85);border:1.5px solid rgba(34,211,238,.4);color:#e6f0ff;font-size:15px}
#payment div.payment_box p{margin:0 0 10px}
#place_order{display:block;width:100%;border:0;cursor:pointer;padding:15px 20px;border-radius:14px;font-family:var(--font);font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff2d86,#e0115f);box-shadow:0 10px 28px rgba(255,31,120,.4);transition:transform .2s}
#place_order:hover{transform:translateY(-2px)}
.woocommerce-privacy-policy-text{font-size:13px;color:#9db6ff;margin:0 0 12px}
.woocommerce-terms-and-conditions-wrapper{margin-bottom:12px}

/* কুপন */
.woocommerce-form-coupon-toggle{margin-bottom:14px}
form.checkout_coupon{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:14px;border:1.5px dashed rgba(34,211,238,.5);border-radius:12px}
form.checkout_coupon .form-row{margin:0;flex:1 1 180px}
form.checkout_coupon button{padding:11px 18px;border:0;border-radius:9px;background:var(--cyan);color:#06103a;font-weight:700;cursor:pointer}

/* ---------- BD Mobile Pay বক্স ---------- */
.bdpay__desc{color:#c4d6ff;font-size:14px}
.bdpay__amount{background:linear-gradient(135deg,#ff2d86,#d10f58);border-radius:12px;padding:10px 14px;text-align:center;font-weight:600;margin-bottom:12px}
.bdpay__amount b{font-family:'Poppins',var(--font);font-size:26px;color:var(--yellow);margin-left:6px}
.bdpay__methods{display:grid;gap:8px;margin-bottom:12px}
.bdpay__m{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.07);border:2px solid rgba(255,255,255,.14);border-radius:12px;padding:10px 12px;cursor:pointer;transition:.2s}
.bdpay__m:has(input:checked){border-color:var(--cyan);background:rgba(34,211,238,.12)}
.bdpay__m input{margin:0}
.bdpay__name{font-weight:800;font-family:'Poppins',var(--font);font-size:16px;min-width:64px}
.bdpay__m--bkash .bdpay__name{color:#ff5fa8}
.bdpay__m--nagad .bdpay__name{color:#ffae4d}
.bdpay__m--rocket .bdpay__name{color:#d58bff}
.bdpay__num{font-family:'Poppins',var(--font);font-size:20px;font-weight:700;color:var(--yellow);letter-spacing:.4px;user-select:all;cursor:copy}
.bdpay__m small{color:#9db6ff;margin-left:auto}
.bdpay__steps{margin:0 0 12px;padding-left:20px;color:#e6f0ff;font-size:14px}
.bdpay__steps li{margin:3px 0}

/* ---------- অর্ডার সম্পন্ন পেজ ---------- */
.woocommerce-order ul.woocommerce-order-overview{list-style:none;margin:0 0 22px;padding:16px;display:flex;flex-wrap:wrap;gap:14px 28px;background:rgba(255,255,255,.06);border:1.5px solid rgba(34,211,238,.35);border-radius:14px;font-size:14px;color:#c4d6ff}
.woocommerce-order ul.woocommerce-order-overview li strong{display:block;color:#fff;font-size:16px}
.woocommerce-order .woocommerce-notice--success{font-size:19px;font-weight:700;color:#bbf7d0;margin-bottom:14px}
.woocommerce-order h2{font-size:22px;margin:22px 0 12px}
.woocommerce-order .shop_table{background:rgba(255,255,255,.04);border-radius:12px;padding:6px 14px}
.woocommerce-order address{font-style:normal;color:#c4d6ff}

.mxb-deliver{background:linear-gradient(170deg,#0b3a2a,#06241a);border:2px solid #22c55e;border-radius:18px;padding:22px 20px;margin:0 0 24px;box-shadow:0 0 36px rgba(34,197,94,.25)}
.mxb-deliver__ok{display:inline-block;padding:4px 14px;border-radius:999px;background:rgba(34,197,94,.25);color:#bbf7d0;font-weight:700;font-size:14px;margin-bottom:8px}
.mxb-deliver h2{margin:0 0 10px;font-size:24px}
.mxb-deliver__name{font-weight:700;margin:0 0 6px;font-size:17px}
.mxb-deliver__btn{display:flex;margin:10px 0;padding:14px 20px;font-size:18px;text-align:center}
.mxb-deliver__note{font-size:13.5px;color:#9be9bd;margin-top:10px}

/* ---------- রেসপন্সিভ ---------- */
@media (max-width:980px){
  .mxb-more__grid{grid-template-columns:repeat(2,1fr)}
  .woocommerce-checkout form.checkout{display:block}
  .woocommerce-checkout #order_review_heading{margin-top:24px}
}
@media (max-width:520px){
  .mxb-more__grid{grid-template-columns:1fr}
  .woocommerce-checkout .woocommerce-billing-fields,.woocommerce-checkout #order_review{padding:18px 14px}
  .bdpay__num{font-size:18px}
  .bdpay__m small{margin-left:0}
}