/* BEGIN SOURCE /assets/sarmad-v189-unified-messages.css?v=189 sha256=670a2293a7672d828d11687bb1ef0f48d3993bbde952f2a4b65acc5296e520f5 */

/*
 * SARMAD V189 — Unified customer feedback / toast system
 * Scope: transient user-facing notices across the public storefront.
 * Loaded last so it safely normalizes legacy V79/V99, app notices,
 * gift feedback, and my-orders feedback without changing business logic.
 */
:root {
  --sarmad-v189-toast-bg: rgba(20, 27, 61, .975);
  --sarmad-v189-toast-bg-2: rgba(24, 51, 110, .975);
  --sarmad-v189-toast-text: #f7f9ff;
  --sarmad-v189-toast-muted: #cbd8f1;
  --sarmad-v189-toast-border: rgba(137, 172, 235, .34);
  --sarmad-v189-toast-shadow: 0 18px 46px rgba(6, 7, 24, .34), 0 1px 0 rgba(255,255,255,.05) inset;
  --sarmad-v189-toast-accent: #6d97e2;
  --sarmad-v189-toast-icon-bg: rgba(109, 151, 226, .16);
  --sarmad-v189-toast-icon-border: rgba(109, 151, 226, .34);
  --sarmad-v189-toast-top: max(94px, calc(env(safe-area-inset-top, 0px) + 78px));
}

:root[data-theme="light"] {
  --sarmad-v189-toast-bg: rgba(255,255,255,.985);
  --sarmad-v189-toast-bg-2: rgba(250,252,255,.99);
  --sarmad-v189-toast-text: #180b2c;
  --sarmad-v189-toast-muted: #59657d;
  --sarmad-v189-toast-border: rgba(24, 51, 110, .16);
  --sarmad-v189-toast-shadow: 0 18px 42px rgba(24, 51, 110, .16), 0 1px 0 rgba(255,255,255,.92) inset;
}

/* One shared visual primitive for all transient public-site messages. */
.sarmad-app-notice,
.sarmad-v79-cart-toast,
.sarmad-v76-cart-toast,
.sarmad-v142-orders-toast,
.sarmad-v141-share-feedback.is-visible {
  --sarmad-v189-stack: 0;
  --sarmad-v189-offset: calc(var(--sarmad-v189-stack) * 76px);
  z-index: 2147483000 !important;
  box-sizing: border-box !important;
  direction: rtl !important;
  width: min(420px, calc(100vw - 28px)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 28px) !important;
  min-height: 64px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 11px 50px 11px 48px !important;
  color: var(--sarmad-v189-toast-text) !important;
  background: linear-gradient(145deg, var(--sarmad-v189-toast-bg-2), var(--sarmad-v189-toast-bg)) !important;
  border: 1px solid var(--sarmad-v189-toast-border) !important;
  border-radius: 17px !important;
  position: fixed !important;
  top: calc(var(--sarmad-v189-toast-top) + var(--sarmad-v189-offset)) !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transform: translate(-50%, -9px) scale(.985) !important;
  pointer-events: none !important;
  cursor: default !important;
  -webkit-tap-highlight-color: transparent !important;
  user-select: none !important;
  box-shadow: var(--sarmad-v189-toast-shadow), inset -3px 0 0 var(--sarmad-v189-toast-accent) !important;
  font-family: "Thmanyah Sans", var(--sarmad-font), var(--arabic-font), Tajawal, Tahoma, Arial, sans-serif !important;
  text-align: right !important;
  animation: none !important;
  transition: opacity .2s ease, transform .2s cubic-bezier(.2,.8,.2,1), top .2s ease !important;
  isolation: isolate !important;
}

.sarmad-app-notice,
.sarmad-v79-cart-toast.is-visible,
.sarmad-v76-cart-toast.is-visible,
.sarmad-v142-orders-toast.is-visible,
.sarmad-v141-share-feedback.is-visible {
  opacity: 1 !important;
  transform: translate(-50%, 0) scale(1) !important;
  pointer-events: auto !important;
}

/* Tone tokens: status is communicated by icon + color + message text, not color alone. */
.sarmad-app-notice-success,
.sarmad-v189-message[data-sarmad-v189-tone="success"] {
  --sarmad-v189-toast-accent: #36c989;
  --sarmad-v189-toast-icon-bg: rgba(54, 201, 137, .14);
  --sarmad-v189-toast-icon-border: rgba(54, 201, 137, .32);
}
.sarmad-app-notice-error,
.sarmad-v189-message[data-sarmad-v189-tone="error"],
.sarmad-v189-message[data-sarmad-v189-tone="validation"] {
  --sarmad-v189-toast-accent: #ff7180;
  --sarmad-v189-toast-icon-bg: rgba(255, 113, 128, .14);
  --sarmad-v189-toast-icon-border: rgba(255, 113, 128, .34);
}
.sarmad-v189-message[data-sarmad-v189-tone="warning"] {
  --sarmad-v189-toast-accent: #d89a3f;
  --sarmad-v189-toast-icon-bg: rgba(216, 154, 63, .15);
  --sarmad-v189-toast-icon-border: rgba(216, 154, 63, .36);
}
.sarmad-app-notice-info,
.sarmad-app-notice-auth,
.sarmad-v189-message[data-sarmad-v189-tone="info"],
.sarmad-v189-message[data-sarmad-v189-tone="auth"] {
  --sarmad-v189-toast-accent: #6d97e2;
  --sarmad-v189-toast-icon-bg: rgba(109, 151, 226, .15);
  --sarmad-v189-toast-icon-border: rgba(109, 151, 226, .35);
}

/* Injected status icon. */
.sarmad-v189-message-icon {
  box-sizing: border-box !important;
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--sarmad-v189-toast-accent) !important;
  background: var(--sarmad-v189-toast-icon-bg) !important;
  border: 1px solid var(--sarmad-v189-toast-icon-border) !important;
  border-radius: 10px !important;
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  transform: translateY(-50%) !important;
}
.sarmad-v189-message-icon svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Text: compact but never truncated; validation messages may wrap to two/three lines. */
.sarmad-app-notice p,
.sarmad-v79-cart-toast__text,
.sarmad-v76-cart-toast__text,
.sarmad-v142-orders-toast .sarmad-v189-message-text,
.sarmad-v141-share-feedback.is-visible .sarmad-v189-message-text,
.sarmad-v142-orders-toast,
.sarmad-v141-share-feedback.is-visible {
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  color: var(--sarmad-v189-toast-text) !important;
  direction: rtl !important;
  font-family: "Thmanyah Sans", var(--sarmad-font), var(--arabic-font), Tajawal, Tahoma, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

/* Legacy product toast is now a normal card, not a centered blocking overlay. */
.sarmad-v79-cart-toast,
.sarmad-v76-cart-toast {
  display: block !important;
  justify-content: initial !important;
  align-items: initial !important;
}

/* Close control: small, quiet, always in the same place. */
.sarmad-app-notice-close,
.sarmad-v189-message-close {
  box-sizing: border-box !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--sarmad-v189-toast-muted) !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 9px !important;
  position: absolute !important;
  top: 50% !important;
  right: auto !important;
  left: 11px !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  font-family: Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transition: background .15s ease, color .15s ease, transform .15s ease !important;
}
.sarmad-app-notice-close:hover,
.sarmad-v189-message-close:hover {
  color: var(--sarmad-v189-toast-text) !important;
  background: rgba(255,255,255,.11) !important;
}
.sarmad-app-notice-close:focus-visible,
.sarmad-v189-message-close:focus-visible {
  outline: 2px solid var(--sarmad-v189-toast-accent) !important;
  outline-offset: 2px !important;
}
:root[data-theme="light"] .sarmad-app-notice-close,
:root[data-theme="light"] .sarmad-v189-message-close {
  color: #536079 !important;
  background: #f2f5fb !important;
  border-color: rgba(24,51,110,.10) !important;
}

