/* BEGIN SOURCE /assets/sarmad-v162-payment-summary-fixes.css?v=162 sha256=0bc6ff4cceb633380697ac2f2ad9487c57d36ddc0b3f24ee640977c1468783aa */

/* SARMAD V160 — payment summary built against the live production DOM.
   Contract: .payment-flow > .payment-flow-form with .bank-detail,
   .order-totals, label.proof-upload and button.complete-order.
   Visual source: supplied Figma desktop/mobile, light/dark exports.
*/

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live * {
  box-sizing: border-box;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live {
  --v160-bg: #f4f4f4;
  --v160-card: #ffffff;
  --v160-text: #180b2c;
  --v160-value: #18336e;
  --v160-soft: #6d97e2;
  --v160-pale: #e1ecff;
  --v160-gold: #cdaa4a;
  --v160-border: #eaeaea;
  --v160-muted: #727272;
  width: min(1192px, calc(100% - 64px)) !important;
  margin: 131px auto 55px !important;
  display: grid !important;
  grid-template-columns: 427px minmax(0, 738px);
  grid-template-areas:
    "title title"
    "summary info"
    "summary details"
    ". confirm";
  column-gap: 27px;
  row-gap: 26px;
  align-items: start;
  direction: ltr;
  color: var(--v160-text);
  font-family: var(--sarmad-font, var(--arabic-font), "thmanyah sans", sans-serif);
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live {
  --v160-bg: #180b2c;
  --v160-card: #18336e;
  --v160-text: #ffffff;
  --v160-value: #e1ecff;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > * {
  direction: rtl;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title {
  grid-area: title;
  width: 100%;
  margin: 0 0 18px !important;
  padding: 0 !important;
  color: #180b2c !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  line-height: 45px !important;
  text-align: center !important;
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title {
  color: #6d97e2 !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > section {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--v160-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-panel {
  position: relative;
  color: var(--v160-text) !important;
  background: var(--v160-card) !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-native-heading {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--v160-text) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading {
  position: absolute;
  top: 21px;
  right: 20px;
  width: 188px;
  height: 30px;
  display: block;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading h2 {
  position: absolute;
  top: 0;
  right: 37px;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  white-space: nowrap;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading-icon {
  position: absolute;
  top: 3px;
  right: 0;
  width: 24px;
  height: 24px;
  display: block;
  color: var(--v160-gold);
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading-icon svg,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading-icon img {
  width: 24px;
  height: 24px;
  display: block;
}

/* Order information panel */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-info {
  grid-area: info;
  height: 234px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-grid {
  position: absolute;
  top: 75px;
  right: 29px;
  left: 29px;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "time order"
    "total payment";
  direction: ltr;
  column-gap: 74px;
  row-gap: 18px;
}


.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-number { grid-area: order; }
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-payment-method { grid-area: payment; }
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-time { grid-area: time; }
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-total { grid-area: total; }

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-row {
  direction: rtl;
  min-width: 0;
  margin: 0;
  display: grid;
  gap: 16px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-row dt {
  margin: 0;
  color: var(--v160-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-row dd {
  min-width: 0;
  margin: 0;
  color: var(--v160-value);
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  text-align: right;
  overflow-wrap: anywhere;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-number dd,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-total dd {
  font-weight: 700;
}

/* Existing live bank-detail converted to Figma payment-details card. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details {
  grid-area: details;
  height: 234px;
  padding: 0 !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > .sarmad-v160-native-heading {
  position: absolute;
  top: 21px;
  right: 58px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > .sarmad-v160-bank-heading-icon {
  position: absolute;
  top: 24px;
  right: 20px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-bank-logo-hidden,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-bank-currency-hidden,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-bank-instructions-hidden {
  display: none !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > dl {
  position: absolute;
  top: 75px;
  right: 29px;
  left: 29px;
  margin: 0;
  display: grid;
  gap: 18px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .bank-detail dl .sarmad-v160-bank-row {
  min-height: 57px;
  margin: 0;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 16px !important;
  border: 0 !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .bank-detail .sarmad-v160-bank-row dt {
  margin: 0;
  color: var(--v160-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .bank-detail .sarmad-v160-bank-row dd {
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: var(--v160-value);
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  text-align: right !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .bank-detail .sarmad-v160-bank-row dd b {
  font: inherit;
  font-weight: 500;
  color: inherit;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .bank-detail .sarmad-v160-bank-row dd button {
  width: auto;
  min-width: 32px;
  height: 24px;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  color: var(--v160-gold) !important;
  background: rgba(205, 170, 74, 0.2) !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
}

/* Existing live proof section converted to Figma confirm card. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel {
  grid-area: confirm;
  min-height: 511px;
  padding: 0 29px 47px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-native-heading {
  position: absolute;
  top: 20px;
  right: 58px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-confirm-heading-icon {
  position: absolute;
  top: 22px;
  right: 29px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field {
  position: relative;
  margin: 78px 0 0;
  display: grid;
  gap: 12px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field > span,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-proof-label {
  display: block;
  color: var(--v160-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field input {
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 0 16px;
  color: #180b2c;
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  font: inherit;
  font-size: 14px;
  text-align: right;
  outline: 0;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field input::placeholder {
  color: #727272;
  opacity: 1;
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field input,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field input {
  color: #180b2c;
  background: #e1ecff;
  border-color: #eaeaea;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-proof-label {
  margin: 22px 0 12px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload.sarmad-v13-upload {
  width: 100%;
  min-height: 176px !important;
  height: 176px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #180b2c !important;
  background: #ffffff !important;
  border: 1px dashed #d9d9d9 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload,
:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload.sarmad-v13-upload,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload.sarmad-v13-upload {
  color: #180b2c !important;
  background: #e1ecff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-idle {
  gap: 8px !important;
  padding: 18px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-idle img {
  width: 48px !important;
  height: 48px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-idle strong {
  color: #180b2c !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-idle small {
  color: #18336e !important;
  font-size: 12px !important;
  line-height: 18px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-active {
  color: #180b2c !important;
  background: transparent !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-status,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-file-name,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-meta,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-helper,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-percent {
  color: #18336e !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 43px 0 0 !important;
  padding: 0 18px !important;
  color: #ffffff !important;
  background: linear-gradient(90deg, #18336e 0%, #6d97e2 100%) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order {
  color: #180b2c !important;
  background: linear-gradient(90deg, #6d97e2 0%, #e1ecff 100%) !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order:disabled {
  opacity: 0.72 !important;
  cursor: not-allowed;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .payment-error {
  margin: 10px 0 0;
  font-size: 13px;
}

/* Figma order-summary card. Theme direction intentionally follows the supplied exports:
   LIGHT = #18336E -> #6D97E2 with white text.
   DARK  = #6D97E2 -> #E1ECFF with dark text. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-card {
  grid-area: summary;
  align-self: start;
  position: relative;
  height: 364px;
  overflow: hidden;
  color: #ffffff !important;
  background: linear-gradient(180deg, #18336e 0%, #6d97e2 100%) !important;
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-card,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-card {
  color: #180b2c !important;
  background: linear-gradient(180deg, #6d97e2 0%, #e1ecff 100%) !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-card h2 {
  position: absolute;
  top: 29px;
  right: 58px;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row {
  position: absolute;
  right: 54px;
  left: 41px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row:nth-of-type(1) {
  top: 82px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row:nth-of-type(2) {
  top: 121px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row b {
  margin: 0;
  color: inherit;
  font: inherit;
  font-weight: 400;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row:first-of-type b {
  font-size: 18px;
  font-weight: 500;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-divider {
  position: absolute;
  top: 164px;
  right: 41px;
  left: 41px;
  border-top: 1px solid rgba(255, 255, 255, 0.72);
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-divider,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-divider {
  border-top-color: rgba(255, 255, 255, 0.92);
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-total {
  top: 184px !important;
  font-size: 16px;
  font-weight: 700;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-total span {
  font-weight: 700;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-total b {
  color: #cdaa4a;
  font-size: 18px;
  font-weight: 700;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box {
  position: absolute;
  top: 236px;
  right: 24px;
  left: 24px;
  min-height: 101px;
  padding: 23px 16px 15px;
  display: grid;
  align-content: center;
  gap: 12px;
  color: inherit;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 14px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box p {
  min-width: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-inline-icon {
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 16px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-inline-icon svg {
  width: 16px;
  height: 16px;
}

/* Runtime components retained in DOM for behavior/data, but not duplicated visually. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-runtime-totals,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-runtime-currency,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-runtime-amqi-note {
  display: none !important;
}


/* V160 exact Figma confirmation-card geometry. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel {
  position: relative;
  min-height: 511px;
  height: 511px;
  padding: 0 !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-native-heading { top:24px; right:57px; }
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-confirm-heading-icon { top:27px; right:21px; }
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field {
  position:absolute; top:79px; right:29px; left:29px; margin:0; display:grid; gap:11px;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-proof-label {
  position:absolute; top:175px; right:29px; margin:0;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload.sarmad-v13-upload {
  position:absolute !important; top:204px; right:29px; left:29px; width:auto !important; height:176px !important; min-height:176px !important; margin:0 !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order {
  position:absolute !important; top:423px; right:29px; left:29px; width:auto !important; height:40px !important; min-height:40px !important; margin:0 !important;
}

@media (max-width: 767px) {
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live {
    position: relative;
    left: 50%;
    width: 367px !important;
    min-width: 367px !important;
    max-width: none !important;
    margin: var(--v160-mobile-top-margin, 111px) 0 var(--v160-mobile-bottom-margin, 32px) -183.5px !important;
    display: flex !important;
    flex-direction: column;
    gap: 18px;
    direction: rtl;
    transform: scale(var(--v160-mobile-scale, 1));
    transform-origin: top center;
    will-change: transform;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title {
    order: 0;
    width: 367px !important;
    height: 25px;
    margin: 0 0 9px !important;
    padding: 0 14px 0 0 !important;
    color: #180b2c !important;
    font-size: 20px !important;
    line-height: 25px !important;
    text-align: right !important;
    white-space: nowrap;
  }

  :root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title,
  :root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title {
    color: #6d97e2 !important;
  }


  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-info {
    order: 1;
    height: 386px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading {
    top: 21px;
    right: 22px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-grid {
    top: 75px;
    right: 28px;
    left: 28px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "order"
      "payment"
      "time"
      "total";
    gap: 18px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-row {
    gap: 16px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details {
    order: 2;
    height: 234px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > .sarmad-v160-native-heading {
    top: 21px;
    right: 63px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > .sarmad-v160-bank-heading-icon {
    top: 24px;
    right: 25px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > dl {
    top: 75px;
    right: 28px;
    left: 28px;
    gap: 18px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel {
    order: 3;
    min-height: 511px;
    height: 511px;
    padding: 0 !important;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-native-heading {
    top: 24px;
    right: 52px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-confirm-heading-icon {
    top: 27px;
    right: 16px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field { top:79px; right:15px; left:15px; margin:0; gap:11px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-proof-label { top:175px; right:15px; margin:0; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload,
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload.sarmad-v13-upload { top:204px; right:15px; left:15px; width:auto !important; height:176px !important; min-height:176px !important; margin:0 !important; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order { top:423px; right:15px; left:15px; width:auto !important; margin:0 !important; }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-card {
    order: 4;
    height: 364px;
    margin-top: 16px !important;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-card h2 {
    right: 28px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row { right:24px; left:11px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row:nth-of-type(2) { right:22px; left:11px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-divider { right:27px; left:12px; }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box {
    right: 7px;
    left: 7px;
  }
}



.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading-icon img { width:24px; height:24px; object-fit:contain; }

@media (min-width: 768px) {
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row:nth-of-type(2) { right:52px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-divider { right:57px; left:42px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box { top:237px; right:21px; left:25px; min-height:101px; height:101px; padding:0; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box p { position:absolute; right:27px; width:314px; height:16px; margin:0; display:flex; align-items:center; gap:8px; font-size:14px; line-height:16px; white-space:nowrap; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box p:first-child { top:26px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box p:last-child { top:54px; }
}

@media (max-width: 420px) {
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live { width:367px !important; min-width:367px !important; max-width:none !important; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading h2,
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-native-heading { font-size:24px !important; }
}

@media (max-width: 767px) {
  .payment-flow { overflow-x:hidden !important; }
}
/* SARMAD V161 — V160 visual system with conflict-safe mobile centering.
   Contract: .payment-flow > .payment-flow-form with .bank-detail,
   .order-totals, label.proof-upload and button.complete-order.
   Visual source: supplied Figma desktop/mobile, light/dark exports.
   V161 scope: horizontal positioning only; payment logic and V160 DOM structure are unchanged.
*/

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live * {
  box-sizing: border-box;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live {
  --v160-bg: #f4f4f4;
  --v160-card: #ffffff;
  --v160-text: #180b2c;
  --v160-value: #18336e;
  --v160-soft: #6d97e2;
  --v160-pale: #e1ecff;
  --v160-gold: #cdaa4a;
  --v160-border: #eaeaea;
  --v160-muted: #727272;
  width: min(1192px, calc(100% - 64px)) !important;
  margin: 131px auto 55px !important;
  display: grid !important;
  grid-template-columns: 427px minmax(0, 738px);
  grid-template-areas:
    "title title"
    "summary info"
    "summary details"
    ". confirm";
  column-gap: 27px;
  row-gap: 26px;
  align-items: start;
  direction: ltr;
  color: var(--v160-text);
  font-family: var(--sarmad-font, var(--arabic-font), "thmanyah sans", sans-serif);
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live {
  --v160-bg: #180b2c;
  --v160-card: #18336e;
  --v160-text: #ffffff;
  --v160-value: #e1ecff;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > * {
  direction: rtl;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title {
  grid-area: title;
  width: 100%;
  margin: 0 0 18px !important;
  padding: 0 !important;
  color: #180b2c !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  line-height: 45px !important;
  text-align: center !important;
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title {
  color: #6d97e2 !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > section {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--v160-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-panel {
  position: relative;
  color: var(--v160-text) !important;
  background: var(--v160-card) !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-native-heading {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--v160-text) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading {
  position: absolute;
  top: 21px;
  right: 20px;
  width: 188px;
  height: 30px;
  display: block;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading h2 {
  position: absolute;
  top: 0;
  right: 37px;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  white-space: nowrap;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading-icon {
  position: absolute;
  top: 3px;
  right: 0;
  width: 24px;
  height: 24px;
  display: block;
  color: var(--v160-gold);
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading-icon svg,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading-icon img {
  width: 24px;
  height: 24px;
  display: block;
}

/* Order information panel */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-info {
  grid-area: info;
  height: 234px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-grid {
  position: absolute;
  top: 75px;
  right: 29px;
  left: 29px;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "time order"
    "total payment";
  direction: ltr;
  column-gap: 74px;
  row-gap: 18px;
}


.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-number { grid-area: order; }
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-payment-method { grid-area: payment; }
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-time { grid-area: time; }
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-total { grid-area: total; }

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-row {
  direction: rtl;
  min-width: 0;
  margin: 0;
  display: grid;
  gap: 16px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-row dt {
  margin: 0;
  color: var(--v160-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-row dd {
  min-width: 0;
  margin: 0;
  color: var(--v160-value);
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  text-align: right;
  overflow-wrap: anywhere;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-number dd,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-total dd {
  font-weight: 700;
}

/* Existing live bank-detail converted to Figma payment-details card. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details {
  grid-area: details;
  height: 234px;
  padding: 0 !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > .sarmad-v160-native-heading {
  position: absolute;
  top: 21px;
  right: 58px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > .sarmad-v160-bank-heading-icon {
  position: absolute;
  top: 24px;
  right: 20px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-bank-logo-hidden,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-bank-currency-hidden,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-bank-instructions-hidden {
  display: none !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > dl {
  position: absolute;
  top: 75px;
  right: 29px;
  left: 29px;
  margin: 0;
  display: grid;
  gap: 18px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .bank-detail dl .sarmad-v160-bank-row {
  min-height: 57px;
  margin: 0;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 16px !important;
  border: 0 !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .bank-detail .sarmad-v160-bank-row dt {
  margin: 0;
  color: var(--v160-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .bank-detail .sarmad-v160-bank-row dd {
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: var(--v160-value);
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  text-align: right !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .bank-detail .sarmad-v160-bank-row dd b {
  font: inherit;
  font-weight: 500;
  color: inherit;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .bank-detail .sarmad-v160-bank-row dd button {
  width: auto;
  min-width: 32px;
  height: 24px;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  color: var(--v160-gold) !important;
  background: rgba(205, 170, 74, 0.2) !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 15px !important;
}

/* Existing live proof section converted to Figma confirm card. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel {
  grid-area: confirm;
  min-height: 511px;
  padding: 0 29px 47px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-native-heading {
  position: absolute;
  top: 20px;
  right: 58px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-confirm-heading-icon {
  position: absolute;
  top: 22px;
  right: 29px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field {
  position: relative;
  margin: 78px 0 0;
  display: grid;
  gap: 12px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field > span,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-proof-label {
  display: block;
  color: var(--v160-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field input {
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 0 16px;
  color: #180b2c;
  background: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  font: inherit;
  font-size: 14px;
  text-align: right;
  outline: 0;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field input::placeholder {
  color: #727272;
  opacity: 1;
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field input,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field input {
  color: #180b2c;
  background: #e1ecff;
  border-color: #eaeaea;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-proof-label {
  margin: 22px 0 12px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload.sarmad-v13-upload {
  width: 100%;
  min-height: 176px !important;
  height: 176px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #180b2c !important;
  background: #ffffff !important;
  border: 1px dashed #d9d9d9 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload,
:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload.sarmad-v13-upload,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload.sarmad-v13-upload {
  color: #180b2c !important;
  background: #e1ecff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-idle {
  gap: 8px !important;
  padding: 18px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-idle img {
  width: 48px !important;
  height: 48px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-idle strong {
  color: #180b2c !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-idle small {
  color: #18336e !important;
  font-size: 12px !important;
  line-height: 18px !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-active {
  color: #180b2c !important;
  background: transparent !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-status,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-file-name,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-meta,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-helper,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v13-upload-percent {
  color: #18336e !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 43px 0 0 !important;
  padding: 0 18px !important;
  color: #ffffff !important;
  background: linear-gradient(90deg, #18336e 0%, #6d97e2 100%) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order {
  color: #180b2c !important;
  background: linear-gradient(90deg, #6d97e2 0%, #e1ecff 100%) !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order:disabled {
  opacity: 0.72 !important;
  cursor: not-allowed;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .payment-error {
  margin: 10px 0 0;
  font-size: 13px;
}

/* Figma order-summary card. Theme direction intentionally follows the supplied exports:
   LIGHT = #18336E -> #6D97E2 with white text.
   DARK  = #6D97E2 -> #E1ECFF with dark text. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-card {
  grid-area: summary;
  align-self: start;
  position: relative;
  height: 364px;
  overflow: hidden;
  color: #ffffff !important;
  background: linear-gradient(180deg, #18336e 0%, #6d97e2 100%) !important;
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-card,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-card {
  color: #180b2c !important;
  background: linear-gradient(180deg, #6d97e2 0%, #e1ecff 100%) !important;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-card h2 {
  position: absolute;
  top: 29px;
  right: 58px;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row {
  position: absolute;
  right: 54px;
  left: 41px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row:nth-of-type(1) {
  top: 82px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row:nth-of-type(2) {
  top: 121px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row b {
  margin: 0;
  color: inherit;
  font: inherit;
  font-weight: 400;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row:first-of-type b {
  font-size: 18px;
  font-weight: 500;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-divider {
  position: absolute;
  top: 164px;
  right: 41px;
  left: 41px;
  border-top: 1px solid rgba(255, 255, 255, 0.72);
}

:root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-divider,
:root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-divider {
  border-top-color: rgba(255, 255, 255, 0.92);
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-total {
  top: 184px !important;
  font-size: 16px;
  font-weight: 700;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-total span {
  font-weight: 700;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-total b {
  color: #cdaa4a;
  font-size: 18px;
  font-weight: 700;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box {
  position: absolute;
  top: 236px;
  right: 24px;
  left: 24px;
  min-height: 101px;
  padding: 23px 16px 15px;
  display: grid;
  align-content: center;
  gap: 12px;
  color: inherit;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 14px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box p {
  min-width: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-inline-icon {
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 16px;
}

.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-inline-icon svg {
  width: 16px;
  height: 16px;
}

/* Runtime components retained in DOM for behavior/data, but not duplicated visually. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-runtime-totals,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-runtime-currency,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-runtime-amqi-note {
  display: none !important;
}


/* V160 exact Figma confirmation-card geometry. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel {
  position: relative;
  min-height: 511px;
  height: 511px;
  padding: 0 !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-native-heading { top:24px; right:57px; }
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-confirm-heading-icon { top:27px; right:21px; }
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field {
  position:absolute; top:79px; right:29px; left:29px; margin:0; display:grid; gap:11px;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-proof-label {
  position:absolute; top:175px; right:29px; margin:0;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload.sarmad-v13-upload {
  position:absolute !important; top:204px; right:29px; left:29px; width:auto !important; height:176px !important; min-height:176px !important; margin:0 !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order {
  position:absolute !important; top:423px; right:29px; left:29px; width:auto !important; height:40px !important; min-height:40px !important; margin:0 !important;
}

@media (max-width: 767px) {
  /* V161: restore the proven V159 centering model.
     Never center this form with left:50%/negative margins: production can carry
     a wider containing block and that shifts the whole payment column to the right. */
  .payment-flow {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: min(367px, calc(100vw - 46px)) !important;
    min-width: 0 !important;
    max-width: 367px !important;
    margin: 111px auto 32px !important;
    display: flex !important;
    flex-direction: column;
    gap: 18px;
    direction: rtl;
    transform: none !important;
    transform-origin: center top !important;
    will-change: auto !important;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title {
    order: 0;
    width: 367px !important;
    height: 25px;
    margin: 0 0 9px !important;
    padding: 0 14px 0 0 !important;
    color: #180b2c !important;
    font-size: 20px !important;
    line-height: 25px !important;
    text-align: right !important;
    white-space: nowrap;
  }

  :root[data-theme="dark"] .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title,
  :root:not([data-theme]) .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-page-title {
    color: #6d97e2 !important;
  }


  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-info {
    order: 1;
    height: 386px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading {
    top: 21px;
    right: 22px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-grid {
    top: 75px;
    right: 28px;
    left: 28px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "order"
      "payment"
      "time"
      "total";
    gap: 18px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-info-row {
    gap: 16px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details {
    order: 2;
    height: 234px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > .sarmad-v160-native-heading {
    top: 21px;
    right: 63px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > .sarmad-v160-bank-heading-icon {
    top: 24px;
    right: 25px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > dl {
    top: 75px;
    right: 28px;
    left: 28px;
    gap: 18px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel {
    order: 3;
    min-height: 511px;
    height: 511px;
    padding: 0 !important;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-native-heading {
    top: 24px;
    right: 52px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-confirm-panel > .sarmad-v160-confirm-heading-icon {
    top: 27px;
    right: 16px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-depositor-field { top:79px; right:15px; left:15px; margin:0; gap:11px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-proof-label { top:175px; right:15px; margin:0; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload,
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live label.proof-upload.sarmad-v13-upload { top:204px; right:15px; left:15px; width:auto !important; height:176px !important; min-height:176px !important; margin:0 !important; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .complete-order { top:423px; right:15px; left:15px; width:auto !important; margin:0 !important; }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .sarmad-v160-order-card {
    order: 4;
    height: 364px;
    margin-top: 16px !important;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-card h2 {
    right: 28px;
  }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row { right:24px; left:11px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row:nth-of-type(2) { right:22px; left:11px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-divider { right:27px; left:12px; }

  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box {
    right: 7px;
    left: 7px;
  }
}



.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading-icon img { width:24px; height:24px; object-fit:contain; }

@media (min-width: 768px) {
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row:nth-of-type(2) { right:52px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-divider { right:57px; left:42px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box { top:237px; right:21px; left:25px; min-height:101px; height:101px; padding:0; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box p { position:absolute; right:27px; width:314px; height:16px; margin:0; display:flex; align-items:center; gap:8px; font-size:14px; line-height:16px; white-space:nowrap; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box p:first-child { top:26px; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-delivery-box p:last-child { top:54px; }
}

@media (max-width: 420px) {
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live { width:calc(100vw - 46px) !important; min-width:0 !important; max-width:367px !important; }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-heading h2,
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-native-heading { font-size:24px !important; }
}

@media (max-width: 767px) {
  html, body { max-width:100% !important; overflow-x:hidden !important; }
}

/* SARMAD V162 — scoped fixes on top of the verified V160 DOM + V161 centering. */
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v162-money {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  white-space: nowrap !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v162-money-currency {
  order: 0 !important;
  direction: rtl !important;
  unicode-bidi: isolate !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v162-money-number {
  order: 1 !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-order-total dd,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-summary-row b {
  direction: ltr !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details {
  overflow: hidden !important;
  contain: layout paint !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .sarmad-v160-bank-currency-hidden,
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live .bank-detail dl > div:has(> dt:first-child:nth-last-child(n+1)) .sarmad-v160-bank-currency-hidden {
  display: none !important;
}
.payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > dl {
  overflow: hidden !important;
}
@media (max-width: 767px) {
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details {
    height: 234px !important;
    min-height: 234px !important;
    max-height: 234px !important;
  }
  .payment-flow .payment-flow-form.sarmad-v160-payment-summary-live > .bank-detail.sarmad-v160-payment-details > dl {
    top: 75px !important;
    bottom: 18px !important;
    max-height: 141px !important;
  }
}


/* END SOURCE /assets/sarmad-v162-payment-summary-fixes.css?v=162 */

/* BEGIN SOURCE /assets/sarmad-v164-order-status-precision.css?v=164 sha256=c4dd04a6d5562b209f7ffd2448c1bd12855ea60a47742c74501b3c49ed3538f5 */

/* SARMAD V164 — order review + bill of lading precision/state layer. Loaded last. */
.order-review-artboard,.bill-artboard{--v164-blue:#18336e;--v164-light-blue:#6d97e2;--v164-pale:#e1ecff;--v164-gold:#cdaa4a;--v164-purple:#180b2c}
/* Exact review typography/geometry from supplied Figma exports; neutralize later v24 drift. */
.order-review-hero{width:1440px!important;height:322px!important;top:0!important;left:0!important}
.order-review-success-icon{width:64px!important;height:64px!important;top:136px!important;left:calc(50% - 32px)!important}
.order-review-hero h1{width:auto!important;min-width:288px!important;height:38px!important;top:204px!important;left:50%!important;transform:translateX(-50%)!important;font-size:30px!important;line-height:38px!important;font-weight:400!important;white-space:nowrap!important}
.order-review-hero p{width:auto!important;min-width:301px!important;height:23px!important;top:259px!important;left:50%!important;transform:translateX(-50%)!important;font-size:18px!important;line-height:22px!important;font-weight:400!important;white-space:nowrap!important}
.order-review-status-card{width:672px!important;height:351px!important;top:322px!important;left:calc(50% - 336px)!important;border-radius:14px!important;box-shadow:0 25px 50px -12px #00000040!important}
.order-review-status-card h2{font-size:20px!important;line-height:25px!important;font-weight:500!important;top:33px!important;right:72px!important}
.order-review-status-description{font-size:16px!important;line-height:20px!important;font-weight:400!important;top:70px!important;right:72px!important;width:461px!important}
.order-review-clock-icon{width:32px!important;height:32px!important;top:33px!important;right:30px!important;color:#6d97e2!important}
.order-review-status-line{width:606px!important;top:119px!important;left:33px!important}
.order-review-step{height:48px!important}.order-review-step-received{top:146px!important;right:27px!important}.order-review-step-verify{top:205px!important;right:28px!important}.order-review-step-confirm{top:268px!important;right:28px!important}
.order-review-step strong{font-size:16px!important;line-height:20px!important;font-weight:400!important}.order-review-step>span:not(.order-review-step-dot){font-size:14px!important;line-height:18px!important;font-weight:300!important}.order-review-step-dot{width:12px!important;height:12px!important}.order-review-step.is-active .order-review-step-dot{background:#cdaa4a!important}
.order-review-contact-card{width:672px!important;height:150px!important;top:717px!important;left:calc(50% - 336px)!important;border-radius:14px!important;background:rgba(205,170,74,.1)!important;border:1px solid rgba(205,170,74,.2)!important}
.order-review-contact-card h2{top:17px!important;right:27px!important;font-size:16px!important;line-height:20px!important;font-weight:500!important}
.order-review-contact-card p{right:25px!important;width:180px!important;display:flex!important;flex-direction:row!important;direction:rtl!important;justify-content:flex-start!important;gap:8px!important}
.order-review-contact-card p .order-review-contact-icon{order:-1!important;flex:0 0 20px!important;width:20px!important;height:20px!important;color:#cdaa4a!important}.order-review-contact-card p span{order:1!important}
.order-review-contact-phone{top:69px!important}.order-review-contact-mail{top:101px!important}
.order-review-message-card{width:672px!important;height:74px!important;top:896px!important;left:calc(50% - 336px)!important;border-radius:14px!important}
.order-review-message-card p{width:620px!important;height:auto!important;font-size:16px!important;line-height:22px!important;white-space:normal!important}
.order-review-track-button{width:240px!important;height:40px!important;min-height:40px!important;top:994px!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:10px!important;box-shadow:none!important;background:linear-gradient(90deg,#18336e 0%,#6d97e2 100%)!important;color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:16px!important}
:root[data-theme=dark] .order-review-track-button,:root:not([data-theme]) .order-review-track-button{background:linear-gradient(90deg,#6d97e2 0%,#e1ecff 100%)!important;color:#180b2c!important}
.sarmad-v164-cancel-order{z-index:9;width:240px;height:40px;position:absolute;top:1046px;left:50%;transform:translateX(-50%);border:1px solid #cdaa4a;border-radius:10px;background:transparent;color:#cdaa4a;font:700 15px/16px var(--sarmad-font,var(--arabic-font));cursor:pointer}.sarmad-v164-cancel-order:disabled{opacity:.55;cursor:not-allowed}
.order-review-footer,:root[data-theme=light] .order-review-footer{top:1110px!important}
.order-review-artboard[data-v164-state="cancelled"] .order-review-success-icon,.order-review-artboard[data-v164-state="rejected"] .order-review-success-icon{filter:none!important}
.order-review-artboard[data-v164-state="cancelled"] .order-review-step-confirm,.order-review-artboard[data-v164-state="cancelled"] .order-review-step-confirm .order-review-step-dot{opacity:.45!important}
/* Bill: restore supplied Figma geometry after later grid redesigns. */
.bill-success-card{display:block!important;width:896px!important;height:216px!important;top:134px!important;left:calc(50% - 448px)!important;border-radius:14px!important;background:linear-gradient(90deg,#18336e 0%,#6d97e2 100%)!important}
:root[data-theme=dark] .bill-success-card,:root:not([data-theme]) .bill-success-card{background:linear-gradient(90deg,#6d97e2 0%,#e1ecff 100%)!important}
.bill-success-icon{width:64px!important;height:64px!important;top:27px!important;left:calc(50% - 32px)!important;color:#fff!important}.bill-success-card h1{width:auto!important;min-width:288px!important;height:38px!important;top:95px!important;left:50%!important;transform:translateX(-50%)!important;font-size:30px!important;line-height:38px!important;font-weight:400!important;white-space:nowrap!important}.bill-success-card p{width:auto!important;min-width:313px!important;height:23px!important;top:150px!important;left:50%!important;transform:translateX(-50%)!important;font-size:18px!important;line-height:22px!important;white-space:nowrap!important}
.bill-document{display:block!important;width:896px!important;height:1075px!important;top:382px!important;left:calc(50% - 444px)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000040!important}
.bill-document-logo{width:242px!important;height:70px!important;top:78px!important;left:592px!important}.bill-order-codes{width:180px!important;height:133px!important;top:56px!important;left:64px!important}.bill-order-code strong{font-size:20px!important;line-height:25px!important}.bill-divider{width:832px!important;left:32px!important}.bill-divider-top{top:249px!important}.bill-divider-middle{top:613px!important}.bill-divider-bottom{top:853px!important;display:block!important}
.bill-status-strip{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:1fr!important;width:832px!important;height:76px!important;top:281px!important;left:32px!important;border-radius:10px!important}.bill-status-strip p{width:auto!important;height:auto!important}.bill-status-strip span{font-size:14px!important;line-height:18px!important}.bill-status-strip strong{font-size:16px!important;line-height:20px!important;margin-top:10px!important}
.bill-info-block{width:220px!important;height:161px!important}.bill-store-info{top:392px!important;left:679px!important}.bill-recipient-info{top:392px!important;left:262px!important}.bill-info-rows{width:220px!important;top:41px!important}.bill-info-rows p{width:220px!important;font-size:14px!important;line-height:18px!important;margin-bottom:16px!important}
.bill-detail-card{width:400px!important;height:177px!important;top:645px!important;border-radius:10px!important}.bill-shipping-card{left:460px!important}.bill-payment-card{left:39px!important}.bill-detail-card h3{top:26px!important;right:30px!important;font-size:16px!important;line-height:20px!important}.bill-detail-rows{width:320px!important;top:71px!important;right:34px!important}.bill-detail-rows p{width:320px!important;font-size:14px!important;line-height:18px!important;margin-bottom:10px!important;display:flex!important}
.bill-terms{width:365px!important;top:881px!important;left:495px!important}.bill-actions{display:flex!important;direction:ltr!important;flex-direction:row!important;gap:37px!important;width:323px!important;height:53px!important;top:1492px!important;left:571px!important}.bill-action{width:143px!important;height:52px!important}.bill-footer{display:block!important;top:1611px!important}:root[data-theme=dark] .bill-footer{top:1664px!important}
@media(max-width:767px){
  .order-review-hero{width:414px!important;height:295px!important;top:0!important}.order-review-success-icon{top:121px!important;left:calc(50% - 31px)!important}.order-review-hero h1{min-width:230px!important;height:30px!important;top:192px!important;font-size:24px!important;line-height:30px!important}.order-review-hero p{min-width:251px!important;max-width:365px!important;height:auto!important;top:239px!important;font-size:15px!important;line-height:19px!important;white-space:normal!important}
  .order-review-status-card{width:379px!important;height:351px!important;top:295px!important;left:18px!important}.order-review-clock-icon{top:29px!important;right:14px!important}.order-review-status-card h2{top:32px!important;right:54px!important}.order-review-status-description{white-space:normal!important;width:312px!important;height:40px!important;top:68px!important;right:30px!important}.order-review-status-line{width:327px!important;top:126px!important;left:26px!important}.order-review-step-received{top:141px!important;right:36px!important}.order-review-step-verify{top:200px!important;right:39px!important}.order-review-step-confirm{top:263px!important;right:36px!important}
  .order-review-contact-card{width:379px!important;height:150px!important;top:679px!important;left:18px!important}.order-review-contact-card h2{top:17px!important;right:24px!important}.order-review-contact-card p{right:22px!important;width:180px!important}.order-review-message-card{width:379px!important;height:74px!important;top:862px!important;left:18px!important}.order-review-message-card p{width:339px!important;font-size:16px!important;line-height:20px!important}.order-review-track-button{width:240px!important;height:40px!important;top:954px!important}.sarmad-v164-cancel-order{top:1006px;width:240px;height:40px}.order-review-footer,:root[data-theme=light] .order-review-footer{top:1075px!important}
  .bill-success-card{width:379px!important;height:216px!important;top:125px!important;left:17px!important}.bill-success-icon{top:31px!important;left:157px!important}.bill-success-card h1{min-width:230px!important;height:30px!important;top:102px!important;font-size:24px!important;line-height:30px!important}.bill-success-card p{min-width:261px!important;max-width:350px!important;height:auto!important;top:149px!important;font-size:15px!important;line-height:19px!important;white-space:normal!important}
  .bill-document{width:379px!important;height:1820px!important;top:362px!important;left:17px!important}.bill-document-logo{width:242px!important;height:70px!important;top:35px!important;left:77px!important}.bill-order-codes{width:180px!important;height:133px!important;top:166px!important;left:94px!important}.bill-divider{width:327px!important;left:26px!important}.bill-divider-top{top:396.5px!important}.bill-divider-middle{top:1169px!important}.bill-divider-bottom{display:none!important}
  .bill-status-strip{width:327px!important;height:257px!important;top:420px!important;left:26px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,1fr)!important;border-radius:10px!important}.bill-status-strip p{width:327px!important}.bill-status-strip strong{margin-top:10px!important}.bill-info-block{width:176px!important;height:161px!important}.bill-store-info{top:728px!important;left:177px!important}.bill-recipient-info{top:960px!important;left:177px!important}.bill-info-rows{width:176px!important}.bill-info-rows p{width:176px!important;font-size:12px!important;line-height:18px!important}
  .bill-detail-card{width:350px!important;height:177px!important;left:13px!important;border-radius:10px!important}.bill-shipping-card{top:1220px!important}.bill-payment-card{top:1412px!important}.bill-detail-card h3{top:26px!important;right:16px!important}.bill-detail-rows{width:318px!important;top:71px!important;right:15px!important}.bill-detail-rows p{width:318px!important;font-size:14px!important;line-height:18px!important}.bill-terms{width:350px!important;top:1625px!important;left:13px!important}.bill-actions{display:flex!important;direction:rtl!important;flex-direction:column!important;gap:12px!important;width:219px!important;height:116px!important;top:2218px!important;left:97px!important}.bill-action{width:219px!important;height:52px!important}.bill-action-pdf{order:1!important}.bill-action-print{order:2!important}.bill-footer{display:block!important;top:2383px!important}:root[data-theme=dark] .bill-footer{top:2372px!important}
}


/* END SOURCE /assets/sarmad-v164-order-status-precision.css?v=164 */