:root {
  --mk-ink: #063b56;
  --mk-ink-2: #102f43;
  --mk-muted: #6f7480;
  --mk-soft: #f4ece6;
  --mk-soft-2: #f7f8fa;
  --mk-border: #e7ddd7;
  --mk-blue: #168fcb;
  --mk-shadow: 0 18px 55px rgba(8, 48, 70, .08);
  --mk-radius-xl: 28px;
  --mk-radius-lg: 22px;
  --mk-radius-md: 16px;
}

.markazi-cart-drawer *,
.markazi-delivery-box *,
.markazi-public-tracking *,
.markazi-order-tracker *,
.markazi-auth-shell * { box-sizing: border-box; }

body.markazi-cart-open { overflow: hidden; }

.markazi-cart-overlay {
  position: fixed; inset: 0; background: rgba(7, 24, 34, .48); z-index: 999998;
  opacity: 0; visibility: hidden; transition: .2s ease;
}
.markazi-cart-overlay.is-open { opacity: 1; visibility: visible; }
.markazi-cart-drawer {
  position: fixed; top: 0; right: 0; width: min(440px, 94vw); height: 100dvh; background: #fff;
  z-index: 999999; padding: 22px; transform: translateX(105%); transition: transform .28s ease;
  box-shadow: -22px 0 70px rgba(7,24,34,.2); display: flex; flex-direction: column; direction: rtl;
}
.markazi-cart-drawer.is-open { transform: translateX(0); }
.markazi-cart-drawer__head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.markazi-cart-drawer__head div { display:grid; gap:2px; }
.markazi-cart-drawer__head small { color:var(--mk-muted); font-size:12px; }
.markazi-cart-drawer__head strong { color:var(--mk-ink); font-size:20px; }
.markazi-cart-close { border:0; background:var(--mk-soft); width:40px; height:40px; border-radius:50%; cursor:pointer; font-size:27px; line-height:1; color:var(--mk-ink); }
.markazi-cart-drawer .widget_shopping_cart_content { overflow:auto; flex:1; }
.markazi-cart-drawer__actions { display:grid; gap:10px; margin-top:18px; }
.markazi-cart-drawer__actions .button { width:100%; min-height:54px; border-radius:16px !important; display:flex !important; align-items:center; justify-content:center; text-align:center; }
.markazi-checkout-button { background:var(--mk-ink) !important; color:#fff !important; }
.markazi-continue-button { background:var(--mk-soft) !important; color:var(--mk-ink) !important; border:0 !important; }

/* Checkout delivery selector */
.markazi-delivery-box {
  direction: rtl; width:100%; max-width:100%; background:#fff; border:1px solid var(--mk-border);
  border-radius:var(--mk-radius-xl); padding:22px; margin:0 0 24px; box-shadow:var(--mk-shadow); position:relative; overflow:hidden;
}
.markazi-delivery-box.is-updating::after {
  content:""; position:absolute; inset:0; background:rgba(255,255,255,.48); pointer-events:none; z-index:4;
}
.markazi-delivery-box__title { font-size:clamp(22px, 3vw, 31px); line-height:1.35; font-weight:900; color:var(--mk-ink); margin-bottom:18px; }
.markazi-delivery-options { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.markazi-delivery-options--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.markazi-delivery-option {
  position:relative; border:1.5px solid var(--mk-border); background:#fff; border-radius:22px; min-height:110px; padding:18px;
  display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:13px; cursor:pointer; transition:.18s ease; margin:0 !important; overflow:hidden;
}
.markazi-delivery-option:hover { transform:translateY(-1px); border-color:#cfd5db; }
.markazi-delivery-option.is-selected { border-color:#152231; box-shadow:0 0 0 3px rgba(21,34,49,.06); }
.markazi-delivery-option input { position:absolute; opacity:0; pointer-events:none; }
.markazi-radio-ui { width:24px; height:24px; border-radius:50%; border:2px solid #8e8e8e; background:#fff; display:block; flex:none; position:relative; }
.markazi-delivery-option.is-selected .markazi-radio-ui { border-color:#1689ff; }
.markazi-delivery-option.is-selected .markazi-radio-ui::after { content:""; position:absolute; inset:4px; border-radius:50%; background:#1689ff; }
.markazi-delivery-option__icon { width:54px; height:54px; border-radius:16px; background:var(--mk-soft); display:grid; place-items:center; font-size:25px; color:#111; flex:none; }
.markazi-delivery-option__copy { min-width:0; }
.markazi-delivery-option strong { display:block; color:var(--mk-ink); font-size:19px; line-height:1.4; font-weight:900; }
.markazi-delivery-option small { display:block; color:var(--mk-muted); margin-top:5px; line-height:1.65; font-size:14px; }
.markazi-pickup-note, .markazi-courier-note { margin-top:16px; background:var(--mk-soft-2); border-radius:18px; padding:15px 17px; color:#465a68; line-height:1.8; text-align:center; }
.markazi-courier-note { background:#eef8fd; color:#0b4b6a; border:1px solid #d8edf7; font-weight:800; }
.markazi-pickup-note[hidden], .markazi-courier-note[hidden], .markazi-delivery-loading[hidden] { display:none !important; }
.markazi-delivery-loading { position:relative; z-index:5; margin-top:12px; text-align:center; color:var(--mk-ink); font-size:13px; font-weight:700; }
.markazi-hidden-field { display:none !important; }

/* Checkout fields: constrained to prevent theme/mobile overflow */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { display:flex; flex-wrap:wrap; width:100%; max-width:100%; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row { box-sizing:border-box; max-width:100%; }
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container,
.woocommerce-checkout .select2-container .select2-selection--single {
  width:100% !important; max-width:100% !important;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .select2-container .select2-selection--single {
  min-height:58px; border-radius:18px !important; border-color:transparent !important; background:var(--mk-soft) !important;
  box-shadow:none !important;
}
.woocommerce-checkout .form-row input.input-text { padding:0 18px !important; }
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { line-height:56px !important; padding-right:16px !important; }
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow { height:56px !important; left:10px !important; right:auto !important; }
.woocommerce-checkout .form-row label { color:var(--mk-ink); font-weight:800; font-size:16px; margin-bottom:7px; }
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #billing_email_field,
.woocommerce-checkout #ship-to-different-address,
.woocommerce-checkout .woocommerce-account-fields { display:none !important; }

/* Thank you */
.markazi-thankyou-inline-code {
  direction:rtl; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;
  margin:18px auto 0; padding:14px 16px; width:min(100%,620px); border-radius:18px;
  background:#f4f9fc; border:1px solid #dceaf1; color:var(--mk-ink); box-shadow:0 10px 28px rgba(8,48,70,.05);
}
.markazi-thankyou-inline-code small { color:#667985; font-size:13px; font-weight:800; }
.markazi-thankyou-inline-code strong { direction:ltr; font-size:18px; letter-spacing:.7px; font-weight:950; color:var(--mk-ink); }
.markazi-thankyou-inline-code .markazi-thankyou-track-button {
  display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 14px; border-radius:13px;
  background:var(--mk-ink); color:#fff !important; text-decoration:none !important; font-size:13px; font-weight:900;
}
.markazi-thankyou-progress { margin:24px 0 8px; }
.markazi-hidden-theme-delivery-timer { display:none !important; }

.markazi-thankyou-track {
  direction:rtl; display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap;
  padding:20px; border-radius:22px; background:#f7fafc; border:1px solid #e4ebef; margin:22px 0;
}
.markazi-thankyou-track > div { display:grid; gap:5px; }
.markazi-thankyou-track small { color:#64748b; }
.markazi-thankyou-track strong { font-size:19px; letter-spacing:.5px; color:var(--mk-ink); direction:ltr; text-align:right; }
.markazi-thankyou-track span { color:#64748b; font-size:13px; }
.markazi-thankyou-track a { text-decoration:none; font-weight:800; background:var(--mk-ink); color:#fff; padding:12px 16px; border-radius:14px; }

/* Public tracking */
.markazi-public-tracking { direction:rtl; max-width:920px; margin:30px auto; padding:0 12px; }
.markazi-public-tracking__head { text-align:center; margin-bottom:20px; }
.markazi-public-tracking__head > span { display:inline-block; font-size:12px; font-weight:800; color:var(--mk-blue); margin-bottom:4px; }
.markazi-public-tracking__head h2 { margin:0 0 8px; color:var(--mk-ink); }
.markazi-public-tracking__head p { color:#64748b; margin:0; }
.markazi-tracking-form {
  display:grid; grid-template-columns:1fr 1fr auto; gap:12px; align-items:end; background:#fff; padding:18px;
  border:1px solid #e5e7eb; border-radius:22px; margin-bottom:22px; box-shadow:var(--mk-shadow);
}
.markazi-tracking-form label { display:block; font-weight:800; color:var(--mk-ink); margin-bottom:6px; }
.markazi-tracking-form input { width:100%; min-height:54px; border:0; background:var(--mk-soft); border-radius:16px; padding:0 14px; }
.markazi-tracking-form button { min-height:54px; border-radius:16px !important; white-space:nowrap; background:var(--mk-ink) !important; color:#fff !important; }

.markazi-order-tracker {
  direction:rtl; background:#fff; border:1px solid #e5e7eb; border-radius:24px; padding:20px; margin:0 0 20px;
  box-shadow:var(--mk-shadow); max-width:100%; overflow:hidden;
}
.markazi-order-tracker__top { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; border-bottom:1px solid #eef0f2; padding-bottom:14px; }
.markazi-order-tracker__top > div { min-width:0; }
.markazi-order-tracker__top small { display:block; color:#64748b; font-size:12px; margin-bottom:4px; }
.markazi-order-tracker__top strong { color:#0f172a; overflow-wrap:anywhere; }
.markazi-current-status { margin:16px 0; padding:13px 15px; border-radius:15px; background:#eefaf4; color:#166534; display:flex; justify-content:space-between; gap:10px; }
.markazi-current-status.is-exception { background:#fff1f2; color:#9f1239; }
.markazi-status-timeline { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:22px 0; overflow:visible; width:100%; }
.markazi-status-timeline li { position:relative; min-width:0; text-align:center; color:#94a3b8; font-size:12px; line-height:1.55; padding:30px 4px 0; overflow-wrap:anywhere; }
.markazi-status-timeline li:before { content:""; position:absolute; top:10px; right:0; left:0; height:3px; background:#e5e7eb; }
.markazi-status-dot { position:absolute; top:3px; right:calc(50% - 8px); width:16px; height:16px; border-radius:50%; background:#e5e7eb; z-index:2; box-shadow:0 0 0 4px #fff; }
.markazi-status-timeline li.is-done,
.markazi-status-timeline li.is-current { color:#0f172a; font-weight:800; }
.markazi-status-timeline li.is-done:before,
.markazi-status-timeline li.is-current:before,
.markazi-status-timeline li.is-done .markazi-status-dot,
.markazi-status-timeline li.is-current .markazi-status-dot { background:var(--mk-ink); }
.markazi-order-tracker__meta { display:flex; gap:18px; flex-wrap:wrap; color:#64748b; font-size:13px; border-top:1px solid #eef0f2; padding-top:14px; }

/* Unified mobile auth */
.markazi-auth-shell {
  direction:rtl; width:100%; min-height:min(72vh, 720px); display:grid; place-items:center; padding:28px 14px; color:var(--mk-ink);
}
.markazi-auth-card {
  width:min(100%, 520px); background:#fff; border:1px solid rgba(6,59,86,.06); border-radius:32px; padding:34px;
  box-shadow:0 22px 70px rgba(8,48,70,.10); text-align:right;
}
.markazi-auth-brand { display:inline-flex; align-items:center; padding:7px 11px; border-radius:999px; background:#eef7fb; color:var(--mk-ink); font-size:12px; font-weight:900; margin-bottom:20px; }
.markazi-auth-head { margin-bottom:24px; }
.markazi-auth-head h2 { margin:0 0 8px; color:var(--mk-ink); font-size:28px; font-weight:950; }
.markazi-auth-head p { margin:0; color:var(--mk-muted); line-height:1.8; font-size:14px; }
.markazi-auth-step { display:none; }
.markazi-auth-step.is-active { display:block; animation:markaziAuthIn .2s ease; }
@keyframes markaziAuthIn { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:none} }
.markazi-auth-step label { display:block; color:var(--mk-ink); font-size:14px; font-weight:850; margin:0 0 7px; }
.markazi-auth-step input {
  width:100%; height:58px; border:1px solid transparent; outline:0; border-radius:18px; background:var(--mk-soft); color:#1f2937;
  padding:0 17px; font-size:16px; transition:.15s ease; margin:0 0 14px;
}
.markazi-auth-step input:focus { border-color:#9ac9df; box-shadow:0 0 0 3px rgba(22,143,203,.10); background:#fff; }
.markazi-auth-primary {
  width:100%; min-height:56px; border:0; border-radius:18px; background:var(--mk-ink); color:#fff; font-weight:900; cursor:pointer;
  display:flex; align-items:center; justify-content:center; text-decoration:none; margin-top:2px;
}
.markazi-auth-primary:hover { color:#fff; filter:brightness(.96); }
.markazi-auth-link { border:0; background:transparent; color:var(--mk-blue); font-weight:800; padding:10px 0; cursor:pointer; }
.markazi-auth-link:disabled { color:#aab3ba; cursor:not-allowed; }
.markazi-auth-name-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.markazi-auth-new-badge { display:inline-block; background:#fff6e9; color:#9a5a10; border-radius:999px; padding:7px 10px; font-weight:850; font-size:12px; margin-bottom:8px; }
.markazi-auth-step[data-step="name"] > p { color:var(--mk-muted); margin:0 0 16px; }
.markazi-auth-step[data-step="otp"] { text-align:center; }
.markazi-auth-step[data-step="otp"] h3 { margin:10px 0 6px; color:var(--mk-ink); }
.markazi-auth-otp-icon { width:58px; height:58px; margin:0 auto; border-radius:18px; display:grid; place-items:center; background:#eef7fb; color:var(--mk-blue); font-weight:950; letter-spacing:4px; }
.markazi-auth-otp-copy { color:var(--mk-muted); margin:0 0 14px; font-size:14px; line-height:1.8; }
.markazi-auth-otp-input { text-align:center; direction:ltr; letter-spacing:9px; font-size:24px !important; font-weight:900; padding-left:22px !important; }
.markazi-auth-resend-row { min-height:42px; display:flex; align-items:center; justify-content:center; gap:10px; color:var(--mk-muted); font-size:12px; }
.markazi-auth-test-code { margin:10px 0 0; padding:11px 13px; border-radius:14px; background:#fff7ed; color:#9a3412; font-size:13px; }
.markazi-auth-message { margin:0 0 15px; padding:11px 13px; border-radius:14px; line-height:1.7; font-size:13px; }
.markazi-auth-message.is-error { background:#fff1f2; color:#9f1239; }
.markazi-auth-message.is-success { background:#ecfdf5; color:#166534; }
.markazi-auth-step.is-busy { opacity:.65; pointer-events:none; }
.markazi-auth-logged { text-align:center; }
.markazi-auth-logged h2 { margin:4px 0 18px; }

@media (max-width: 767px) {
  .markazi-delivery-box { padding:16px; border-radius:24px; margin-bottom:18px; }
  .markazi-delivery-box__title { font-size:clamp(22px, 7vw, 28px); margin-bottom:15px; }
  .markazi-delivery-options { grid-template-columns:1fr; gap:12px; }
  .markazi-delivery-option { min-height:104px; padding:15px 14px; grid-template-columns:auto auto minmax(0,1fr); gap:11px; border-radius:20px; }
  .markazi-delivery-option__icon { width:50px; height:50px; }
  .markazi-delivery-option strong { font-size:18px; }
  .markazi-delivery-option small { font-size:13px; }
  .markazi-pickup-note { font-size:14px; padding:13px 14px; }

  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last { width:50% !important; float:none !important; padding-left:5px !important; padding-right:5px !important; }
  .woocommerce-checkout .form-row-wide { width:100% !important; float:none !important; padding-left:5px !important; padding-right:5px !important; }
  .woocommerce-checkout .form-row input.input-text,
  .woocommerce-checkout .form-row select,
  .woocommerce-checkout .select2-container .select2-selection--single { min-height:56px; }

  .markazi-tracking-form { grid-template-columns:1fr; padding:15px; }
  .markazi-order-tracker { padding:16px; border-radius:20px; }
  .markazi-order-tracker__top { grid-template-columns:1fr; gap:12px; }
  .markazi-current-status { flex-direction:column; align-items:flex-start; }
  .markazi-status-timeline li { min-width:0; font-size:11px; padding-inline:2px; }

  .markazi-auth-shell { min-height:0; padding:18px 10px 28px; display:block; }
  .markazi-auth-card { width:100%; border-radius:28px; padding:24px 18px; box-shadow:0 16px 45px rgba(8,48,70,.08); }
  .markazi-auth-head h2 { font-size:25px; }
  .markazi-auth-step input { height:56px; border-radius:17px; }
  .markazi-auth-primary { min-height:54px; border-radius:17px; }
}

@media (max-width: 390px) {
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last { width:100% !important; padding-left:0 !important; padding-right:0 !important; }
  .markazi-auth-name-grid { grid-template-columns:1fr; gap:0; }
  .markazi-delivery-option { grid-template-columns:auto auto minmax(0,1fr); padding:13px 12px; }
  .markazi-delivery-option__icon { width:46px; height:46px; border-radius:14px; }
  .markazi-radio-ui { width:22px; height:22px; }
}

/* Forced customer portal pages — bypass page-builder body templates */
.markazi-forced-page,
.markazi-forced-page * { box-sizing:border-box; }
.markazi-forced-page {
  direction:rtl; width:min(100% - 28px, 1240px); margin:28px auto 60px; min-height:58vh;
}
.markazi-forced-auth { width:min(100% - 24px, 760px); }
.markazi-forced-tracking { width:min(100% - 24px, 1080px); }
.markazi-forced-account { width:min(100% - 28px, 1240px); }

.markazi-portal-shell { direction:rtl; width:100%; color:var(--mk-ink); }
.markazi-profile-hero {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px;
  background:linear-gradient(135deg,#063b56 0%,#0c5275 100%); color:#fff; border-radius:30px; padding:24px;
  box-shadow:0 22px 60px rgba(8,48,70,.15); overflow:hidden;
}
.markazi-profile-avatar {
  width:68px; height:68px; border-radius:22px; display:grid; place-items:center; flex:none;
  background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.22); font-size:28px; font-weight:950;
}
.markazi-profile-copy { min-width:0; }
.markazi-profile-copy span { display:block; opacity:.72; font-size:12px; font-weight:800; margin-bottom:4px; }
.markazi-profile-copy h1 { margin:0 0 5px; color:#fff; font-size:clamp(22px,3vw,32px); line-height:1.35; font-weight:950; }
.markazi-profile-copy p { margin:0; direction:ltr; text-align:right; opacity:.84; font-size:14px; }
.markazi-profile-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.markazi-portal-button {
  min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; border-radius:14px;
  text-decoration:none !important; font-weight:900; border:0; background:var(--mk-ink); color:#fff !important;
}
.markazi-portal-button.is-light { background:#fff; color:var(--mk-ink) !important; }
.markazi-portal-button.is-danger { background:rgba(255,255,255,.11); color:#fff !important; border:1px solid rgba(255,255,255,.16); }

.markazi-portal-stats {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0 24px;
}
.markazi-portal-stats > div {
  min-width:0; background:#fff; border:1px solid #e8edf0; border-radius:20px; padding:17px 18px; box-shadow:0 12px 34px rgba(8,48,70,.055);
}
.markazi-portal-stats span { display:block; color:#7a8791; font-size:12px; font-weight:750; margin-bottom:5px; }
.markazi-portal-stats strong { display:block; color:var(--mk-ink); font-size:20px; font-weight:950; overflow-wrap:anywhere; }
.markazi-portal-stats .woocommerce-Price-amount { white-space:nowrap; }

.markazi-portal-orders {
  background:#f7f9fb; border:1px solid #e7edf1; border-radius:30px; padding:22px;
}
.markazi-portal-section-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:18px; }
.markazi-portal-section-head span { display:block; color:var(--mk-blue); font-size:12px; font-weight:900; margin-bottom:2px; }
.markazi-portal-section-head h2 { margin:0; color:var(--mk-ink); font-size:clamp(20px,2.5vw,27px); font-weight:950; }
.markazi-portal-order-list { display:grid; gap:14px; }
.markazi-portal-order-list .markazi-order-tracker { margin:0; box-shadow:0 12px 36px rgba(8,48,70,.05); }
.markazi-empty-state { text-align:center; background:#fff; border:1px dashed #cedbe2; border-radius:22px; padding:34px 20px; color:#64748b; }
.markazi-empty-state h2,.markazi-empty-state h3 { margin:0 0 8px; color:var(--mk-ink); }
.markazi-empty-state p { margin:0 0 18px; }

/* Make standalone auth/tracking feel like an app instead of a page-builder section. */
.markazi-forced-auth .markazi-auth-shell { min-height:560px; padding-top:18px; }
.markazi-forced-auth .markazi-auth-card { border:1px solid #e8edf0; }
.markazi-forced-tracking .markazi-public-tracking { max-width:100%; padding:0; margin:10px auto 0; }
.markazi-forced-tracking .markazi-public-tracking__head {
  background:linear-gradient(135deg,#063b56 0%,#0d5579 100%); color:#fff; border-radius:28px; padding:28px 20px; margin-bottom:18px;
}
.markazi-forced-tracking .markazi-public-tracking__head > span,
.markazi-forced-tracking .markazi-public-tracking__head h2,
.markazi-forced-tracking .markazi-public-tracking__head p { color:#fff; }
.markazi-forced-tracking .markazi-public-tracking__head p { opacity:.78; }

@media (max-width: 820px) {
  .markazi-forced-page { width:min(100% - 18px, 100%); margin:14px auto 40px; }
  .markazi-profile-hero { grid-template-columns:auto minmax(0,1fr); padding:18px; border-radius:24px; gap:13px; }
  .markazi-profile-avatar { width:56px; height:56px; border-radius:18px; font-size:23px; }
  .markazi-profile-actions { grid-column:1 / -1; width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .markazi-portal-button { width:100%; }
  .markazi-portal-stats { grid-template-columns:1fr 1fr; gap:9px; margin:12px 0 18px; }
  .markazi-portal-stats > div { border-radius:17px; padding:14px; }
  .markazi-portal-stats strong { font-size:17px; }
  .markazi-portal-orders { border-radius:23px; padding:14px; }
  .markazi-portal-section-head { align-items:flex-start; flex-direction:column; }
  .markazi-forced-auth .markazi-auth-shell { min-height:0; padding:6px 0 18px; }
  .markazi-forced-tracking .markazi-public-tracking__head { border-radius:22px; padding:22px 15px; }
}

@media (max-width: 430px) {
  .markazi-forced-page { width:calc(100% - 14px); }
  .markazi-profile-hero { grid-template-columns:1fr; text-align:center; }
  .markazi-profile-avatar { margin:auto; }
  .markazi-profile-copy p { text-align:center; }
  .markazi-profile-actions { grid-column:auto; grid-template-columns:1fr; }
  .markazi-portal-stats { grid-template-columns:1fr 1fr; }
  .markazi-portal-stats span { font-size:11px; }
  .markazi-portal-stats strong { font-size:15px; }
  .markazi-portal-orders { padding:10px; }
  .markazi-order-tracker { border-radius:18px; padding:13px; }
  .markazi-status-timeline li { min-width:0; font-size:10.5px; padding-inline:1px; }
  .markazi-tracking-form { padding:12px; border-radius:18px; }
  .markazi-tracking-form input,.markazi-tracking-form button { min-height:52px; }
}

/* v1.3.1 safe cart drawer: no server-side mini-cart rendering */
.markazi-cart-drawer--safe { max-width: 420px; }
.markazi-cart-drawer__safe-message { flex:1; min-height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; text-align:center; padding:24px 12px; }
.markazi-cart-drawer__safe-icon { width:68px; height:68px; border-radius:50%; display:grid; place-items:center; font-size:36px; background:var(--mk-soft); color:var(--mk-ink); }
.markazi-cart-drawer__safe-message p { margin:0; max-width:280px; line-height:1.9; color:var(--mk-muted); }
@media (max-width: 640px) {
  .markazi-cart-drawer--safe { width:min(92vw, 390px); }
  .markazi-cart-drawer__safe-message { min-height:150px; padding:18px 8px; }
}


/* v1.3.3 courier + thank-you refinements */
@media (min-width: 768px) and (max-width: 1050px) {
  .markazi-delivery-options--three { grid-template-columns:1fr; }
}
@media (max-width: 767px) {
  .markazi-delivery-options--three { grid-template-columns:1fr; }
  .markazi-thankyou-inline-code { flex-direction:column; width:100%; gap:7px; padding:14px; }
  .markazi-thankyou-inline-code .markazi-thankyou-track-button { width:100%; min-height:48px; }
}

/* =====================================================================
 * v1.4.0 — App-like customer profile, order products, copy tracking code
 * ===================================================================== */

.markazi-copy-code {
  appearance:none; border:0; min-height:38px; padding:0 12px; border-radius:12px; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:6px; white-space:nowrap;
  background:#eaf4f9; color:var(--mk-ink); font-size:12px; font-weight:900; transition:.16s ease;
}
.markazi-copy-code:hover { transform:translateY(-1px); background:#dfeff6; }
.markazi-copy-code:disabled { cursor:default; opacity:.82; transform:none; }
.markazi-copy-code.is-copied { background:#e8f8ef; color:#167147; }
.markazi-copy-code--compact { min-height:32px; border-radius:10px; padding:0 9px; font-size:11px; }
.markazi-tracking-code-wrap { display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0; }
.markazi-tracking-code-wrap strong { direction:ltr; text-align:right; }

.markazi-thankyou-inline-code .markazi-copy-code { min-height:42px; }

/* Portal app canvas */
.markazi-forced-account {
  width:min(100% - 24px, 1120px);
}
.markazi-portal-app {
  max-width:980px; margin:0 auto; padding:18px; border-radius:34px;
  background:linear-gradient(180deg,#f5f8fa 0%,#f9fbfc 100%);
  border:1px solid #e7edf1; box-shadow:0 24px 70px rgba(8,48,70,.07);
  position:relative;
}
.markazi-portal-app .markazi-profile-hero {
  border-radius:26px; padding:22px; box-shadow:0 18px 44px rgba(6,59,86,.16);
}
.markazi-portal-app .markazi-profile-actions .markazi-portal-button { min-height:42px; }

.markazi-portal-app .markazi-portal-stats {
  gap:10px; margin:12px 0 16px;
}
.markazi-portal-app .markazi-portal-stats > div {
  padding:14px 15px; border-radius:18px; background:rgba(255,255,255,.92); box-shadow:none;
}
.markazi-portal-app .markazi-portal-stats span { font-size:11px; }
.markazi-portal-app .markazi-portal-stats strong { font-size:18px; }

.markazi-portal-app .markazi-portal-orders {
  padding:16px; border-radius:24px; background:transparent; border:0;
}
.markazi-portal-app .markazi-portal-section-head { margin-bottom:13px; padding:0 3px; }
.markazi-portal-app .markazi-portal-order-list { gap:12px; }

.markazi-app-order-card {
  background:#fff; border:1px solid #e5edf1; border-radius:22px; padding:16px;
  box-shadow:0 10px 30px rgba(8,48,70,.045); overflow:hidden;
}
.markazi-app-order-card__head {
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px;
}
.markazi-app-order-card__identity { min-width:0; }
.markazi-app-order-card__identity > span { display:block; color:var(--mk-ink); font-size:16px; font-weight:950; }
.markazi-app-order-card__identity > small { display:block; color:#89949c; font-size:11px; margin-top:3px; }
.markazi-app-status-badge {
  flex:none; display:inline-flex; align-items:center; min-height:31px; padding:0 10px; border-radius:999px;
  background:#edf8f2; color:#197047; font-size:11px; font-weight:900;
}
.markazi-app-status-badge.is-exception { background:#fff0f1; color:#a1263d; }

.markazi-app-order-card__tracking {
  display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px;
  border-radius:15px; background:#f3f8fb; border:1px solid #e3eef4;
}
.markazi-app-order-card__tracking > div { min-width:0; }
.markazi-app-order-card__tracking small { display:block; color:#7f8f99; font-size:10.5px; margin-bottom:2px; }
.markazi-app-order-card__tracking strong {
  display:block; direction:ltr; text-align:right; color:var(--mk-ink); font-size:13px; letter-spacing:.35px; overflow-wrap:anywhere;
}
.markazi-status-timeline--app { margin:17px 0 14px; }
.markazi-status-timeline--app li { font-size:10.5px; padding-top:27px; }

.markazi-app-order-card__summary {
  display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px;
}
.markazi-app-order-card__summary > div {
  min-width:0; padding:10px 11px; border-radius:14px; background:#fafbfc; border:1px solid #edf1f3;
}
.markazi-app-order-card__summary small { display:block; color:#89949c; font-size:10px; margin-bottom:3px; }
.markazi-app-order-card__summary strong { display:block; color:#223a49; font-size:12px; font-weight:900; overflow-wrap:anywhere; }
.markazi-app-order-card__summary .woocommerce-Price-amount { white-space:nowrap; }

.markazi-app-order-card__actions {
  display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px;
}
.markazi-order-details-toggle,
.markazi-order-track-link {
  min-height:44px; border-radius:14px; border:0; text-decoration:none !important; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:7px; font-size:12px; font-weight:900;
}
.markazi-order-details-toggle { background:#edf4f7; color:var(--mk-ink); }
.markazi-order-track-link { background:var(--mk-ink); color:#fff !important; }
.markazi-toggle-chevron { font-size:17px; transition:transform .18s ease; line-height:1; }
.markazi-app-order-card.is-open .markazi-toggle-chevron { transform:rotate(180deg); }

.markazi-app-order-details {
  margin-top:13px; padding-top:13px; border-top:1px solid #edf1f3;
}
.markazi-app-order-details[hidden] { display:none !important; }
.markazi-app-order-details__title {
  display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px;
}
.markazi-app-order-details__title strong { color:var(--mk-ink); font-size:13px; }
.markazi-app-order-details__title span { color:#87939b; font-size:11px; }
.markazi-order-products { display:grid; gap:8px; }
.markazi-order-product {
  display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:10px;
  padding:9px; border:1px solid #edf1f3; border-radius:15px; background:#fff;
}
.markazi-order-product__image {
  width:58px; height:58px; border-radius:12px; overflow:hidden; background:#f4f5f6;
}
.markazi-order-product__image img { width:100%; height:100%; object-fit:cover; display:block; margin:0 !important; }
.markazi-order-product__copy { min-width:0; }
.markazi-order-product__name {
  display:block; margin:0; color:#18394c !important; text-decoration:none !important; font-size:12.5px; line-height:1.6; font-weight:900;
}
.markazi-order-product__meta { display:flex; flex-wrap:wrap; gap:4px 8px; color:#8a969e; font-size:10px; margin-top:3px; line-height:1.5; }
.markazi-order-product__price { color:#18394c; font-size:11px; font-weight:900; white-space:nowrap; }
.markazi-app-order-total-row {
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:9px; padding:11px 12px;
  border-radius:14px; background:#f6f9fa; color:#60727d; font-size:11px;
}
.markazi-app-order-total-row strong { color:var(--mk-ink); font-size:13px; }

/* App navigation: compact on desktop, sticky bottom bar on mobile */
.markazi-app-nav {
  display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin:14px 0 0; padding:8px;
  border-radius:18px; background:#fff; border:1px solid #e7edf1; box-shadow:0 12px 28px rgba(8,48,70,.055);
}
.markazi-app-nav a {
  min-height:50px; border-radius:13px; text-decoration:none !important; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px;
  color:#71808a !important; font-weight:800; transition:.15s ease;
}
.markazi-app-nav a:hover { background:#f1f6f8; color:var(--mk-ink) !important; }
.markazi-app-nav a span { font-size:18px; line-height:1; }
.markazi-app-nav a small { font-size:10px; }

@media (max-width: 820px) {
  .markazi-forced-account { width:100%; margin:0 auto 20px; }
  .markazi-portal-app {
    width:100%; max-width:none; border-radius:0; border-left:0; border-right:0; padding:10px 9px 92px;
    box-shadow:none; background:#f4f7f9;
  }
  .markazi-portal-app .markazi-profile-hero {
    grid-template-columns:auto minmax(0,1fr); text-align:right; padding:16px; border-radius:22px;
  }
  .markazi-portal-app .markazi-profile-avatar { margin:0; }
  .markazi-portal-app .markazi-profile-copy p { text-align:right; }
  .markazi-portal-app .markazi-profile-actions {
    grid-column:1 / -1; grid-template-columns:1fr 1fr; gap:7px;
  }
  .markazi-portal-app .markazi-portal-stats {
    display:flex; overflow:auto; gap:8px; padding:0 1px 3px; scrollbar-width:none;
  }
  .markazi-portal-app .markazi-portal-stats::-webkit-scrollbar { display:none; }
  .markazi-portal-app .markazi-portal-stats > div { min-width:132px; flex:0 0 auto; }
  .markazi-portal-app .markazi-portal-orders { padding:2px 0 0; }
  .markazi-portal-app .markazi-portal-section-head { padding:7px 4px 0; }
  .markazi-app-order-card { border-radius:19px; padding:13px; }
  .markazi-app-order-card__head { align-items:center; }
  .markazi-app-order-card__tracking { padding:10px; }
  .markazi-status-timeline--app li { font-size:9.5px; line-height:1.4; padding-inline:1px; }
  .markazi-app-order-card__actions { grid-template-columns:1fr 1fr; }
  .markazi-app-nav {
    position:fixed; z-index:99990; left:10px; right:10px; bottom:max(10px, env(safe-area-inset-bottom));
    margin:0 auto; max-width:500px; border-radius:19px; padding:7px; box-shadow:0 16px 45px rgba(8,48,70,.18);
  }
}

@media (max-width: 480px) {
  .markazi-portal-app .markazi-profile-hero { grid-template-columns:auto minmax(0,1fr); text-align:right; }
  .markazi-portal-app .markazi-profile-avatar { width:50px; height:50px; border-radius:16px; font-size:21px; }
  .markazi-portal-app .markazi-profile-copy h1 { font-size:20px; }
  .markazi-portal-app .markazi-profile-copy p { font-size:12px; }
  .markazi-portal-app .markazi-profile-actions { grid-template-columns:1fr 1fr; }
  .markazi-portal-app .markazi-profile-actions .markazi-portal-button { min-height:40px; padding:0 10px; font-size:11px; }
  .markazi-app-order-card__identity > span { font-size:14px; }
  .markazi-app-status-badge { min-height:29px; font-size:10px; }
  .markazi-app-order-card__tracking { align-items:flex-end; }
  .markazi-app-order-card__tracking strong { font-size:11.5px; }
  .markazi-copy-code { min-height:36px; padding:0 10px; font-size:11px; }
  .markazi-app-order-card__summary { grid-template-columns:1fr 1fr; }
  .markazi-order-product { grid-template-columns:52px minmax(0,1fr); }
  .markazi-order-product__image { width:52px; height:52px; }
  .markazi-order-product__price { grid-column:2; justify-self:start; }
  .markazi-app-order-card__actions { grid-template-columns:1fr; }
  .markazi-order-details-toggle,.markazi-order-track-link { min-height:42px; }
  .markazi-app-nav a { min-height:46px; }
  .markazi-app-nav a span { font-size:17px; }
  .markazi-app-nav a small { font-size:9.5px; }
  .markazi-thankyou-inline-code .markazi-copy-code,
  .markazi-thankyou-inline-code .markazi-thankyou-track-button { width:100%; }
}


/* ------------------------------------------------------------------
 * Modern OTP verification micro-interactions (v1.5.5)
 * ------------------------------------------------------------------ */
.markazi-auth-card { position:relative; overflow:hidden; }
.markazi-auth-field { margin-bottom:8px; }
.markazi-auth-phone-action { position:relative; margin-top:10px; text-align:center; }
.markazi-auth-primary { position:relative; overflow:hidden; transition:width .28s ease, min-width .28s ease, border-radius .28s ease, transform .2s ease, opacity .2s ease; }
.markazi-auth-primary__label { display:inline-flex; align-items:center; justify-content:center; transition:transform .22s ease, opacity .18s ease; }
.markazi-auth-primary__loader,
.markazi-auth-primary__success { position:absolute; inset:0; margin:auto; width:22px; height:22px; opacity:0; pointer-events:none; }
.markazi-auth-primary__loader { border-radius:50%; border:2px solid rgba(255,255,255,.3); border-top-color:#fff; animation:markaziSpin .8s linear infinite; }
.markazi-auth-primary__success { display:grid; place-items:center; font-size:19px; font-weight:950; }
.markazi-auth-step[data-step="phone"].is-loading .markazi-auth-primary__label,
.markazi-auth-step[data-step="phone"].is-sent .markazi-auth-primary__label { opacity:0; transform:translateY(-7px) scale(.94); }
.markazi-auth-step[data-step="phone"].is-loading .markazi-auth-primary__loader { opacity:1; }
.markazi-auth-step[data-step="phone"].is-sent .markazi-auth-primary--phone { width:62px; min-width:62px; padding-inline:0; border-radius:20px; }
.markazi-auth-step[data-step="phone"].is-sent .markazi-auth-primary__success { opacity:1; animation:markaziOtpSuccessPop .42s ease both; }

.markazi-auth-step[data-step="otp"] { position:relative; }
.markazi-auth-otp-stage { position:relative; min-height:62px; margin:2px auto 0; }
.markazi-auth-otp-slots { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; direction:ltr; width:100%; transition:transform .32s cubic-bezier(.2,.8,.2,1), gap .32s ease, opacity .2s ease; }
.markazi-auth-otp-slot { width:100% !important; min-width:0 !important; height:58px !important; padding:0 !important; text-align:center; font-size:24px !important; line-height:58px; font-weight:950; color:var(--mk-ink); background:#f7fbfd !important; border:1px solid #d6e4ea !important; border-radius:17px !important; box-shadow:none !important; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease, opacity .18s ease; }
.markazi-auth-otp-slot:focus { outline:none !important; background:#fff !important; border-color:#76b7d6 !important; box-shadow:0 0 0 4px rgba(22,143,203,.1) !important; transform:translateY(-2px); }
.markazi-auth-otp-slot.is-filled { background:#fff !important; border-color:#92c9df !important; transform:translateY(-2px) scale(1.025); }
.markazi-auth-otp-hidden { position:absolute !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; }
.markazi-auth-otp-helper { margin:10px 0 14px; color:#7c8b94; font-size:11.5px; }
.markazi-auth-verify-chip { position:absolute; inset:0; margin:auto; width:58px; height:58px; border-radius:17px; display:grid; place-items:center; background:#eaf7f0; color:#176341; opacity:0; transform:scale(.5) rotate(-8deg); pointer-events:none; transition:opacity .2s ease, transform .34s cubic-bezier(.2,.9,.2,1.2); }
.markazi-auth-verify-chip__check { font-size:26px; font-weight:950; line-height:1; }
.markazi-auth-step.is-verifying .markazi-auth-primary--otp .markazi-auth-primary__label { opacity:0; transform:translateY(-6px); }
.markazi-auth-step.is-verifying .markazi-auth-primary--otp .markazi-auth-primary__loader { opacity:1; }
.markazi-auth-step.is-verifying .markazi-auth-otp-slot { pointer-events:none; }
.markazi-auth-step.is-success-transition .markazi-auth-otp-slots { gap:0; transform:scale(.82); opacity:.08; }
.markazi-auth-step.is-success-transition .markazi-auth-otp-slot { border-radius:12px !important; transform:scale(.7); }
.markazi-auth-step.is-success-transition .markazi-auth-verify-chip,
.markazi-auth-step.is-success-complete .markazi-auth-verify-chip { opacity:1; transform:scale(1) rotate(0); }
.markazi-auth-step.is-success-complete .markazi-auth-verify-chip__check { animation:markaziOtpSuccessPop .44s ease both; }
.markazi-auth-step.is-error-shake .markazi-auth-otp-slots { animation:markaziOtpShake .42s ease both; }
.markazi-auth-step.is-error-shake .markazi-auth-otp-slot { background:#fff5f7 !important; border-color:#ef9daf !important; }

@keyframes markaziSpin { to { transform:rotate(360deg); } }
@keyframes markaziOtpShake { 0%,100%{transform:translateX(0)} 20%{transform:translateX(-8px)} 40%{transform:translateX(8px)} 60%{transform:translateX(-5px)} 80%{transform:translateX(5px)} }
@keyframes markaziOtpSuccessPop { 0%{transform:scale(.58)} 62%{transform:scale(1.14)} 100%{transform:scale(1)} }

@media (max-width:767px) {
  .markazi-auth-otp-slots { gap:7px; }
  .markazi-auth-otp-slot { height:55px !important; line-height:55px; border-radius:16px !important; font-size:22px !important; }
  .markazi-auth-verify-chip { width:55px; height:55px; border-radius:16px; }
}
@media (max-width:390px) {
  .markazi-auth-otp-slots { gap:5px; }
  .markazi-auth-otp-slot { height:51px !important; line-height:51px; border-radius:15px !important; font-size:20px !important; }
}

/* =====================================================================
 * v1.6.10 — stable desktop checkout layout
 * Keeps WooCommerce/Tapin logic untouched on initial page GET and only
 * restyles the classic checkout DOM. All rules are scoped to checkout.
 * ===================================================================== */
@media (min-width: 1100px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    direction: rtl !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 410px !important;
    grid-template-areas:
      "delivery review"
      "customer review" !important;
    gap: 24px 28px !important;
    align-items: start !important;
    width: min(100%, 1360px) !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
  }

  body.woocommerce-checkout form.checkout.woocommerce-checkout > .markazi-delivery-box {
    grid-area: delivery !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 26px !important;
    border: 1px solid #eadfd9 !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(8,48,70,.055) !important;
    overflow: visible !important;
  }

  body.woocommerce-checkout .markazi-delivery-box__title {
    margin: 0 0 20px !important;
    color: var(--mk-ink) !important;
    font-size: 29px !important;
    line-height: 1.4 !important;
    font-weight: 900 !important;
    text-align: right !important;
  }

  body.woocommerce-checkout .markazi-delivery-options--three {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body.woocommerce-checkout .markazi-delivery-option {
    display: grid !important;
    grid-template-columns: 22px 48px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 132px !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #e7ddd7 !important;
    border-radius: 19px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.woocommerce-checkout .markazi-delivery-option.is-selected {
    border: 2px solid #0d3146 !important;
    padding: 15px !important;
    background: #fbfdfe !important;
    box-shadow: 0 0 0 3px rgba(6,59,86,.05) !important;
  }

  body.woocommerce-checkout .markazi-delivery-option__icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 14px !important;
    font-size: 22px !important;
  }

  body.woocommerce-checkout .markazi-delivery-option__copy,
  body.woocommerce-checkout .markazi-delivery-option__copy * {
    min-width: 0 !important;
    position: static !important;
    float: none !important;
    transform: none !important;
  }

  body.woocommerce-checkout .markazi-delivery-option strong {
    display: block !important;
    margin: 0 !important;
    color: var(--mk-ink) !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    font-weight: 850 !important;
    white-space: normal !important;
  }

  body.woocommerce-checkout .markazi-delivery-option small {
    display: block !important;
    margin-top: 5px !important;
    color: #77828a !important;
    font-size: 12.5px !important;
    line-height: 1.75 !important;
    font-weight: 500 !important;
    white-space: normal !important;
  }

  body.woocommerce-checkout .markazi-pickup-note,
  body.woocommerce-checkout .markazi-courier-note {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 16px 0 0 !important;
    padding: 12px 16px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
    text-align: center !important;
  }
  body.woocommerce-checkout .markazi-pickup-note[hidden],
  body.woocommerce-checkout .markazi-courier-note[hidden] { display: none !important; }

  body.woocommerce-checkout form.checkout.woocommerce-checkout > #customer_details {
    grid-area: customer !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 26px !important;
    float: none !important;
    clear: both !important;
    border: 1px solid #edf0f2 !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 12px 34px rgba(8,48,70,.055) !important;
  }

  body.woocommerce-checkout #customer_details::before,
  body.woocommerce-checkout #customer_details::after { display: none !important; }
  body.woocommerce-checkout #customer_details .col-1 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }
  body.woocommerce-checkout #customer_details .col-2 { display: none !important; }

  body.woocommerce-checkout .woocommerce-billing-fields > h3 {
    margin: 0 0 22px !important;
    padding: 0 !important;
    color: var(--mk-ink) !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 850 !important;
    text-align: right !important;
  }

  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(12,minmax(0,1fr)) !important;
    gap: 16px 14px !important;
    width: 100% !important;
    align-items: start !important;
  }

  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
    grid-column: span 12;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }
  body.woocommerce-checkout #billing_first_name_field,
  body.woocommerce-checkout #billing_last_name_field { grid-column: span 6 !important; }
  body.woocommerce-checkout #billing_phone_field { grid-column: span 4 !important; }
  body.woocommerce-checkout #billing_state_field,
  body.woocommerce-checkout #billing_city_field,
  body.woocommerce-checkout #billing_postcode_field { grid-column: span 4 !important; }
  body.woocommerce-checkout #billing_address_1_field { grid-column: span 8 !important; }
  body.woocommerce-checkout #billing_address_2_field { grid-column: span 4 !important; }
  body.woocommerce-checkout[data-markazi-delivery="pickup"] #billing_phone_field { grid-column: span 12 !important; }
  body.woocommerce-checkout[data-markazi-delivery="courier"] #billing_phone_field { grid-column: span 4 !important; }
  body.woocommerce-checkout[data-markazi-delivery="courier"] #billing_address_1_field { grid-column: span 8 !important; }

  body.woocommerce-checkout .form-row label {
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: var(--mk-ink) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 800 !important;
    text-align: right !important;
  }
  body.woocommerce-checkout .form-row input.input-text,
  body.woocommerce-checkout .form-row select,
  body.woocommerce-checkout .select2-container,
  body.woocommerce-checkout .select2-container .select2-selection--single {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.woocommerce-checkout .form-row input.input-text,
  body.woocommerce-checkout .form-row select,
  body.woocommerce-checkout .select2-container .select2-selection--single {
    min-height: 54px !important;
    border: 1px solid #eee5df !important;
    border-radius: 15px !important;
    background: #f7f1ed !important;
    box-shadow: none !important;
  }

  body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review_heading { display: none !important; }

  body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review {
    grid-area: review !important;
    position: sticky !important;
    top: 22px !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 24px !important;
    float: none !important;
    clear: both !important;
    border: 1px solid #edf0f2 !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 14px 42px rgba(8,48,70,.065) !important;
    overflow: visible !important;
  }

  body.woocommerce-checkout #order_review table.shop_table {
    width: 100% !important;
    margin: 0 0 20px !important;
    border: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
    table-layout: auto !important;
  }
  body.woocommerce-checkout #order_review table.shop_table tr,
  body.woocommerce-checkout #order_review table.shop_table th,
  body.woocommerce-checkout #order_review table.shop_table td {
    position: static !important;
    float: none !important;
    transform: none !important;
  }
  body.woocommerce-checkout #order_review table.shop_table th,
  body.woocommerce-checkout #order_review table.shop_table td {
    padding: 13px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #edf0f2 !important;
    vertical-align: top !important;
    font-size: 13.5px !important;
    line-height: 1.75 !important;
  }
  body.woocommerce-checkout #order_review table.shop_table th {
    width: 42% !important;
    color: #41535d !important;
    font-weight: 800 !important;
    text-align: right !important;
  }
  body.woocommerce-checkout #order_review table.shop_table td {
    color: var(--mk-ink) !important;
    font-weight: 700 !important;
    text-align: left !important;
  }
  body.woocommerce-checkout #order_review .order-total th,
  body.woocommerce-checkout #order_review .order-total td {
    padding-top: 17px !important;
    border-bottom: 0 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
  }

  body.woocommerce-checkout #order_review ul#shipping_method,
  body.woocommerce-checkout #order_review ul.woocommerce-shipping-methods {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  body.woocommerce-checkout #order_review ul#shipping_method li,
  body.woocommerce-checkout #order_review ul.woocommerce-shipping-methods li {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    line-height: 1.7 !important;
  }
  body.woocommerce-checkout #order_review ul#shipping_method label,
  body.woocommerce-checkout #order_review ul.woocommerce-shipping-methods label {
    position: static !important;
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    color: #314b58 !important;
    font-size: 12.5px !important;
    line-height: 1.7 !important;
    font-weight: 750 !important;
    white-space: normal !important;
  }
  body.woocommerce-checkout[data-markazi-delivery="pickup"] #order_review ul#shipping_method input[type="radio"],
  body.woocommerce-checkout[data-markazi-delivery="courier"] #order_review ul#shipping_method input[type="radio"],
  body.woocommerce-checkout[data-markazi-delivery="pickup"] #order_review ul.woocommerce-shipping-methods input[type="radio"],
  body.woocommerce-checkout[data-markazi-delivery="courier"] #order_review ul.woocommerce-shipping-methods input[type="radio"] {
    display: none !important;
  }

  /* Gateway layout reset. Several Iranian gateway plugins and Woodmart use
     floats/absolute positioning here; reset only the checkout payment area. */
  body.woocommerce-checkout #payment,
  body.woocommerce-checkout #payment.woocommerce-checkout-payment {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  body.woocommerce-checkout #payment ul.payment_methods,
  body.woocommerce-checkout #payment ul.wc_payment_methods {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
  }
  body.woocommerce-checkout #payment li.wc_payment_method {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    border: 1px solid #ece4df !important;
    border-radius: 15px !important;
    background: #fbfaf9 !important;
    overflow: hidden !important;
  }
  body.woocommerce-checkout #payment li.wc_payment_method > input[type="radio"] {
    position: absolute !important;
    top: 21px !important;
    right: 16px !important;
    left: auto !important;
    z-index: 3 !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  body.woocommerce-checkout #payment li.wc_payment_method > label {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px 8px !important;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 12px 48px 12px 14px !important;
    float: none !important;
    color: #233f4d !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
    font-weight: 800 !important;
    text-align: right !important;
    white-space: normal !important;
    cursor: pointer !important;
  }
  body.woocommerce-checkout #payment li.wc_payment_method > label > *,
  body.woocommerce-checkout #payment li.wc_payment_method > label span,
  body.woocommerce-checkout #payment li.wc_payment_method > label strong,
  body.woocommerce-checkout #payment li.wc_payment_method > label small {
    position: static !important;
    display: inline !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    transform: none !important;
    white-space: normal !important;
  }
  body.woocommerce-checkout #payment li.wc_payment_method > label img,
  body.woocommerce-checkout #payment [class*="payment_method_"] label img {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    max-width: 100px !important;
    height: auto !important;
    max-height: 30px !important;
    margin: 0 3px !important;
    padding: 0 !important;
    float: none !important;
    object-fit: contain !important;
    transform: none !important;
  }
  body.woocommerce-checkout #payment .payment_box {
    position: static !important;
    display: block !important;
    width: auto !important;
    margin: 0 12px 12px !important;
    padding: 10px 12px !important;
    float: none !important;
    clear: both !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #f2f6f8 !important;
    box-shadow: none !important;
    color: #5c6f79 !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
  }
  body.woocommerce-checkout #payment .payment_box::before,
  body.woocommerce-checkout #payment .payment_box::after { display: none !important; content: none !important; }
  body.woocommerce-checkout #payment .payment_box p { margin: 0 !important; padding: 0 !important; }
  body.woocommerce-checkout #payment .place-order {
    display: block !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
  }
  body.woocommerce-checkout #payment #place_order {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    float: none !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: var(--mk-ink) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 900 !important;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout {
    display: block !important;
    width: min(100%, 920px) !important;
    margin: 0 auto !important;
  }
  body.woocommerce-checkout form.checkout.woocommerce-checkout > .markazi-delivery-box,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #customer_details,
  body.woocommerce-checkout form.checkout.woocommerce-checkout > #order_review {
    width: 100% !important;
    margin: 0 0 20px !important;
    float: none !important;
    position: static !important;
  }
}

/* =====================================================================
 * v1.6.19 — stable, scoped mobile checkout redesign
 * Keep native WooCommerce DOM; redesign presentation only.
 * ===================================================================== */
@media (max-width: 767px) {
  :root{
    --msc-bg:#f3ede7;
    --msc-panel:#fbf6f0;
    --msc-panel-2:#f7eee4;
    --msc-line:rgba(151,107,47,.18);
    --msc-gold:#caa75f;
    --msc-gold-deep:#8b641d;
    --msc-text:#4f433a;
    --msc-muted:#9b8e83;
    --msc-danger:#9d4638;
    --msc-radius:20px;
  }
  html:has(body.markazi-checkout-app){background:#343434!important;overflow-x:hidden!important}
  body.markazi-checkout-app{
    margin:0!important;padding:0!important;min-height:100vh!important;
    background:#343434!important;color:var(--msc-text)!important;direction:rtl!important;
    font-family:IRANSans,IRANSansX,Vazirmatn,Tahoma,Arial,sans-serif!important;
    overflow-x:hidden!important;
  }
  body.markazi-checkout-app *{box-sizing:border-box}
  body.markazi-checkout-app .msc-theme-hidden,
  body.markazi-checkout-app #masthead,
  body.markazi-checkout-app #site-header,
  body.markazi-checkout-app header.site-header,
  body.markazi-checkout-app .site-header,
  body.markazi-checkout-app .elementor-location-header,
  body.markazi-checkout-app #colophon,
  body.markazi-checkout-app footer.site-footer,
  body.markazi-checkout-app .site-footer,
  body.markazi-checkout-app .elementor-location-footer,
  body.markazi-checkout-app .page-header,
  body.markazi-checkout-app .entry-header,
  body.markazi-checkout-app .entry-title,
  body.markazi-checkout-app .page-title,
  body.markazi-checkout-app .woocommerce-breadcrumb,
  body.markazi-checkout-app .woocommerce-products-header{display:none!important}

  body.markazi-checkout-app .woocommerce{
    width:100%!important;max-width:520px!important;min-height:100vh!important;
    margin:0 auto!important;padding:0 16px 28px!important;background:var(--msc-bg)!important;
    overflow:visible!important;position:relative!important;float:none!important;
  }
  body.markazi-checkout-app .woocommerce-notices-wrapper{padding:8px 0 0!important}
  body.markazi-checkout-app .woocommerce-error,
  body.markazi-checkout-app .woocommerce-message,
  body.markazi-checkout-app .woocommerce-info{
    margin:8px 0!important;padding:10px 12px!important;border:1px solid var(--msc-line)!important;
    border-radius:13px!important;background:#fff8ef!important;color:var(--msc-text)!important;
    font-size:11px!important;line-height:1.8!important;box-shadow:none!important;
  }

  .msc-checkout-header{
    height:86px;display:flex;align-items:center;justify-content:space-between;gap:12px;
    margin:0 -16px;padding:0 18px;border-bottom:1px solid var(--msc-line);background:var(--msc-bg);
  }
  .msc-checkout-brand{display:flex;align-items:center;gap:10px;order:2}
  .msc-checkout-logo{width:50px;height:50px;border:1px solid var(--msc-gold);border-radius:50%;display:grid;place-items:center;color:var(--msc-gold-deep);font-size:24px;background:rgba(255,255,255,.24)}
  .msc-checkout-brand-copy{display:flex;flex-direction:column;gap:1px;text-align:right}
  .msc-checkout-brand-copy strong{font-size:15px;line-height:1.4;color:#6b511d;font-weight:800}
  .msc-checkout-brand-copy small{font-size:8px;letter-spacing:1.2px;color:#b28d4c}
  .msc-checkout-home{order:1;width:44px;height:44px;display:grid;place-items:center;text-decoration:none!important;border:1px solid var(--msc-gold);border-radius:14px;background:rgba(255,255,255,.22);color:var(--msc-gold-deep)!important;font-size:24px;line-height:1}
  .msc-checkout-intro{padding:28px 2px 16px;text-align:right}
  .msc-checkout-intro h1{margin:0 0 5px!important;font-size:30px!important;line-height:1.3!important;font-weight:900!important;color:#493b30!important}
  .msc-checkout-intro p{margin:0!important;font-size:11px!important;line-height:1.9!important;color:var(--msc-muted)!important}
  .msc-checkout-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px;margin:0 0 18px;border:1px solid var(--msc-line);border-radius:18px;background:rgba(255,255,255,.28)}
  .msc-checkout-stepper button{appearance:none;border:0!important;min-width:0;padding:8px 3px!important;border-radius:13px!important;background:transparent!important;color:#8b7868!important;font-family:inherit!important;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:none!important}
  .msc-checkout-stepper button b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eadcc5;color:#8b641d;font-size:10px}
  .msc-checkout-stepper button span{font-size:10px;font-weight:650;white-space:nowrap}
  .msc-checkout-stepper button.is-active{background:#f8e9cb!important;color:#624a22!important}
  .msc-checkout-stepper button.is-active b{background:var(--msc-gold);color:#fff}
  .msc-checkout-stepper button.is-done b{background:#d8c9ad;color:#fff}

  body.markazi-checkout-app form.checkout.woocommerce-checkout{display:block!important;width:100%!important;margin:0!important;padding:0!important;float:none!important;position:relative!important}
  body.markazi-checkout-app .msc-stage-panel[hidden],
  body.markazi-checkout-app [data-msc-panel-step][hidden]{display:none!important}
  body.markazi-checkout-app .msc-stage-panel.is-msc-active{
    display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:16px!important;
    float:none!important;position:relative!important;inset:auto!important;transform:none!important;
    border:1px solid var(--msc-line)!important;border-radius:var(--msc-radius)!important;
    background:var(--msc-panel)!important;box-shadow:0 10px 30px rgba(86,67,48,.04)!important;overflow:visible!important;
  }
  body.markazi-checkout-app .msc-order-review-heading{display:none!important}

  /* Step 1 — delivery */
  body.markazi-checkout-app .markazi-delivery-box{padding:16px!important}
  body.markazi-checkout-app .markazi-delivery-box__title,
  body.markazi-checkout-app .woocommerce-billing-fields>h3{
    margin:0 0 14px!important;color:#473b32!important;font-size:19px!important;line-height:1.5!important;font-weight:850!important;text-align:right!important
  }
  body.markazi-checkout-app .markazi-delivery-options--three{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.markazi-checkout-app .markazi-delivery-option{
    width:100%!important;min-height:74px!important;margin:0!important;padding:11px 12px!important;border:1px solid rgba(151,107,47,.20)!important;
    border-radius:16px!important;background:#fffaf5!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:10px!important;transform:none!important
  }
  body.markazi-checkout-app .markazi-delivery-option.is-selected{border-color:var(--msc-gold)!important;background:#f4e4c4!important;box-shadow:inset 0 0 0 1px var(--msc-gold)!important}
  body.markazi-checkout-app .markazi-delivery-option__icon{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;background:#f5ecdf!important;font-size:18px!important}
  body.markazi-checkout-app .markazi-delivery-option strong{font-size:13px!important;color:#4f433a!important;font-weight:800!important}
  body.markazi-checkout-app .markazi-delivery-option small{font-size:9px!important;line-height:1.6!important;color:#998b80!important}
  body.markazi-checkout-app .markazi-pickup-note,
  body.markazi-checkout-app .markazi-courier-note{margin:10px 0 0!important;padding:10px 12px!important;border-radius:13px!important;background:#efe5d9!important;color:#77695e!important;font-size:9px!important;line-height:1.8!important;border:0!important}

  /* Step 2 — customer fields */
  body.markazi-checkout-app #customer_details{padding:16px!important}
  body.markazi-checkout-app #customer_details .col-1{display:block!important;width:100%!important;margin:0!important;padding:0!important;float:none!important}
  body.markazi-checkout-app #customer_details .col-2{display:none!important}
  body.markazi-checkout-app .woocommerce-billing-fields__field-wrapper{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important}
  body.markazi-checkout-app .woocommerce-billing-fields__field-wrapper .form-row{grid-column:1/-1!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;float:none!important;position:relative!important}
  body.markazi-checkout-app .woocommerce-billing-fields__field-wrapper .form-row-first,
  body.markazi-checkout-app .woocommerce-billing-fields__field-wrapper .form-row-last{grid-column:span 1!important}
  body.markazi-checkout-app .form-row label{display:block!important;margin:0 2px 5px!important;color:#5b4e44!important;font-size:10px!important;line-height:1.6!important;font-weight:750!important}
  body.markazi-checkout-app .form-row input.input-text,
  body.markazi-checkout-app .form-row textarea,
  body.markazi-checkout-app .form-row select,
  body.markazi-checkout-app .select2-container .select2-selection--single{
    width:100%!important;min-height:48px!important;margin:0!important;border:1px solid rgba(151,107,47,.17)!important;border-radius:14px!important;
    background:#f4ece4!important;color:#4f433a!important;box-shadow:none!important;font-family:inherit!important;font-size:12px!important;outline:0!important
  }
  body.markazi-checkout-app .form-row input.input-text{padding:0 12px!important}
  body.markazi-checkout-app .form-row textarea{min-height:90px!important;padding:12px!important;resize:vertical!important}
  body.markazi-checkout-app .select2-container{width:100%!important}
  body.markazi-checkout-app .select2-selection__rendered{line-height:46px!important;padding:0 12px!important;color:#5c5047!important;font-size:12px!important}
  body.markazi-checkout-app .select2-selection__arrow{height:46px!important;left:8px!important;right:auto!important}
  body.markazi-checkout-app .woocommerce-invalid input.input-text,
  body.markazi-checkout-app .woocommerce-invalid .select2-selection{border-color:#c56d5c!important}

  /* Step 3 — order summary + payment */
  body.markazi-checkout-app #order_review{padding:15px!important;background:var(--msc-panel)!important}
  body.markazi-checkout-app .woocommerce-form-coupon-toggle,
  body.markazi-checkout-app form.checkout_coupon,
  body.markazi-checkout-app .checkout_coupon{display:none!important}
  body.markazi-checkout-app .woocommerce-checkout-review-order-table{
    width:100%!important;margin:0 0 14px!important;border:0!important;border-collapse:collapse!important;background:transparent!important;table-layout:auto!important
  }
  body.markazi-checkout-app .woocommerce-checkout-review-order-table thead,
  body.markazi-checkout-app .woocommerce-checkout-review-order-table tbody{display:none!important}
  body.markazi-checkout-app .woocommerce-checkout-review-order-table tfoot{display:table-footer-group!important}
  body.markazi-checkout-app .woocommerce-checkout-review-order-table tr{background:transparent!important}
  body.markazi-checkout-app .woocommerce-checkout-review-order-table th,
  body.markazi-checkout-app .woocommerce-checkout-review-order-table td{
    padding:10px 3px!important;border:0!important;border-bottom:1px solid var(--msc-line)!important;background:transparent!important;color:#5d5046!important;
    font-size:11px!important;line-height:1.7!important;font-weight:650!important;vertical-align:middle!important
  }
  body.markazi-checkout-app .woocommerce-checkout-review-order-table th{text-align:right!important}
  body.markazi-checkout-app .woocommerce-checkout-review-order-table td{text-align:left!important}
  body.markazi-checkout-app .woocommerce-checkout-review-order-table tr.order-total th,
  body.markazi-checkout-app .woocommerce-checkout-review-order-table tr.order-total td{padding-top:14px!important;border-bottom:0!important;color:#3f342c!important;font-size:15px!important;font-weight:900!important}
  body.markazi-checkout-app ul#shipping_method,
  body.markazi-checkout-app ul.woocommerce-shipping-methods{margin:0!important;padding:0!important;list-style:none!important}
  body.markazi-checkout-app ul#shipping_method li,
  body.markazi-checkout-app ul.woocommerce-shipping-methods li{margin:4px 0!important;padding:0!important;font-size:10px!important;line-height:1.6!important}

  body.markazi-checkout-app #payment{
    width:100%!important;margin:0!important;padding:12px!important;border:1px solid var(--msc-line)!important;border-radius:17px!important;
    background:#f8efe4!important;box-shadow:none!important;color:var(--msc-text)!important;overflow:visible!important
  }
  body.markazi-checkout-app #payment ul.payment_methods{margin:0!important;padding:0!important;border:0!important;list-style:none!important;background:transparent!important}
  body.markazi-checkout-app #payment li.wc_payment_method{
    width:100%!important;margin:0 0 8px!important;padding:0!important;border:1px solid rgba(151,107,47,.16)!important;border-radius:14px!important;
    background:#fffaf4!important;overflow:hidden!important;position:relative!important;float:none!important;transform:none!important
  }
  body.markazi-checkout-app #payment li.wc_payment_method:last-child{margin-bottom:0!important}
  body.markazi-checkout-app #payment li.wc_payment_method>input[type=radio]{position:absolute!important;right:13px!important;top:17px!important;width:18px!important;height:18px!important;margin:0!important;z-index:2!important}
  body.markazi-checkout-app #payment li.wc_payment_method>label{
    display:flex!important;min-height:52px!important;width:100%!important;margin:0!important;padding:12px 42px 12px 12px!important;
    align-items:center!important;justify-content:space-between!important;gap:8px!important;color:#4f433a!important;font-size:12px!important;line-height:1.6!important;
    font-weight:750!important;text-align:right!important;position:static!important;float:none!important;transform:none!important;white-space:normal!important
  }
  body.markazi-checkout-app #payment li.wc_payment_method>label img{display:block!important;max-height:26px!important;max-width:72px!important;width:auto!important;height:auto!important;margin:0!important;position:static!important;float:none!important;transform:none!important}
  body.markazi-checkout-app #payment .payment_box{
    margin:0!important;padding:0 42px 12px 12px!important;border:0!important;background:transparent!important;color:#8d8177!important;font-size:9px!important;line-height:1.8!important;
    position:static!important;float:none!important;transform:none!important;box-shadow:none!important
  }
  body.markazi-checkout-app #payment .payment_box:before{display:none!important}
  body.markazi-checkout-app #payment .payment_box p{margin:0!important;font-size:9px!important;line-height:1.8!important;color:#8d8177!important}
  body.markazi-checkout-app #payment .place-order{margin:12px 0 0!important;padding:0!important;background:transparent!important}
  body.markazi-checkout-app #payment #place_order{
    width:100%!important;min-height:49px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:14px!important;
    background:var(--msc-gold)!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:850!important;line-height:1!important;
    box-shadow:none!important;float:none!important;position:static!important;transform:none!important
  }
  body.markazi-checkout-app #payment #place_order:disabled{opacity:.55!important;cursor:not-allowed!important}
  body.markazi-checkout-app #payment .woocommerce-privacy-policy-text,
  body.markazi-checkout-app #payment .form-row.terms{font-size:9px!important;line-height:1.8!important;color:#8b7f75!important}

  .msc-checkout-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
  .msc-checkout-actions button{min-height:45px!important;border-radius:13px!important;font-family:inherit!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;transform:none!important}
  .msc-checkout-next{border:0!important;background:var(--msc-gold)!important;color:#fff!important}
  .msc-checkout-prev{border:1px solid rgba(151,107,47,.28)!important;background:transparent!important;color:#795c27!important}
  .msc-checkout-error{display:none;margin-top:8px;padding:8px 10px;border-radius:11px;background:#f8e5df;color:var(--msc-danger);font-size:9px;line-height:1.8}
  .msc-checkout-error.is-visible{display:block}
  body.markazi-checkout-app #wpadminbar{display:block!important}
}

@media (max-width: 390px){
  body.markazi-checkout-app .woocommerce{padding-left:11px!important;padding-right:11px!important}
  .msc-checkout-header{margin-left:-11px;margin-right:-11px;padding-left:13px;padding-right:13px}
  .msc-checkout-intro h1{font-size:27px!important}
  body.markazi-checkout-app .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr!important}
  body.markazi-checkout-app .woocommerce-billing-fields__field-wrapper .form-row-first,
  body.markazi-checkout-app .woocommerce-billing-fields__field-wrapper .form-row-last{grid-column:1/-1!important}
}

/* =====================================================================
 * v1.6.20 — hard step isolation + clean mobile order review
 * The legacy desktop checkout stylesheet used an ID selector with
 * display:block!important on #order_review, which overrode [hidden].
 * Step visibility is now driven by a body data attribute with selectors
 * stronger than every legacy checkout rule.
 * ===================================================================== */
@media (max-width:767px){
  body.markazi-checkout-app{
    --msc-font:IRANSansX,IRANSans,Vazirmatn,Tahoma,Arial,sans-serif;
  }

  /* Hard isolation: exactly one checkout stage may be visible. */
  body.markazi-checkout-app[data-msc-current-step="1"] form.checkout.woocommerce-checkout #customer_details,
  body.markazi-checkout-app[data-msc-current-step="1"] form.checkout.woocommerce-checkout #order_review,
  body.markazi-checkout-app[data-msc-current-step="1"] #order_review_heading{
    display:none!important;
  }
  body.markazi-checkout-app[data-msc-current-step="1"] form.checkout.woocommerce-checkout .markazi-delivery-box{
    display:block!important;
  }

  body.markazi-checkout-app[data-msc-current-step="2"] form.checkout.woocommerce-checkout .markazi-delivery-box,
  body.markazi-checkout-app[data-msc-current-step="2"] form.checkout.woocommerce-checkout #order_review,
  body.markazi-checkout-app[data-msc-current-step="2"] #order_review_heading{
    display:none!important;
  }
  body.markazi-checkout-app[data-msc-current-step="2"] form.checkout.woocommerce-checkout #customer_details{
    display:block!important;
  }

  body.markazi-checkout-app[data-msc-current-step="3"] form.checkout.woocommerce-checkout .markazi-delivery-box,
  body.markazi-checkout-app[data-msc-current-step="3"] form.checkout.woocommerce-checkout #customer_details,
  body.markazi-checkout-app[data-msc-current-step="3"] #order_review_heading{
    display:none!important;
  }
  body.markazi-checkout-app[data-msc-current-step="3"] form.checkout.woocommerce-checkout #order_review,
  body.markazi-checkout-app[data-msc-current-step="3"] #order_review{
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  /* Never let the browser/legacy rules reveal an inactive staged panel. */
  body.markazi-checkout-app form.checkout.woocommerce-checkout #order_review.msc-stage-panel.is-msc-inactive,
  body.markazi-checkout-app form.checkout.woocommerce-checkout #customer_details.msc-stage-panel.is-msc-inactive,
  body.markazi-checkout-app form.checkout.woocommerce-checkout .markazi-delivery-box.msc-stage-panel.is-msc-inactive{
    display:none!important;
  }

  /* Order review typography is owned by this plugin, not theme/gateway CSS. */
  body.markazi-checkout-app #order_review,
  body.markazi-checkout-app #order_review *,
  body.markazi-checkout-app #payment,
  body.markazi-checkout-app #payment *{
    font-family:var(--msc-font)!important;
    font-style:normal!important;
    text-transform:none!important;
    letter-spacing:0!important;
    text-shadow:none!important;
    box-sizing:border-box!important;
  }

  /* Fresh summary card — no legacy white invoice panel. */
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table{
    display:table!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:0!important;
    border:1px solid rgba(151,107,47,.14)!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    border-radius:18px!important;
    background:#fffaf4!important;
    box-shadow:0 10px 30px rgba(70,49,30,.045)!important;
    overflow:hidden!important;
  }
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table thead,
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table tbody{
    display:none!important;
  }
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table tfoot{
    display:table-footer-group!important;
  }
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table tfoot tr{
    display:table-row!important;
    background:transparent!important;
  }
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table tfoot th,
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table tfoot td{
    display:table-cell!important;
    width:auto!important;
    padding:12px 14px!important;
    border:0!important;
    border-bottom:1px solid rgba(151,107,47,.10)!important;
    background:transparent!important;
    color:#5c4a3c!important;
    font-size:12px!important;
    line-height:1.8!important;
    font-weight:700!important;
    vertical-align:middle!important;
    position:static!important;
    float:none!important;
    transform:none!important;
    white-space:normal!important;
  }
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table tfoot th{
    text-align:right!important;
  }
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table tfoot td{
    text-align:left!important;
  }
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table tfoot tr:last-child th,
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table tfoot tr:last-child td{
    border-bottom:0!important;
  }
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table tr.order-total th,
  body.markazi-checkout-app #order_review .woocommerce-checkout-review-order-table tr.order-total td{
    padding-top:14px!important;
    padding-bottom:14px!important;
    background:#f4eadf!important;
    color:#3f3027!important;
    font-size:14px!important;
    font-weight:900!important;
  }
  body.markazi-checkout-app #order_review .woocommerce-Price-amount,
  body.markazi-checkout-app #order_review .woocommerce-Price-currencySymbol{
    color:inherit!important;
    font-size:inherit!important;
    font-weight:inherit!important;
  }

  /* In payment step shipping is read-only: only chosen rate remains visible. */
  body.markazi-checkout-app[data-msc-current-step="3"] #order_review ul#shipping_method li,
  body.markazi-checkout-app[data-msc-current-step="3"] #order_review ul.woocommerce-shipping-methods li{
    display:none!important;
  }
  body.markazi-checkout-app[data-msc-current-step="3"] #order_review ul#shipping_method li:has(input:checked),
  body.markazi-checkout-app[data-msc-current-step="3"] #order_review ul.woocommerce-shipping-methods li:has(input:checked){
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }
  body.markazi-checkout-app[data-msc-current-step="3"] #order_review ul#shipping_method input,
  body.markazi-checkout-app[data-msc-current-step="3"] #order_review ul.woocommerce-shipping-methods input{
    display:none!important;
  }

  /* Payment is a separate clean card instead of inheriting the theme box. */
  body.markazi-checkout-app #order_review #payment,
  body.markazi-checkout-app #payment.woocommerce-checkout-payment{
    width:100%!important;
    margin:0!important;
    padding:14px!important;
    border:1px solid rgba(151,107,47,.14)!important;
    border-radius:18px!important;
    background:#fffaf4!important;
    box-shadow:0 10px 30px rgba(70,49,30,.045)!important;
    overflow:hidden!important;
  }
  body.markazi-checkout-app #payment ul.payment_methods,
  body.markazi-checkout-app #payment ul.wc_payment_methods{
    display:grid!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.markazi-checkout-app #payment li.wc_payment_method{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(151,107,47,.14)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.markazi-checkout-app #payment li.wc_payment_method>label{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:50px!important;
    margin:0!important;
    padding:10px 40px 10px 12px!important;
    color:#4c3e34!important;
    font-size:11px!important;
    line-height:1.7!important;
    font-weight:800!important;
    text-align:right!important;
    position:static!important;
    float:none!important;
    transform:none!important;
  }
  body.markazi-checkout-app #payment li.wc_payment_method>input[type="radio"]{
    position:absolute!important;
    top:16px!important;
    right:13px!important;
    width:17px!important;
    height:17px!important;
    margin:0!important;
  }
  body.markazi-checkout-app #payment li.wc_payment_method>label img{
    position:static!important;
    float:none!important;
    transform:none!important;
    width:auto!important;
    max-width:62px!important;
    height:auto!important;
    max-height:23px!important;
    margin:0!important;
  }
  body.markazi-checkout-app #payment .payment_box{
    position:static!important;
    float:none!important;
    transform:none!important;
    width:auto!important;
    margin:0!important;
    padding:0 40px 10px 12px!important;
    border:0!important;
    background:transparent!important;
    color:#8b7b6f!important;
    box-shadow:none!important;
    font-size:9px!important;
    line-height:1.8!important;
  }
  body.markazi-checkout-app #payment .payment_box:before,
  body.markazi-checkout-app #payment .payment_box:after{
    display:none!important;
    content:none!important;
  }
  body.markazi-checkout-app #payment .payment_box p{
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    font:inherit!important;
  }
  body.markazi-checkout-app #payment .place-order{
    width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.markazi-checkout-app #payment #place_order{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:14px!important;
    background:var(--msc-gold)!important;
    color:#fff!important;
    box-shadow:none!important;
    font-family:var(--msc-font)!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:850!important;
    position:static!important;
    float:none!important;
    transform:none!important;
  }

  /* Coupon is not part of this mobile flow. */
  body.markazi-checkout-app .woocommerce-form-coupon-toggle,
  body.markazi-checkout-app form.checkout_coupon,
  body.markazi-checkout-app .checkout_coupon{
    display:none!important;
  }
}


/* =====================================================================
 * v1.6.21 — native WooCommerce payment DOM, fully redesigned visually
 * ===================================================================== */
@media (max-width:767px){
  body.markazi-checkout-app #order_review.msc-review-enhanced{
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.markazi-checkout-app #order_review.msc-review-enhanced .woocommerce-checkout-review-order-table{
    display:none!important;
  }

  body.markazi-checkout-app .msc-order-summary-card{
    width:100%!important;
    margin:0 0 13px!important;
    padding:0!important;
    border:1px solid rgba(151,107,47,.16)!important;
    border-radius:20px!important;
    background:#fffaf3!important;
    box-shadow:0 12px 30px rgba(73,51,30,.05)!important;
    overflow:hidden!important;
    direction:rtl!important;
  }
  body.markazi-checkout-app .msc-order-summary-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:68px!important;
    padding:13px 15px!important;
    border-bottom:1px solid rgba(151,107,47,.10)!important;
    background:linear-gradient(135deg,#fffaf3 0%,#f6ebdc 100%)!important;
  }
  body.markazi-checkout-app .msc-order-summary-head>div{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    min-width:0!important;
  }
  body.markazi-checkout-app .msc-order-summary-head strong{
    color:#43362d!important;
    font-family:var(--msc-font)!important;
    font-size:15px!important;
    line-height:1.45!important;
    font-weight:900!important;
  }
  body.markazi-checkout-app .msc-order-summary-head small{
    color:#99887a!important;
    font-family:var(--msc-font)!important;
    font-size:10px!important;
    line-height:1.55!important;
    font-weight:500!important;
  }
  body.markazi-checkout-app .msc-order-summary-head>span{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(151,107,47,.20)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.55)!important;
    color:#986e2d!important;
  }
  body.markazi-checkout-app .msc-order-summary-head svg{
    width:21px!important;
    height:21px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.55!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  body.markazi-checkout-app .msc-order-summary-rows{
    padding:5px 14px 0!important;
  }
  body.markazi-checkout-app .msc-order-summary-row{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:9px 2px!important;
    border-bottom:1px dashed rgba(151,107,47,.13)!important;
    color:#5d4e42!important;
  }
  body.markazi-checkout-app .msc-order-summary-row:last-child{
    border-bottom:0!important;
  }
  body.markazi-checkout-app .msc-order-summary-row>span{
    flex:1 1 auto!important;
    min-width:0!important;
    color:#66574b!important;
    font-size:12px!important;
    line-height:1.7!important;
    font-weight:700!important;
    text-align:right!important;
  }
  body.markazi-checkout-app .msc-order-summary-row>b{
    flex:0 0 auto!important;
    max-width:58%!important;
    color:#4b3a2f!important;
    font-size:12px!important;
    line-height:1.7!important;
    font-weight:800!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  body.markazi-checkout-app .msc-order-summary-row b *,
  body.markazi-checkout-app .msc-order-summary-total b *{
    white-space:nowrap!important;
  }
  body.markazi-checkout-app .msc-order-summary-row ul,
  body.markazi-checkout-app .msc-order-summary-row li{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  body.markazi-checkout-app .msc-order-summary-row label{
    margin:0!important;
    color:inherit!important;
    font:inherit!important;
    white-space:nowrap!important;
  }
  body.markazi-checkout-app .msc-order-summary-total{
    min-height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:6px!important;
    padding:12px 13px!important;
    border-radius:15px!important;
    background:#efe3d3!important;
    color:#3d3028!important;
  }
  body.markazi-checkout-app .msc-order-summary-total>span{
    font-size:14px!important;
    line-height:1.5!important;
    font-weight:900!important;
  }
  body.markazi-checkout-app .msc-order-summary-total>b{
    color:#3d3028!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:900!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  body.markazi-checkout-app .msc-order-summary-card .woocommerce-Price-amount,
  body.markazi-checkout-app .msc-order-summary-card .woocommerce-Price-currencySymbol{
    display:inline!important;
    color:inherit!important;
    font-family:var(--msc-font)!important;
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:inherit!important;
    white-space:nowrap!important;
    direction:rtl!important;
    unicode-bidi:isolate!important;
  }

  body.markazi-checkout-app #order_review #payment,
  body.markazi-checkout-app #payment.woocommerce-checkout-payment{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(151,107,47,.16)!important;
    border-radius:20px!important;
    background:#fffaf3!important;
    box-shadow:0 12px 30px rgba(73,51,30,.05)!important;
    overflow:hidden!important;
  }
  body.markazi-checkout-app .msc-payment-heading{
    min-height:68px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:13px 15px!important;
    border-bottom:1px solid rgba(151,107,47,.10)!important;
    background:linear-gradient(135deg,#fffaf3 0%,#f6ebdc 100%)!important;
  }
  body.markazi-checkout-app .msc-payment-heading>div{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    min-width:0!important;
  }
  body.markazi-checkout-app .msc-payment-heading strong{
    color:#43362d!important;
    font-size:15px!important;
    line-height:1.45!important;
    font-weight:900!important;
  }
  body.markazi-checkout-app .msc-payment-heading small{
    color:#99887a!important;
    font-size:10px!important;
    line-height:1.55!important;
    font-weight:500!important;
  }
  body.markazi-checkout-app .msc-payment-heading>span{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(151,107,47,.20)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.55)!important;
    color:#986e2d!important;
  }
  body.markazi-checkout-app .msc-payment-heading svg{
    width:21px!important;
    height:21px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.55!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  body.markazi-checkout-app #payment ul.payment_methods,
  body.markazi-checkout-app #payment ul.wc_payment_methods{
    display:grid!important;
    gap:9px!important;
    margin:0!important;
    padding:12px!important;
    border:0!important;
    background:transparent!important;
  }
  body.markazi-checkout-app #payment li.wc_payment_method{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:54px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(151,107,47,.15)!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
  }
  body.markazi-checkout-app #payment li.wc_payment_method.is-msc-selected{
    border-color:#b88637!important;
    background:#fff7e9!important;
    box-shadow:inset 0 0 0 1px rgba(184,134,55,.24)!important;
  }
  body.markazi-checkout-app #payment li.wc_payment_method>input[type="radio"]{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:absolute!important;
    top:17px!important;
    right:14px!important;
    width:20px!important;
    height:20px!important;
    margin:0!important;
    border:2px solid #aa9a8d!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:none!important;
    z-index:3!important;
  }
  body.markazi-checkout-app #payment li.wc_payment_method>input[type="radio"]:checked{
    border-color:#b88637!important;
    box-shadow:inset 0 0 0 4px #fff!important;
    background:#b88637!important;
  }
  body.markazi-checkout-app #payment li.wc_payment_method>label{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    min-height:54px!important;
    margin:0!important;
    padding:11px 44px 11px 12px!important;
    color:#4d4036!important;
    font-family:var(--msc-font)!important;
    font-size:13px!important;
    line-height:1.65!important;
    font-weight:800!important;
    text-align:right!important;
    white-space:normal!important;
    cursor:pointer!important;
  }
  body.markazi-checkout-app #payment li.wc_payment_method>label img{
    display:block!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:76px!important;
    height:auto!important;
    max-height:27px!important;
    margin:0!important;
  }
  body.markazi-checkout-app #payment .payment_box{
    width:auto!important;
    margin:0!important;
    padding:0 44px 12px 12px!important;
    border:0!important;
    background:transparent!important;
    color:#75695f!important;
    font-family:var(--msc-font)!important;
    font-size:11px!important;
    line-height:1.85!important;
    box-shadow:none!important;
  }
  body.markazi-checkout-app #payment .payment_box p{
    margin:0!important;
    color:inherit!important;
    font:inherit!important;
  }
  body.markazi-checkout-app #payment .place-order{
    width:auto!important;
    margin:0!important;
    padding:4px 12px 12px!important;
    border:0!important;
    background:transparent!important;
  }
  body.markazi-checkout-app #payment #place_order{
    all:unset!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 16px!important;
    border:1px solid #a97928!important;
    border-radius:15px!important;
    background:#b88939!important;
    color:#fff!important;
    box-shadow:0 7px 20px rgba(139,100,29,.15)!important;
    font-family:var(--msc-font)!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:900!important;
    text-align:center!important;
    cursor:pointer!important;
  }
  body.markazi-checkout-app #payment #place_order:disabled{
    opacity:.5!important;
    cursor:not-allowed!important;
  }
  body.markazi-checkout-app #payment .woocommerce-privacy-policy-text,
  body.markazi-checkout-app #payment .form-row.terms{
    margin:8px 0 0!important;
    color:#817368!important;
    font-size:10px!important;
    line-height:1.8!important;
  }

  body.markazi-checkout-app[data-msc-current-step="3"] .msc-checkout-actions{
    margin-top:11px!important;
  }
  body.markazi-checkout-app[data-msc-current-step="3"] .msc-checkout-prev{
    min-height:46px!important;
    border:1px solid rgba(139,100,29,.30)!important;
    background:transparent!important;
    color:#79571f!important;
    font-size:12px!important;
  }
}

.msc-checkout-logo img{display:block;max-width:86%;max-height:86%;width:auto;height:auto;object-fit:contain}
.markazi-auth-brand-logo{display:block;max-width:150px;max-height:54px;width:auto;height:auto;object-fit:contain}
.markazi-auth-brand:has(.markazi-auth-brand-logo){background:transparent!important;padding:0!important;border-radius:0!important}
.markazi-tracking-brand-logo{display:block;max-width:170px;max-height:58px;width:auto;height:auto;object-fit:contain;margin:0 auto}


/* v1.6.35 — checkout logo replaces the complete brand lockup */
@media (max-width:767px){
  body.markazi-checkout-app .msc-checkout-brand.msc-checkout-brand--image{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    width:auto!important;max-width:230px!important;height:66px!important;gap:0!important;overflow:visible!important;
  }
  body.markazi-checkout-app .msc-checkout-brand-image{
    display:block!important;width:auto!important;height:auto!important;max-width:220px!important;max-height:62px!important;
    object-fit:contain!important;object-position:right center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  body.markazi-checkout-app .msc-checkout-brand--image .msc-checkout-logo,
  body.markazi-checkout-app .msc-checkout-brand--image .msc-checkout-brand-copy{display:none!important}
}


/* v1.6.36 — smaller checkout logo + swap with back button */
@media (max-width:767px){
  body.markazi-checkout-app .msc-checkout-header{
    min-height:78px!important;height:78px!important;padding-left:18px!important;padding-right:18px!important;
  }
  body.markazi-checkout-app .msc-checkout-brand{order:1!important;justify-content:flex-start!important;max-width:190px!important}
  body.markazi-checkout-app .msc-checkout-home{order:2!important}
  body.markazi-checkout-app .msc-checkout-brand.msc-checkout-brand--image{
    width:auto!important;max-width:190px!important;height:54px!important;justify-content:flex-start!important;overflow:visible!important;
  }
  body.markazi-checkout-app .msc-checkout-brand-image{
    display:block!important;width:auto!important;height:auto!important;max-width:178px!important;max-height:50px!important;
    object-fit:contain!important;object-position:left center!important;
  }
}

/* Center quantity symbols geometrically, independent of Persian font metrics. */
body :is(button[data-mui-plus],button[data-mui-minus],button[data-cart-plus],button[data-cart-minus],button.markazi-mobile-cart-qty-plus,button.markazi-mobile-cart-qty-minus,.quantity button.plus,.quantity button.minus){position:relative!important;display:inline-grid!important;place-items:center!important;padding:0!important;font-size:0!important;line-height:1!important;text-indent:0!important;vertical-align:middle!important;}
body :is(button[data-mui-plus],button[data-mui-minus],button[data-cart-plus],button[data-cart-minus],button.markazi-mobile-cart-qty-plus,button.markazi-mobile-cart-qty-minus,.quantity button.plus,.quantity button.minus)>.symbol{font-size:0!important;transform:none!important;}
body :is(button[data-mui-plus],button[data-mui-minus],button[data-cart-plus],button[data-cart-minus],button.markazi-mobile-cart-qty-plus,button.markazi-mobile-cart-qty-minus,.quantity button.plus,.quantity button.minus)::before{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:10px!important;height:1.6px!important;margin:0!important;padding:0!important;border:0!important;border-radius:1px!important;background:currentColor!important;box-shadow:none!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;}
body :is(button[data-mui-plus],button[data-mui-minus],button[data-cart-plus],button[data-cart-minus],button.markazi-mobile-cart-qty-plus,button.markazi-mobile-cart-qty-minus,.quantity button.plus,.quantity button.minus)::after{content:none!important;}
body :is(button[data-mui-plus],button[data-cart-plus],button.markazi-mobile-cart-qty-plus,.quantity button.plus)::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:1.6px!important;height:10px!important;margin:0!important;padding:0!important;border:0!important;border-radius:1px!important;background:currentColor!important;box-shadow:none!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;}