/* Auth notice may contain actions; it becomes a slightly taller toast but keeps the same visual language. */
.sarmad-app-notice-auth {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  min-height: 92px !important;
}
.sarmad-app-notice-actions {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 9px 0 0 !important;
}
.sarmad-app-notice-actions button {
  min-width: 0 !important;
  width: auto !important;
  height: 32px !important;
  padding: 0 13px !important;
  color: var(--sarmad-v189-toast-text) !important;
  background: rgba(109,151,226,.12) !important;
  border: 1px solid rgba(109,151,226,.30) !important;
  border-radius: 10px !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.sarmad-app-notice-actions button:first-child {
  color: #180b2c !important;
  background: #d5b15c !important;
  border-color: #d5b15c !important;
}
:root[data-theme="light"] .sarmad-app-notice-actions button:first-child {
  color: #fff !important;
  background: #18336e !important;
  border-color: #18336e !important;
}
:root[data-theme="light"] .sarmad-app-notice-actions button:last-child {
  color: #18336e !important;
  background: #eef3fb !important;
  border-color: rgba(24,51,110,.16) !important;
}

/* Small progress indicator for notices that auto-dismiss. */
.sarmad-v189-message-progress {
  width: 100% !important;
  height: 2px !important;
  display: block !important;
  background: var(--sarmad-v189-toast-accent) !important;
  opacity: .8 !important;
  transform-origin: right center !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  animation: sarmadV189MessageProgress var(--sarmad-v189-duration, 4200ms) linear forwards !important;
}
.sarmad-v189-message[data-sarmad-v189-persistent="true"] .sarmad-v189-message-progress { display: none !important; }

@keyframes sarmadV189MessageProgress {
  from { transform: scaleX(1); }
  to { transform: scaleX(0); }
}

@media (max-width: 767px) {
  :root { --sarmad-v189-toast-top: max(90px, calc(env(safe-area-inset-top, 0px) + 74px)); }
  .sarmad-app-notice,
  .sarmad-v79-cart-toast,
  .sarmad-v76-cart-toast,
  .sarmad-v142-orders-toast,
  .sarmad-v141-share-feedback.is-visible {
    --sarmad-v189-offset: calc(var(--sarmad-v189-stack) * 72px);
    width: calc(100vw - 24px) !important;
    max-width: 390px !important;
    min-height: 60px !important;
    padding: 10px 46px 10px 45px !important;
    border-radius: 16px !important;
  }
  .sarmad-v189-message-icon {
    width: 28px !important;
    height: 28px !important;
    right: 10px !important;
    border-radius: 9px !important;
  }
  .sarmad-v189-message-icon svg { width: 16px !important; height: 16px !important; }
  .sarmad-app-notice p,
  .sarmad-v79-cart-toast__text,
  .sarmad-v76-cart-toast__text,
  .sarmad-v142-orders-toast .sarmad-v189-message-text,
  .sarmad-v141-share-feedback.is-visible .sarmad-v189-message-text,
  .sarmad-v142-orders-toast,
  .sarmad-v141-share-feedback.is-visible {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  .sarmad-app-notice-close,
  .sarmad-v189-message-close {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    left: 9px !important;
    border-radius: 8px !important;
    font-size: 17px !important;
  }
  .sarmad-app-notice-auth {
    min-height: 96px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sarmad-app-notice,
  .sarmad-v79-cart-toast,
  .sarmad-v76-cart-toast,
  .sarmad-v142-orders-toast,
  .sarmad-v141-share-feedback.is-visible,
  .sarmad-v189-message-progress {
    transition: none !important;
    animation: none !important;
  }
}


/* END SOURCE /assets/sarmad-v189-unified-messages.css?v=189 */

/* BEGIN SOURCE /assets/sarmad-v190-my-orders-details.css?v=190 sha256=dec7c6e201a3f96f20307be698fcc4c22ef9780dfea7fb939f8ec73231e4fe54 */

/* SARMAD V190 — My Orders semantics + order details. Loaded after V189. */
.orders-artboard.sarmad-v190-my-orders {
  --v190-ink: #180b2c;
  --v190-navy: #18336e;
  --v190-blue: #6d97e2;
  --v190-ice: #e1ecff;
  --v190-gold: #cdaa4a;
  --v190-success: #4fc48a;
  --v190-danger: #e06d78;
}

/* Product summary: one product = name only; several lines = explicit remaining count. */
.orders-artboard.sarmad-v190-my-orders .orders-card-meta .sarmad-v190-product-summary.is-single-product {
  align-content: center;
}
.orders-artboard.sarmad-v190-my-orders .orders-card-meta .sarmad-v190-product-summary.is-single-product strong {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.orders-artboard.sarmad-v190-my-orders .orders-card-meta .sarmad-v190-product-summary.is-multi-product em {
  color: #f1d475 !important;
  font-weight: 700 !important;
}
:root[data-theme="light"] .orders-artboard.sarmad-v190-my-orders .orders-card-meta .sarmad-v190-product-summary.is-multi-product em {
  color: #7a5a16 !important;
}

/* Current stage is readable without changing the established Sarmad progress language. */
.orders-artboard.sarmad-v190-my-orders .orders-progress span.is-current b {
  color: #f7f9ff;
  font-weight: 800;
}
:root[data-theme="light"] .orders-artboard.sarmad-v190-my-orders .orders-progress span.is-current b {
  color: var(--v190-navy);
}
.orders-artboard.sarmad-v190-my-orders .orders-progress span.is-current i {
  box-shadow: 0 0 0 2px rgba(205,170,74,.18) !important;
}

/* Details mode intentionally reuses the same header, footer, palette, artboard and theme. */
.orders-artboard.sarmad-v190-details-mode {
  overflow: visible !important;
  padding-bottom: 0;
}
.orders-artboard.sarmad-v190-details-mode .orders-hero.sarmad-v190-details-hero {
  position: relative;
  padding-top: 124px !important;
  text-align: center;
}
.orders-artboard.sarmad-v190-details-mode .sarmad-v190-eyebrow {
  margin: 0 0 8px;
  color: var(--v190-gold);
  font-size: 14px;
  font-weight: 800;
}
.orders-artboard.sarmad-v190-details-mode .orders-hero.sarmad-v190-details-hero h1 {
  direction: ltr;
  unicode-bidi: isolate;
  font-size: 34px !important;
  letter-spacing: .02em;
}
.orders-artboard.sarmad-v190-details-mode .orders-hero.sarmad-v190-details-hero h1::after {
  width: 62px;
  margin-top: 12px;
}
.orders-artboard.sarmad-v190-details-mode .sarmad-v190-details-subtitle {
  margin-top: 10px !important;
}
.orders-artboard.sarmad-v190-details-mode .sarmad-v190-details-status {
  margin-top: 14px;
  min-height: 31px !important;
  padding-inline: 14px !important;
  border: 1px solid currentColor;
  font-size: 11px !important;
}

.sarmad-v190-back {
  position: absolute;
  top: 118px;
  right: 0;
  height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  color: rgba(225,236,255,.82);
  background: rgba(24,51,110,.36);
  border: 1px solid rgba(225,236,255,.14);
  border-radius: 12px;
  font: 700 12px/1 'thmanyah sans', var(--sarmad-font), sans-serif;
  cursor: pointer;
}
.sarmad-v190-back svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
:root[data-theme="light"] .sarmad-v190-back {
  color: var(--v190-navy);
  background: rgba(255,255,255,.82);
  border-color: rgba(24,51,110,.10);
}
.sarmad-v190-back:hover,
.sarmad-v190-back:focus-visible { border-color: rgba(205,170,74,.58); outline: none; }

.orders-artboard.sarmad-v190-details-mode .orders-content-shell.sarmad-v190-details-shell {
  width: 1080px !important;
  margin: 24px auto 38px !important;
  padding: 14px !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}
.sarmad-v190-details { display: grid; gap: 16px; }
.sarmad-v190-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
}
.sarmad-v190-summary-grid > div {
  min-width: 0;
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 13px 15px;
  color: #fff;
  background: linear-gradient(135deg, rgba(36,75,149,.90), rgba(24,51,110,.88));
  border: 1px solid rgba(141,181,246,.18);
  border-radius: 15px;
}
.sarmad-v190-summary-grid span { color: rgba(225,236,255,.58); font-size: 10px; font-weight: 600; }
.sarmad-v190-summary-grid strong { min-width: 0; overflow-wrap: anywhere; font-size: 15px; font-weight: 800; }
:root[data-theme="light"] .sarmad-v190-summary-grid > div {
  color: var(--v190-ink);
  background: #fff;
  border-color: rgba(24,51,110,.08);
  box-shadow: 0 8px 20px rgba(24,51,110,.05);
}
:root[data-theme="light"] .sarmad-v190-summary-grid span { color: rgba(24,11,44,.48); }

.sarmad-v190-details-grid {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 14px;
  align-items: start;
}
.sarmad-v190-panel,
.sarmad-v190-totals {
  min-width: 0;
  padding: 20px;
  color: #f7f9ff;
  background: linear-gradient(145deg, rgba(31,66,139,.72), rgba(15,31,75,.70));
  border: 1px solid rgba(141,181,246,.16);
  border-radius: 20px;
  box-shadow: 0 16px 38px rgba(2,9,31,.12);
}
:root[data-theme="light"] .sarmad-v190-panel,
:root[data-theme="light"] .sarmad-v190-totals {
  color: var(--v190-ink);
  background: rgba(255,255,255,.92);
  border-color: rgba(24,51,110,.08);
  box-shadow: 0 14px 32px rgba(24,51,110,.06);
}
.sarmad-v190-panel-title { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.sarmad-v190-panel-title > div { display: grid; gap: 1px; }
.sarmad-v190-panel-title span:not(.sarmad-v190-mini-icon) { color: var(--v190-gold); font-size: 9px; font-weight: 800; }
.sarmad-v190-panel-title h2 { margin: 0; color: inherit; font-size: 17px; font-weight: 800; }
.sarmad-v190-mini-icon {
  width: 34px; height: 34px; display: grid; place-items: center; flex: none;
  color: var(--v190-gold); background: rgba(205,170,74,.10); border: 1px solid rgba(205,170,74,.25); border-radius: 11px;
  font-size: 16px;
}
.sarmad-v190-info-row {
  display: grid;
  grid-template-columns: 132px minmax(0,1fr);
  gap: 12px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid rgba(225,236,255,.08);
}
.sarmad-v190-info-row:last-child { border-bottom: 0; }
.sarmad-v190-info-row span { color: rgba(225,236,255,.52); font-size: 11px; font-weight: 500; }
.sarmad-v190-info-row strong { min-width: 0; overflow-wrap: anywhere; font-size: 12px; line-height: 1.55; font-weight: 700; text-align: left; }
:root[data-theme="light"] .sarmad-v190-info-row { border-bottom-color: rgba(24,51,110,.07); }
:root[data-theme="light"] .sarmad-v190-info-row span { color: rgba(24,11,44,.46); }

.sarmad-v190-status-panel { grid-row: span 2; }
.sarmad-v190-timeline { list-style: none; margin: 0; padding: 0; display: grid; }
.sarmad-v190-timeline li { position: relative; min-height: 57px; display: grid; grid-template-columns: 31px minmax(0,1fr); gap: 10px; }
.sarmad-v190-timeline li:not(:last-child)::after {
  content: ""; position: absolute; top: 30px; right: 14px; width: 2px; height: 27px; background: rgba(225,236,255,.12);
}
.sarmad-v190-step-dot {
  width: 29px; height: 29px; display: grid; place-items: center; z-index: 1;
  color: rgba(225,236,255,.45); background: #132a61; border: 1px solid rgba(225,236,255,.15); border-radius: 999px;
  font-size: 10px; font-weight: 800;
}
.sarmad-v190-timeline li > div { display: grid; align-content: start; gap: 2px; padding-top: 2px; }
.sarmad-v190-timeline strong { color: rgba(225,236,255,.58); font-size: 12px; font-weight: 700; }
.sarmad-v190-timeline em { color: rgba(225,236,255,.34); font-size: 9px; font-style: normal; }
.sarmad-v190-timeline li.is-complete .sarmad-v190-step-dot,
.sarmad-v190-timeline li.is-current .sarmad-v190-step-dot { color: var(--v190-ink); background: var(--v190-gold); border-color: var(--v190-gold); }
.sarmad-v190-timeline li.is-complete strong,
.sarmad-v190-timeline li.is-current strong { color: #fff; }
.sarmad-v190-timeline li.is-current strong { color: #f1d475; }
.sarmad-v190-timeline li.is-complete:not(:last-child)::after { background: rgba(205,170,74,.58); }
:root[data-theme="light"] .sarmad-v190-step-dot { color: rgba(24,51,110,.44); background: #edf2fb; border-color: rgba(24,51,110,.10); }
:root[data-theme="light"] .sarmad-v190-timeline strong { color: rgba(24,11,44,.56); }
:root[data-theme="light"] .sarmad-v190-timeline em { color: rgba(24,11,44,.38); }
:root[data-theme="light"] .sarmad-v190-timeline li.is-complete strong { color: var(--v190-navy); }
:root[data-theme="light"] .sarmad-v190-timeline li.is-current strong { color: #7a5a16; }
:root[data-theme="light"] .sarmad-v190-timeline li:not(:last-child)::after { background: rgba(24,51,110,.10); }

.sarmad-v190-products-panel { padding-bottom: 14px; }
.sarmad-v190-products { display: grid; gap: 9px; }
.sarmad-v190-product {
  min-width: 0;
  display: grid;
  grid-template-columns: 62px minmax(0,1fr) 300px;
  gap: 14px;
  align-items: center;
  padding: 11px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(225,236,255,.08);
  border-radius: 15px;
}
:root[data-theme="light"] .sarmad-v190-product { background: #f8f9fc; border-color: rgba(24,51,110,.06); }
.sarmad-v190-product img { width: 62px; height: 62px; object-fit: cover; background: #fff; border-radius: 12px; }
.sarmad-v190-product-copy { min-width: 0; display: grid; gap: 3px; }
.sarmad-v190-product-index { color: var(--v190-gold); font-size: 8px; font-weight: 800; }
.sarmad-v190-product-copy strong { min-width: 0; overflow-wrap: anywhere; font-size: 12px; font-weight: 800; line-height: 1.45; }
.sarmad-v190-product-copy p { margin: 0; color: rgba(225,236,255,.52); font-size: 9px; line-height: 1.5; }
:root[data-theme="light"] .sarmad-v190-product-copy p { color: rgba(24,11,44,.48); }
.sarmad-v190-product-numbers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
.sarmad-v190-product-numbers span { min-width: 0; display: grid; gap: 3px; padding: 7px 8px; background: rgba(109,151,226,.08); border-radius: 9px; }
.sarmad-v190-product-numbers em { color: rgba(225,236,255,.42); font-size: 8px; font-style: normal; }
.sarmad-v190-product-numbers b { min-width: 0; overflow-wrap: anywhere; font-size: 10px; font-weight: 800; }
:root[data-theme="light"] .sarmad-v190-product-numbers span { background: rgba(24,51,110,.04); }
:root[data-theme="light"] .sarmad-v190-product-numbers em { color: rgba(24,11,44,.42); }
.sarmad-v190-empty-products { padding: 18px; text-align: center; color: rgba(225,236,255,.58); font-size: 12px; }
:root[data-theme="light"] .sarmad-v190-empty-products { color: rgba(24,11,44,.55); }

.sarmad-v190-totals { width: min(560px,100%); justify-self: end; }
.sarmad-v190-total-final { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; margin-top: 6px; border-top: 1px solid rgba(205,170,74,.30); }
.sarmad-v190-total-final span { color: var(--v190-gold); font-size: 12px; font-weight: 800; }
.sarmad-v190-total-final strong { color: #fff; font-size: 20px; font-weight: 900; }
:root[data-theme="light"] .sarmad-v190-total-final strong { color: var(--v190-navy); }
.sarmad-v190-back-bottom {
  width: min(360px,100%); height: 44px; justify-self: center; border: 0; border-radius: 11px;
  color: #fff; background: linear-gradient(90deg,var(--v190-navy),var(--v190-blue));
  font: 800 13px/1 'thmanyah sans',var(--sarmad-font),sans-serif; cursor: pointer;
}
:root[data-theme="light"] .sarmad-v190-back-bottom { color: var(--v190-ink); background: linear-gradient(90deg,var(--v190-blue),var(--v190-ice)); }
.sarmad-v190-back-bottom:hover,
.sarmad-v190-back-bottom:focus-visible { filter: brightness(1.04); outline: 2px solid rgba(205,170,74,.55); outline-offset: 2px; }

@media (max-width: 767px) {
  .orders-artboard.sarmad-v190-details-mode .orders-hero.sarmad-v190-details-hero { padding-top: 112px !important; }
  .orders-artboard.sarmad-v190-details-mode .orders-hero.sarmad-v190-details-hero h1 { font-size: 24px !important; overflow-wrap: anywhere; }
  .orders-artboard.sarmad-v190-details-mode .sarmad-v190-details-subtitle { max-width: 290px !important; }
  .sarmad-v190-back { top: 103px; right: 0; height: 34px; padding-inline: 9px; font-size: 10px; }
  .orders-artboard.sarmad-v190-details-mode .orders-content-shell.sarmad-v190-details-shell {
    width: min(calc(100% - 24px), 390px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 18px auto 28px !important;
    padding: 8px !important;
    border-radius: 22px !important;
  }
  .sarmad-v190-details { gap: 10px; }
  .sarmad-v190-summary-grid { grid-template-columns: 1fr 1fr; gap: 7px; }
  .sarmad-v190-summary-grid > div { min-height: 66px; padding: 10px 11px; border-radius: 12px; }
  .sarmad-v190-summary-grid strong { font-size: 12px; }
  .sarmad-v190-details-grid { grid-template-columns: 1fr; gap: 9px; }
  .sarmad-v190-status-panel { grid-row: auto; }
  .sarmad-v190-panel, .sarmad-v190-totals { padding: 14px; border-radius: 16px; }
  .sarmad-v190-panel-title { margin-bottom: 10px; }
  .sarmad-v190-panel-title h2 { font-size: 14px; }
  .sarmad-v190-mini-icon { width: 30px; height: 30px; border-radius: 10px; }
  .sarmad-v190-info-row { grid-template-columns: 92px minmax(0,1fr); gap: 8px; padding: 8px 0; }
  .sarmad-v190-info-row span { font-size: 9px; }
  .sarmad-v190-info-row strong { font-size: 10px; }
  .sarmad-v190-timeline li { min-height: 50px; grid-template-columns: 27px minmax(0,1fr); gap: 8px; }
  .sarmad-v190-step-dot { width: 26px; height: 26px; font-size: 9px; }
  .sarmad-v190-timeline li:not(:last-child)::after { top: 26px; right: 12px; height: 24px; }
  .sarmad-v190-timeline strong { font-size: 10px; }
  .sarmad-v190-timeline em { font-size: 8px; }
  .sarmad-v190-product { grid-template-columns: 50px minmax(0,1fr); gap: 9px; padding: 9px; }
  .sarmad-v190-product img { width: 50px; height: 50px; border-radius: 10px; }
  .sarmad-v190-product-copy strong { font-size: 10px; }
  .sarmad-v190-product-copy p { font-size: 8px; }
  .sarmad-v190-product-numbers { grid-column: 1 / -1; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
  .sarmad-v190-product-numbers span { padding: 6px; }
  .sarmad-v190-product-numbers em { font-size: 7px; }
  .sarmad-v190-product-numbers b { font-size: 9px; }
  .sarmad-v190-totals { width: 100%; justify-self: stretch; }
  .sarmad-v190-total-final strong { font-size: 16px; }
  .sarmad-v190-back-bottom { height: 40px; font-size: 11px; }

  .orders-artboard.sarmad-v190-my-orders .orders-card-meta .sarmad-v190-product-summary.is-multi-product em { font-size: 8px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .sarmad-v190-back, .sarmad-v190-back-bottom { transition: none; }
}


/* END SOURCE /assets/sarmad-v190-my-orders-details.css?v=190 */

/* BEGIN SOURCE /assets/sarmad-v191-order-journey-navigation.css?v=191 sha256=07bf726e70e6f5f00cc692b2c6a55dd27d7dab1e7cccf92c72134faad28a01c0 */

/* SARMAD V191 — restore the full customer order journey after V190 details. */
.sarmad-v191-detail-actions {
  width: min(560px,100%);
  justify-self: center;
  display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(0,1fr);
  gap: 10px;
  align-items: center;
  margin-top: 2px;
}

.sarmad-v191-detail-actions .sarmad-v191-track-order,
.sarmad-v191-detail-actions .sarmad-v190-back-bottom {
  width: 100%;
  min-width: 0;
  height: 46px;
  margin: 0;
  border-radius: 12px;
  font: 800 13px/1 'thmanyah sans',var(--sarmad-font),sans-serif;
  cursor: pointer;
  transition: transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease;
}

.sarmad-v191-track-order {
  border: 1px solid rgba(205,170,74,.36);
  color: #fff;
  background: linear-gradient(100deg,var(--v190-navy,#18336e),var(--v190-blue,#6d97e2));
  box-shadow: 0 12px 28px rgba(13,31,75,.22);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.sarmad-v191-track-order svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: rotate(180deg);
}

.sarmad-v191-detail-actions .sarmad-v190-back-bottom.sarmad-v191-secondary-back {
  color: rgba(225,236,255,.88);
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(225,236,255,.14);
  box-shadow: none;
}

:root[data-theme="light"] .sarmad-v191-track-order {
  color: #fff;
  background: linear-gradient(100deg,#18336e,#527fce);
  border-color: rgba(24,51,110,.16);
  box-shadow: 0 12px 25px rgba(24,51,110,.16);
}

:root[data-theme="light"] .sarmad-v191-detail-actions .sarmad-v190-back-bottom.sarmad-v191-secondary-back {
  color: #18336e;
  background: #f7f9fd;
  border-color: rgba(24,51,110,.12);
}

.sarmad-v191-detail-actions button:hover:not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.035);
}

.sarmad-v191-detail-actions button:focus-visible {
  outline: 2px solid rgba(205,170,74,.72);
  outline-offset: 3px;
}

.sarmad-v191-track-order:disabled {
  cursor: wait;
  opacity: .72;
  transform: none;
}

.order-review-track-button.sarmad-v191-review-to-documents {
  width: 250px;
  max-width: calc(100% - 28px);
  padding-inline: 14px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .sarmad-v191-detail-actions {
    grid-template-columns: 1fr;
    gap: 7px;
    width: 100%;
  }
  .sarmad-v191-detail-actions .sarmad-v191-track-order,
  .sarmad-v191-detail-actions .sarmad-v190-back-bottom {
    height: 41px;
    font-size: 11px;
    border-radius: 11px;
  }
  .order-review-track-button.sarmad-v191-review-to-documents {
    width: 240px;
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sarmad-v191-detail-actions button { transition: none; }
}


/* END SOURCE /assets/sarmad-v191-order-journey-navigation.css?v=191 */

/* BEGIN SOURCE /assets/sarmad-v192-prelaunch.css?v=192 sha256=bc06c27abc68ae49fe84025aa6730d54e174a212dd7d6661b11ddeaec5febedd */

/* SARMAD V192 — prelaunch hardening UI. Uses the existing Sarmad design tokens. */
:root{
  --v192-bg:var(--sarmad-bg-dark,#180b2c);
  --v192-surface:var(--sarmad-surface-dark,#18336e);
  --v192-primary:var(--sarmad-primary,#18336e);
  --v192-gold:var(--sarmad-gold,#d89a3f);
  --v192-text:var(--sarmad-text-on-dark,#fff);
  --v192-muted:color-mix(in srgb,var(--v192-text) 68%,transparent);
  --v192-border:color-mix(in srgb,var(--v192-gold) 24%,transparent);
  --v192-danger:var(--v190-danger,#b93a45);
  --v192-success:var(--v190-success,#287a56);
}
:root[data-theme="light"]{
  --v192-bg:var(--sarmad-bg-light,#f4f4f4);
  --v192-surface:var(--sarmad-surface-light,#fff);
  --v192-text:var(--sarmad-text-dark,#180b2c);
  --v192-muted:color-mix(in srgb,var(--v192-text) 62%,transparent);
  --v192-border:var(--sarmad-border,#e2e8f0);
}
.sarmad-v192-fallback-toast{position:fixed;z-index:10050;top:92px;left:50%;transform:translate(-50%,-12px);opacity:0;min-width:min(420px,calc(100vw - 32px));max-width:560px;padding:14px 18px;border-radius:14px;background:var(--v192-surface);color:var(--v192-text);border:1px solid var(--v192-border);box-shadow:0 18px 48px #0004;text-align:center;font-family:var(--sarmad-font,var(--arabic-font));transition:.18s ease}.sarmad-v192-fallback-toast.is-visible{opacity:1;transform:translate(-50%,0)}.sarmad-v192-fallback-toast-error{border-color:color-mix(in srgb,var(--v192-danger) 55%,transparent)}.sarmad-v192-fallback-toast-success{border-color:color-mix(in srgb,var(--v192-success) 55%,transparent)}
.sarmad-v192-policy-consent{direction:rtl;display:flex;align-items:flex-start;gap:9px;width:100%;margin:12px 0 16px;color:inherit;font:inherit;cursor:pointer}.sarmad-v192-policy-checkbox{position:absolute;opacity:0;pointer-events:none}.sarmad-v192-policy-box{flex:0 0 19px;width:19px;height:19px;margin-top:1px;border:1.5px solid color-mix(in srgb,var(--v192-gold) 70%,var(--v192-text));border-radius:6px;background:color-mix(in srgb,var(--v192-surface) 90%,transparent);position:relative}.sarmad-v192-policy-checkbox:checked+.sarmad-v192-policy-box{background:var(--v192-gold);border-color:var(--v192-gold)}.sarmad-v192-policy-checkbox:checked+.sarmad-v192-policy-box:after{content:"✓";position:absolute;inset:-1px 0 0;display:grid;place-items:center;color:var(--sarmad-white,#fff);font-size:13px;font-weight:800}.sarmad-v192-policy-checkbox:focus-visible+.sarmad-v192-policy-box{outline:3px solid color-mix(in srgb,var(--v192-gold) 28%,transparent);outline-offset:2px}.sarmad-v192-policy-copy{font-size:13px;line-height:1.65;color:inherit}.sarmad-v192-policy-copy a{color:var(--v192-gold);font-weight:700;text-decoration:underline;text-underline-offset:3px}.sarmad-v192-policy-consent.has-error{color:var(--v192-danger)}.sarmad-v192-policy-consent.has-error .sarmad-v192-policy-box{border-color:var(--v192-danger)}
.login-mobile-real-form .sarmad-v192-policy-consent,.login-desktop-form .sarmad-v192-policy-consent{margin-top:4px}.signup-form .sarmad-v192-policy-consent{grid-column:1/-1}.payment-flow-form .sarmad-v192-policy-consent{margin-top:18px}
.sarmad-v192-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.sarmad-v192-gift-picker{position:relative;width:100%;margin-top:8px;z-index:8}.sarmad-v192-gift-trigger{width:100%;min-height:52px;border:1px solid color-mix(in srgb,var(--v192-gold) 48%,var(--v192-border));border-radius:14px;background:color-mix(in srgb,var(--v192-surface) 90%,transparent);color:var(--v192-text);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;text-align:right;font:inherit;cursor:pointer}.sarmad-v192-gift-trigger.is-placeholder .sarmad-v192-gift-value{color:var(--v192-muted)}.sarmad-v192-gift-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--v192-gold) 28%,transparent);outline-offset:2px}.sarmad-v192-gift-chevron{color:var(--v192-gold);font-size:20px;transition:transform .18s}.sarmad-v192-gift-picker[data-open="1"] .sarmad-v192-gift-chevron{transform:rotate(180deg)}.sarmad-v192-gift-menu{position:absolute;top:calc(100% + 8px);right:0;left:0;max-height:320px;overflow:auto;padding:8px;border:1px solid var(--v192-border);border-radius:16px;background:var(--v192-surface);box-shadow:0 20px 50px #0005}.sarmad-v192-gift-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:11px;background:transparent;color:var(--v192-text);padding:12px 10px;text-align:right;line-height:1.7;font:inherit;cursor:pointer}.sarmad-v192-gift-option:hover,.sarmad-v192-gift-option:focus-visible{background:color-mix(in srgb,var(--v192-gold) 11%,transparent);outline:0}.sarmad-v192-gift-option.is-selected{background:color-mix(in srgb,var(--v192-gold) 16%,transparent)}.sarmad-v192-gift-check{opacity:0;color:var(--v192-gold);font-weight:900}.sarmad-v192-gift-option.is-selected .sarmad-v192-gift-check{opacity:1}
.sarmad-v192-modal-open{overflow:hidden!important}.sarmad-v192-modal-backdrop{position:fixed;z-index:10040;inset:0;background:#090511b8;backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.sarmad-v192-modal{direction:rtl;width:min(520px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;background:var(--v192-surface);color:var(--v192-text);border:1px solid var(--v192-border);border-radius:22px;box-shadow:0 28px 80px #0008;padding:28px;position:relative;font-family:var(--sarmad-font,var(--arabic-font))}.sarmad-v192-modal-x{position:absolute;top:16px;left:16px;width:36px;height:36px;border:1px solid var(--v192-border);border-radius:10px;background:transparent;color:var(--v192-text);font-size:24px;line-height:1;cursor:pointer}.sarmad-v192-modal-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:25px;font-weight:900;margin-bottom:15px}.sarmad-v192-modal-icon-danger{background:color-mix(in srgb,var(--v192-danger) 16%,transparent);color:var(--v192-danger)}.sarmad-v192-modal h2{margin:0 0 8px;font-size:25px}.sarmad-v192-modal-lead{margin:0 0 22px;color:var(--v192-muted);line-height:1.75}.sarmad-v192-field{display:grid;gap:7px;margin:14px 0;color:var(--v192-text)}.sarmad-v192-field>span{font-size:14px;font-weight:700}.sarmad-v192-field select,.sarmad-v192-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--v192-border);border-radius:13px;background:color-mix(in srgb,var(--v192-bg) 40%,var(--v192-surface));color:var(--v192-text);padding:12px 13px;font:inherit;outline:0}.sarmad-v192-field select:focus,.sarmad-v192-field textarea:focus{border-color:var(--v192-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--v192-gold) 18%,transparent)}.sarmad-v192-field small{text-align:left;color:var(--v192-muted)}.sarmad-v192-inline-error{border-radius:11px;padding:10px 12px;background:color-mix(in srgb,var(--v192-danger) 12%,transparent);color:var(--v192-danger);font-size:13px}.sarmad-v192-modal-actions{display:flex;gap:10px;margin-top:20px}.sarmad-v192-modal-actions button{min-height:46px;border-radius:13px;padding:10px 16px;font:inherit;font-weight:800;cursor:pointer;flex:1}.sarmad-v192-btn-secondary{background:transparent;color:var(--v192-text);border:1px solid var(--v192-border)}.sarmad-v192-btn-danger{background:var(--v192-danger);color:#fff;border:1px solid var(--v192-danger)}.sarmad-v192-btn-danger:disabled{opacity:.55;cursor:wait}.sarmad-v192-cancel-note{margin:16px 0 0;color:var(--v192-muted);font-size:12px;line-height:1.7}.sarmad-v192-cancelled-reason{margin:14px 0;padding:14px 16px;border:1px solid color-mix(in srgb,var(--v192-danger) 32%,var(--v192-border));border-radius:14px;background:color-mix(in srgb,var(--v192-danger) 8%,transparent);color:var(--v192-text)}.sarmad-v192-cancelled-reason strong{display:block;color:var(--v192-danger);margin-bottom:5px}.sarmad-v192-cancelled-reason p{margin:0;line-height:1.7}
/* Policies page — uses the real Sarmad header classes and the existing site font/tokens. */
.sarmad-v192-policy-body{margin:0;background:var(--v192-bg);color:var(--v192-text);font-family:var(--sarmad-font,var(--arabic-font));min-height:100vh}.sarmad-v192-policy-site-header{position:relative;width:100%;overflow:hidden;background:var(--v192-bg);z-index:90}.sarmad-v192-policy-site-header-artboard{position:absolute;top:0}.sarmad-v192-policy-site-header-desktop{display:block}.sarmad-v192-policy-site-header-mobile{display:none}.sarmad-v192-policy-page{max-width:1280px;margin:auto;min-height:calc(100vh - 82px);padding:0 28px}.sarmad-v192-policy-hero{padding:34px 0 28px}.sarmad-v192-policy-hero>p{color:var(--v192-gold);font-weight:800;margin:0 0 7px;font-size:14px}.sarmad-v192-policy-hero h1{font-family:var(--sarmad-font,var(--arabic-font));font-size:clamp(30px,3.2vw,42px);font-weight:800;line-height:1.22;margin:0 0 10px}.sarmad-v192-policy-meta{color:var(--v192-muted);font-size:14px}.sarmad-v192-policy-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start;padding-bottom:70px}.sarmad-v192-policy-nav{position:sticky;top:24px;display:grid;gap:8px;background:var(--v192-surface);border:1px solid var(--v192-border);border-radius:18px;padding:10px}.sarmad-v192-policy-nav a{color:var(--v192-text);text-decoration:none;border-radius:11px;padding:12px 14px;font-weight:700}.sarmad-v192-policy-nav a:hover,.sarmad-v192-policy-nav a.is-active{background:color-mix(in srgb,var(--v192-gold) 15%,transparent);color:var(--v192-gold)}.sarmad-v192-policy-content{display:grid;gap:18px}.sarmad-v192-policy-section{scroll-margin-top:24px;background:var(--v192-surface);border:1px solid var(--v192-border);border-radius:20px;padding:30px}.sarmad-v192-policy-section h2{margin:0 0 22px;color:var(--v192-gold);font-size:25px}.sarmad-v192-policy-section h3{margin:26px 0 10px;font-size:19px;color:var(--v192-primary-soft,#6d97e2)}:root[data-theme="light"] .sarmad-v192-policy-section h3{color:var(--v192-primary)}.sarmad-v192-policy-section p{margin:0 0 12px;line-height:1.95;color:var(--v192-text)}.sarmad-v192-policy-bullet{padding-right:20px;position:relative}.sarmad-v192-policy-bullet:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v192-gold);position:absolute;right:2px;top:.82em}.sarmad-v192-policy-loading,.sarmad-v192-policy-error{background:var(--v192-surface);border:1px solid var(--v192-border);border-radius:18px;padding:26px;line-height:1.8}.sarmad-v192-policy-error a{color:var(--v192-gold)}.sarmad-v192-policy-footer{border-top:1px solid var(--v192-border);display:flex;justify-content:space-between;padding:26px 0 34px;color:var(--v192-muted)}.sarmad-v192-policy-footer a{color:var(--v192-gold);text-decoration:none;font-weight:700}.sarmad-v192-policy-menu-open{overflow:hidden}.sarmad-v192-policy-mobile-layer{z-index:10010}.sarmad-footer-links a.sarmad-v192-footer-policy-link{color:currentColor;text-align:right;background:0 0;border:0;padding:0;font:inherit;font-size:16px;font-weight:400;line-height:20px;text-decoration:none;display:inline-block}
@media(max-width:767px){.sarmad-v192-modal{padding:24px 18px;border-radius:18px}.sarmad-v192-modal-actions{flex-direction:column-reverse}.sarmad-v192-policy-site-header-desktop{display:none}.sarmad-v192-policy-site-header-mobile{display:block}.sarmad-v192-policy-page{padding:0 17px;min-height:calc(100vh - 74px)}.sarmad-v192-policy-hero{padding:22px 0 20px}.sarmad-v192-policy-hero>p{font-size:12px;margin-bottom:5px}.sarmad-v192-policy-hero h1{font-size:28px;line-height:1.25;margin-bottom:8px}.sarmad-v192-policy-meta{font-size:12px;line-height:1.6}.sarmad-v192-policy-layout{grid-template-columns:1fr;gap:14px}.sarmad-v192-policy-nav{position:relative;top:0;grid-auto-flow:column;grid-auto-columns:max-content;overflow:auto;display:grid;padding:8px}.sarmad-v192-policy-section{padding:21px 17px;border-radius:16px}.sarmad-v192-policy-section h2{font-size:22px}.sarmad-v192-gift-menu{position:fixed;z-index:10020;right:14px;left:14px;top:auto;bottom:14px;max-height:58vh;border-radius:20px}.sarmad-v192-gift-option{padding:14px 11px}.sarmad-v192-fallback-toast{top:88px}}
@media(prefers-reduced-motion:reduce){.sarmad-v192-fallback-toast,.sarmad-v192-gift-chevron{transition:none}}


/* END SOURCE /assets/sarmad-v192-prelaunch.css?v=192 */

/* BEGIN SOURCE /assets/sarmad-v195-policy-layout-fix.css?v=195 sha256=46296c09bf4ecca602eb98491b630437de2dacccbab5659fac6dc62cca97c26b */

/* SARMAD V195 — policy navigation containment + auth-consent placement.
   Visual reference: current production Runtime V189/V190/V191/V194 tokens and auth layouts.
   Scope is intentionally limited to V192 policy components. */

/* Keep injected policy consent inside the real auth form geometry instead of normal-flow top-left. */
.login-code-form > .sarmad-v192-policy-consent[data-v192-policy="login"]{
  position:absolute;
  top:350px;
  right:26px;
  width:448px;
  max-width:448px;
  margin:0;
  box-sizing:border-box;
  align-items:center;
  gap:8px;
}
.login-code-form > .sarmad-v192-policy-consent[data-v192-policy="login"] .sarmad-v192-policy-copy{
  font-size:12px;
  line-height:18px;
}
.signup-form > .sarmad-v192-policy-consent[data-v192-policy="register"]{
  position:absolute;
  top:600px;
  right:26px;
  width:448px;
  max-width:448px;
  margin:0;
  box-sizing:border-box;
  align-items:center;
  gap:8px;
}
.signup-form > .sarmad-v192-policy-consent[data-v192-policy="register"] .sarmad-v192-policy-copy{
  font-size:12px;
  line-height:18px;
}

@media (max-width:767px){
  /* Mobile policy tabs: contained two-column grid, RTL/right aligned, smaller copy. */
  .sarmad-v192-policy-layout,
  .sarmad-v192-policy-content{
    min-width:0;
    max-width:100%;
  }
  .sarmad-v192-policy-nav{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-flow:row;
    grid-auto-columns:auto;
    gap:7px;
    overflow:visible;
    direction:rtl;
    padding:8px;
  }
  .sarmad-v192-policy-nav a{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
    padding:9px 10px;
    font-size:12px;
    line-height:17px;
    text-align:right;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  /* Login: between remember/forgot row and the submit button, never at form origin. */
  .login-mobile-real-form > .sarmad-v192-policy-consent[data-v192-policy="login"]{
    position:absolute;
    top:476px;
    right:28px;
    width:358px;
    max-width:358px;
    margin:0;
    box-sizing:border-box;
    align-items:center;
    gap:7px;
  }
  .login-mobile-real-form > .sarmad-v192-policy-consent[data-v192-policy="login"] .sarmad-v192-policy-copy{
    font-size:11px;
    line-height:16px;
    white-space:nowrap;
  }
  .login-mobile-real-form > .sarmad-v192-policy-consent[data-v192-policy="login"] .sarmad-v192-policy-box{
    flex-basis:16px;
    width:16px;
    height:16px;
    border-radius:4px;
    margin-top:0;
  }

  /* Signup: use the same slot reserved for terms, immediately before the submit button. */
  .signup-form > .sarmad-v192-policy-consent[data-v192-policy="register"]{
    position:absolute;
    top:644px;
    right:28px;
    width:358px;
    max-width:358px;
    margin:0;
    box-sizing:border-box;
    align-items:center;
    gap:7px;
  }
  .signup-form > .sarmad-v192-policy-consent[data-v192-policy="register"] .sarmad-v192-policy-copy{
    font-size:11px;
    line-height:16px;
    white-space:nowrap;
  }
  .signup-form > .sarmad-v192-policy-consent[data-v192-policy="register"] .sarmad-v192-policy-box{
    flex-basis:16px;
    width:16px;
    height:16px;
    border-radius:4px;
    margin-top:0;
  }
}


/* END SOURCE /assets/sarmad-v195-policy-layout-fix.css?v=195 */

/* BEGIN SOURCE /assets/sarmad-v200-signup-policy-spacing-fix.css?v=200 sha256=c003a29e972c2ded8606c836f111b2c0d9df656569d66469b0a8bfa5d3fe1e86 */

/* SARMAD V200 — signup policy consent spacing fix.
   Scope: mobile signup only. Keeps the fixed auth artboard geometry intact.
   V195 placed consent at top:644px, which intersects the confirm-password input
   (mobile confirm field top:590px; input top:32px; height:50px => ends at 672px).
   V200 uses the existing free vertical space without moving the login text/footer. */
@media (max-width:767px){
  .signup-form > .sarmad-v192-policy-consent[data-v192-policy="register"]{
    top:676px;
  }

  .signup-form > .signup-submit{
    top:702px;
  }
}


/* END SOURCE /assets/sarmad-v200-signup-policy-spacing-fix.css?v=200 */

/* BEGIN SOURCE /assets/sarmad-v218-home-footer-policy-spacing.css?v=218 sha256=f025ef676bd1c518c17684753befd0bd0d5f5ea66b3f1800ba4af59751aa50e1 */

/* SARMAD V218 — HOME MOBILE FOOTER POLICY LINK SPACING
   Scope: homepage mobile footer only.
   Root cause: V192 injects a fifth quick-link into a fixed-height area designed for four links.
   Keep the original quick/contact positions and fit all five links inside the existing 175px quick-links slot. */
@media (max-width: 767px) {
  .home-code-mobile .home-footer.sarmad-footer-mobile .sarmad-footer-links {
    display: block !important;
    width: 113px !important;
    gap: 0 !important;
  }

  .home-code-mobile .home-footer.sarmad-footer-mobile .sarmad-footer-links li {
    width: 113px !important;
    height: 19px !important;
    margin: 0 0 8px !important;
    padding: 0 18px 0 0 !important;
  }

  .home-code-mobile .home-footer.sarmad-footer-mobile .sarmad-footer-links li:last-child {
    margin-bottom: 0 !important;
  }

  .home-code-mobile .home-footer.sarmad-footer-mobile .sarmad-footer-links button,
  .home-code-mobile .home-footer.sarmad-footer-mobile .sarmad-footer-links a.sarmad-v192-footer-policy-link {
    line-height: 19px !important;
    white-space: nowrap !important;
  }
}


/* END SOURCE /assets/sarmad-v218-home-footer-policy-spacing.css?v=218 */

/* BEGIN SOURCE /assets/sarmad-v220-my-orders-search-progressive.css?v=220 sha256=df880cc8b4149ba1a0bf66c19540d73a0bf3df3e8e337616d83fec3f82db37ed */

/* SARMAD V220 — My Orders search + progressive loading.
   IMPORTANT: this stylesheet does NOT restyle order-card or resize .orders-content-shell.
   Existing V178/V190 card layout remains authoritative. */
.orders-artboard.sarmad-v220-orders-enhanced .sarmad-v220-orders-search {
  width: min(720px, calc(100% - 40px));
  margin: 16px auto 0;
  display: none;
  position: relative;
  z-index: 8;
  direction: rtl;
}
.orders-artboard.sarmad-v220-orders-enhanced.sarmad-v220-has-search .sarmad-v220-orders-search { display: block; }
.sarmad-v220-search-field {
  height: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  border: 1px solid rgba(225,236,255,.18);
  border-radius: 16px;
  background: rgba(24,51,110,.70);
  box-shadow: 0 14px 34px rgba(0,0,0,.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-sizing: border-box;
}
:root[data-theme="light"] .sarmad-v220-search-field {
  background: rgba(255,255,255,.96);
  border-color: rgba(24,51,110,.13);
  box-shadow: 0 12px 30px rgba(24,51,110,.08);
}
.sarmad-v220-search-field > svg {
  width: 20px; height: 20px; flex: none; fill: none;
  stroke: #cdaa4a; stroke-width: 1.9;
}
.sarmad-v220-search-field input {
  flex: 1 1 auto; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0;
  color: #fff; background: transparent;
  font: 600 14px/1.2 var(--sarmad-font,var(--arabic-font));
  direction: rtl; text-align: right;
}
:root[data-theme="light"] .sarmad-v220-search-field input { color: #18336e; }
.sarmad-v220-search-field input::placeholder { color: rgba(225,236,255,.55); opacity: 1; }
:root[data-theme="light"] .sarmad-v220-search-field input::placeholder { color: rgba(24,51,110,.45); }
.sarmad-v220-search-clear {
  width: 30px; height: 30px; flex: none; display: none; place-items: center;
  padding: 0; border: 0; border-radius: 50%; color: rgba(225,236,255,.76);
  background: rgba(255,255,255,.08); font: 700 19px/1 Arial,sans-serif; cursor: pointer;
}
.sarmad-v220-search-clear.is-visible { display: grid; }
:root[data-theme="light"] .sarmad-v220-search-clear { color: #18336e; background: rgba(24,51,110,.07); }
.sarmad-v220-search-count {
  display: block; min-height: 17px; margin: 6px 6px 0;
  color: rgba(225,236,255,.54);
  font: 600 10px/1.4 var(--sarmad-font,var(--arabic-font)); text-align: right;
}
:root[data-theme="light"] .sarmad-v220-search-count { color: rgba(24,51,110,.48); }

/* Only the native React list is hidden while V220 owns pagination.
   The V220 list also carries the original `orders-content` class so every legacy card rule remains active. */
.orders-content-shell.sarmad-v220-shell-active > .orders-content.sarmad-v220-native-orders-content {
  display: none !important;
}

/* Loading helpers only. No order-card geometry is touched here. */
.sarmad-v220-skeleton {
  min-height: 350px;
  width: 100%;
  border-radius: 22px;
  border: 1px solid rgba(225,236,255,.11);
  background: linear-gradient(100deg, rgba(255,255,255,.045) 20%, rgba(255,255,255,.11) 36%, rgba(255,255,255,.045) 52%);
  background-size: 220% 100%;
  animation: sarmad-v220-shimmer 1.15s linear infinite;
  box-sizing: border-box;
}
:root[data-theme="light"] .sarmad-v220-skeleton {
  border-color: rgba(24,51,110,.08);
  background: linear-gradient(100deg,#f5f7fa 20%,#fff 36%,#f5f7fa 52%);
  background-size: 220% 100%;
}
@keyframes sarmad-v220-shimmer { to { background-position-x: -220%; } }
.sarmad-v220-load-sentinel {
  min-height: 42px; width: 100%; display: grid; place-items: center;
  color: rgba(225,236,255,.56);
  font: 600 11px/1.4 var(--sarmad-font,var(--arabic-font));
}
:root[data-theme="light"] .sarmad-v220-load-sentinel { color: rgba(24,51,110,.48); }
.sarmad-v220-load-dots { display:inline-flex; gap:5px; align-items:center; }
.sarmad-v220-load-dots i { width:6px; height:6px; border-radius:50%; background:#cdaa4a; animation:sarmad-v220-dot .9s ease-in-out infinite alternate; }
.sarmad-v220-load-dots i:nth-child(2){animation-delay:.15s}.sarmad-v220-load-dots i:nth-child(3){animation-delay:.3s}
@keyframes sarmad-v220-dot { from { opacity:.35; transform:translateY(2px) } to { opacity:1; transform:translateY(-2px) } }
.sarmad-v220-no-results,
.sarmad-v220-load-error {
  min-height: 240px; display: grid; place-items: center; align-content: center; gap: 10px;
  padding: 24px; color: rgba(225,236,255,.72); text-align: center;
  font: 600 14px/1.7 var(--sarmad-font,var(--arabic-font));
}
:root[data-theme="light"] .sarmad-v220-no-results,
:root[data-theme="light"] .sarmad-v220-load-error { color: rgba(24,51,110,.64); }
.sarmad-v220-load-error button {
  height:38px; padding:0 16px; border:0; border-radius:12px; cursor:pointer;
  color:#18336e; background:#cdaa4a; font:800 12px/1 var(--sarmad-font,var(--arabic-font));
}

@media (max-width: 767px) {
  .orders-artboard.sarmad-v220-orders-enhanced .sarmad-v220-orders-search {
    width: min(calc(100% - 52px), 330px);
    margin-top: 13px;
  }
  .sarmad-v220-search-field { height:46px; padding:0 12px; border-radius:14px; }
  .sarmad-v220-search-field > svg { width:18px; height:18px; }
  .sarmad-v220-search-field input { font-size:12px; }
  .sarmad-v220-search-clear { width:27px; height:27px; font-size:17px; }
  .sarmad-v220-search-count { margin-top:4px; font-size:9px; }
  .sarmad-v220-skeleton { min-height: 350px; border-radius:22px; }
}


/* END SOURCE /assets/sarmad-v220-my-orders-search-progressive.css?v=220 */

/* BEGIN SOURCE /assets/sarmad-v221-products-mobile-view-modes.css?v=221 sha256=f4f97a5c092f0a39d6a5d7ab48658d4ee6712ead9dd30c517685e4701db68f31 */

/*
 * SARMAD V221 — Products mobile view modes
 * Scope: /products mobile viewport only.
 *
 * Default mode preserves the existing product card design untouched.
 * Grid mode provides an Instagram-like 3-column image grid.
 */

@media (max-width: 767px) {
  .sarmad-v221-products-view-switcher {
    position: absolute;
    left: 20px;
    top: 103px;
    z-index: 24;
    width: 118px;
    height: 48px;
    display: flex;
    direction: ltr;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    box-sizing: border-box;
  }

  .sarmad-v221-products-view-button {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 0;
    color: #6d97e2;
    background: rgba(24, 51, 110, 0.55);
    border: 1px solid rgba(109, 151, 226, 0.58);
    border-radius: 13px;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  :root[data-theme="light"] .sarmad-v221-products-view-button {
    color: #18336e;
    background: #ffffff;
    border-color: rgba(24, 51, 110, 0.18);
  }

  .sarmad-v221-products-view-button[aria-pressed="true"] {
    color: #ffffff;
    background: #6d97e2;
    border-color: #6d97e2;
  }

  :root[data-theme="light"] .sarmad-v221-products-view-button[aria-pressed="true"] {
    color: #ffffff;
    background: #18336e;
    border-color: #18336e;
  }

  .sarmad-v221-products-view-button:focus-visible {
    outline: 3px solid rgba(205, 170, 74, 0.9);
    outline-offset: 2px;
  }

  .sarmad-v221-products-view-button svg {
    width: 25px;
    height: 25px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
  }

  /* Instagram-like grid. Default mode has no card overrides. */
  .products-content[data-sarmad-v221-view="grid"] > .products-grid > .products-card {
    left: var(--sarmad-v221-grid-left) !important;
    top: var(--sarmad-v221-grid-top) !important;
    width: 128px !important;
    height: 128px !important;
    overflow: hidden !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    background: #18336e !important;
    transform: none !important;
    transition: transform 0.18s ease, opacity 0.18s ease !important;
  }

  :root[data-theme="light"] .products-content[data-sarmad-v221-view="grid"] > .products-grid > .products-card {
    background: #ffffff !important;
  }

  .products-content[data-sarmad-v221-view="grid"] > .products-grid > .products-card:active {
    transform: scale(0.97) !important;
  }

  .products-content[data-sarmad-v221-view="grid"] > .products-grid > .products-card > .products-card-image,
  :root[data-theme="light"] .products-content[data-sarmad-v221-view="grid"] > .products-grid > .products-card > .products-card-image {
    left: 0 !important;
    top: 0 !important;
    width: 128px !important;
    height: 128px !important;
    border-radius: 9px !important;
    background: #d9d9d9 !important;
  }

  .products-content[data-sarmad-v221-view="grid"] > .products-grid > .products-card > .products-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 9px !important;
    transform: none !important;
  }

  .products-content[data-sarmad-v221-view="grid"] > .products-grid > .products-card > .products-card-body {
    display: none !important;
  }

  /* Grid mode relies on tapping the tile itself to open product details. */
  .products-content[data-sarmad-v221-view="grid"] > .products-grid > .products-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }
}

@media (min-width: 768px) {
  .sarmad-v221-products-view-switcher {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sarmad-v221-products-view-button,
  .products-content[data-sarmad-v221-view="grid"] > .products-grid > .products-card {
    transition: none !important;
  }
}


/* END SOURCE /assets/sarmad-v221-products-mobile-view-modes.css?v=221 */

/* BEGIN SOURCE /assets/sarmad-v229-customer-notifications.css?v=229 sha256=12abf2b5964f3b85e48d6158ad8a9e69103166b82b540d35e203d458fe1acd37 */

/* Sarmad V229 — production-safe customer notifications. */
.sarmad-v229-customer-bell{position:relative;z-index:8;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;box-shadow:none}
.sarmad-v229-customer-bell svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sarmad-v229-customer-bell b,.sarmad-v229-drawer-badge{position:absolute;top:-4px;right:-5px;min-width:13px;height:13px;padding:0 3px;border-radius:999px;background:#d89a3f;color:#18336e;border:1px solid rgba(255,255,255,.95);font-size:8px;font-weight:900;line-height:11px;display:grid;place-items:center;direction:ltr}
.sarmad-v229-customer-bell b[hidden],.sarmad-v229-drawer-badge[hidden]{display:none!important}

.sarmad-v229-customer-overlay{position:fixed;z-index:10050;inset:0;background:rgba(12,5,25,.64);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px;direction:rtl;font-family:var(--sarmad-font,"Thmanyah Sans","Tajawal",Arial,sans-serif)}
.sarmad-v229-customer-panel{width:min(440px,100%);max-height:min(680px,calc(100% - 24px));display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:#180b2c;color:#fff;border:1px solid rgba(109,151,226,.28);box-shadow:0 28px 80px rgba(0,0,0,.36)}
:root[data-theme="light"] .sarmad-v229-customer-panel{background:#fff;color:#180b2c;border-color:#dce4f3;box-shadow:0 28px 80px rgba(24,51,110,.18)}
.sarmad-v229-customer-panel>header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(109,151,226,.2)}
.sarmad-v229-customer-panel header span{display:block;color:#d89a3f;font-size:12px;font-weight:900}.sarmad-v229-customer-panel h2{margin:2px 0 0;font-size:25px;line-height:1.25}
.sarmad-v229-customer-close{width:42px;height:42px;border-radius:13px;border:1px solid rgba(109,151,226,.26);background:rgba(109,151,226,.08);color:inherit;font-size:24px;cursor:pointer}
.sarmad-v229-customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid rgba(109,151,226,.16)}
.sarmad-v229-customer-toolbar p{margin:0;color:#b7c8ea;font-size:12px}:root[data-theme="light"] .sarmad-v229-customer-toolbar p{color:#68789b}
.sarmad-v229-customer-toolbar button{border:0;background:transparent;color:#6d97e2;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.sarmad-v229-customer-body{min-height:220px;overflow:auto;padding:14px}.sarmad-v229-customer-list{display:grid;gap:9px}
.sarmad-v229-customer-item{width:100%;display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;text-align:right;border:1px solid rgba(109,151,226,.22);border-radius:16px;padding:13px 12px;background:#1d3470;color:#fff;cursor:pointer;font:inherit}
.sarmad-v229-customer-item.is-unread{border-color:rgba(216,154,63,.65);box-shadow:inset -3px 0 #d89a3f}.sarmad-v229-customer-dot{width:7px;height:7px;margin-top:8px;border-radius:50%;background:#6d97e2}
.sarmad-v229-customer-item.is-unread .sarmad-v229-customer-dot{background:#d89a3f;box-shadow:0 0 0 4px rgba(216,154,63,.13)}
.sarmad-v229-customer-item small{display:block;color:#9fb7e6;font-size:11px}.sarmad-v229-customer-item strong{display:block;margin-top:3px;font-size:15px}.sarmad-v229-customer-item p{margin:5px 0 0;color:#d9e4fb;font-size:13px;line-height:1.6}.sarmad-v229-customer-item em{display:inline-block;margin-top:7px;color:#d8b766;font-size:12px;font-style:normal;font-weight:900}
:root[data-theme="light"] .sarmad-v229-customer-item{background:#f5f8ff;color:#18336e;border-color:#dce4f3}:root[data-theme="light"] .sarmad-v229-customer-item p{color:#586987}:root[data-theme="light"] .sarmad-v229-customer-item small{color:#7182a3}
.sarmad-v229-customer-empty,.sarmad-v229-customer-loading,.sarmad-v229-customer-error{min-height:210px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed rgba(109,151,226,.28);border-radius:18px;padding:24px;color:#b7c8ea}
.sarmad-v229-customer-empty span{width:46px;height:46px;border:2px solid #6d97e2;border-radius:50%;display:grid;place-items:center;font-size:24px}.sarmad-v229-customer-empty strong{margin-top:10px;color:#fff;font-size:17px}.sarmad-v229-customer-empty p{margin:5px 0 0;font-size:12px}
:root[data-theme="light"] .sarmad-v229-customer-empty,:root[data-theme="light"] .sarmad-v229-customer-loading{color:#68789b}:root[data-theme="light"] .sarmad-v229-customer-empty strong{color:#18336e}
.sarmad-v229-customer-error{color:#ff9ca8;border-color:rgba(255,90,110,.35)}html.sarmad-v229-notifications-open{overflow:hidden!important}

@media(max-width:767px){
  /* Follow the original Sarmad absolute header geometry instead of inventing another layout system. */
  .sarmad-header-mobile.sarmad-v229-has-notification-bell>.sarmad-v229-customer-bell{
    position:absolute!important;top:30px!important;left:48px!important;right:auto!important;
    width:24px!important;height:24px!important;margin:0!important;padding:0!important;
    color:#fff!important;background:transparent!important;border:0!important;border-radius:8px!important;box-shadow:none!important;
  }
  .sarmad-header-mobile.sarmad-v229-has-notification-bell>.sarmad-v229-customer-bell svg{width:17px!important;height:17px!important;stroke-width:1.65!important}
  /* Original menu stays x17; bell is x48; cart moves only enough to make a true row; currency stays at original x118. */
  .sarmad-header-mobile.sarmad-v229-has-notification-bell>.sarmad-mobile-menu-button{top:32px!important;left:17px!important}
  .sarmad-header-mobile.sarmad-v229-has-notification-bell>.sarmad-mobile-cart-button{top:30px!important;left:80px!important}
  .sarmad-header-mobile.sarmad-v229-has-notification-bell>.sarmad-mobile-currency{top:17px!important;left:118px!important}
  .sarmad-header-mobile.sarmad-v229-has-notification-bell>.sarmad-header-logo-mobile{top:21px!important;left:279px!important;width:122px!important;height:43px!important}
  :root[data-theme="light"] .sarmad-header-mobile.sarmad-header-non-home.sarmad-v229-has-notification-bell>.sarmad-v229-customer-bell{color:#18336e!important}
  :root[data-theme="light"] .sarmad-header-mobile:not(.sarmad-header-non-home).sarmad-v229-has-notification-bell>.sarmad-v229-customer-bell{color:#fff!important}

  /* The notification drawer item itself receives ALL sizing/colors from V211, exactly like the native links. */
  .mobile-menu-drawer .sarmad-v229-drawer-notifications{text-decoration:none!important}
  .mobile-menu-drawer .sarmad-v229-drawer-notifications .sarmad-v229-drawer-badge{
    top:-3px!important;right:-4px!important;min-width:12px!important;height:12px!important;padding:0 2px!important;font-size:7px!important;line-height:10px!important
  }

  .sarmad-v229-customer-overlay{place-items:end center;padding:0;background:rgba(12,5,25,.55)}
  .sarmad-v229-customer-panel{width:100%;max-height:76%;border-radius:26px 26px 0 0;border-bottom:0}
  .sarmad-v229-customer-panel>header{padding:18px 18px 14px}.sarmad-v229-customer-panel h2{font-size:23px}
  .sarmad-v229-customer-body{padding:12px 12px max(18px,env(safe-area-inset-bottom,0px))}.sarmad-v229-customer-item{min-height:86px;padding:12px 11px}
}


/* END SOURCE /assets/sarmad-v229-customer-notifications.css?v=229 */

/* BEGIN SOURCE /assets/sarmad-v230-notification-header-alignment.css?v=230 sha256=e86b50c6e0006d31e640f345fbe76affbb99e1b71b7c1b2bbb1887fce4eff063 */

/* Sarmad V230 — mobile notification/header optical alignment only.
   No auth, notification, drawer, cart, currency or logo behavior changes. */

@media (max-width: 767px) {
  /*
   * Real production geometry:
   * menu     24px @ top 32 -> center 44
   * cart     26px @ top 30 -> center 43
   * currency 44px @ top 21 -> center 43
   * bell     26px @ top 30 -> center 43
   */

  .sarmad-header-mobile.sarmad-v229-has-notification-bell
  > .sarmad-v229-customer-bell {
    top: 30px !important;
    left: 48px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
  }

  .sarmad-header-mobile.sarmad-v229-has-notification-bell
  > .sarmad-v229-customer-bell svg {
    width: 26px !important;
    height: 26px !important;
    stroke-width: 1.8 !important;
  }

  .sarmad-header-mobile.sarmad-v229-has-notification-bell
  > .sarmad-mobile-cart-button {
    top: 30px !important;
    left: 80px !important;
  }

  .sarmad-header-mobile.sarmad-v229-has-notification-bell
  > .sarmad-mobile-currency {
    top: 21px !important;
    left: 118px !important;
  }

  .sarmad-header-mobile.sarmad-v229-has-notification-bell
  > .sarmad-mobile-menu-button {
    top: 32px !important;
    left: 17px !important;
  }

  .sarmad-header-mobile.sarmad-v229-has-notification-bell
  > .sarmad-header-logo-mobile {
    top: 21px !important;
    left: 279px !important;
    width: 122px !important;
    height: 43px !important;
  }
}


/* END SOURCE /assets/sarmad-v230-notification-header-alignment.css?v=230 */