/* BEGIN SOURCE /assets/sarmad-v80-toast-compact-color-ring-tight.css sha256=d8aedde25d0a13b7c797e0e571f43d653f75c19a8bd6bca1ee86ce620b4a2f7b */

/*
 * SARMAD V80 - ProductDetails compact toast + tight selected color ring
 *
 * Narrow visual overlay only. Depends on V79 being active.
 *
 * Changes:
 *   1) Make the existing V79 add-to-cart toast smaller.
 *   2) Make selected color border hug the actual swatch with no inner gap.
 *
 * Preserved:
 *   - V79 toast behavior: no icon, no close button, click/tap dismiss, 3000ms auto-hide.
 *   - V75 footer, V76 ProductDetails UI, V78 recommendations.
 *   - Header/gallery/upload/customization and all product/cart/order/payment/currency logic.
 */

/* Compact the existing V79 toast; behavior remains in the existing V79 JS. */
.sarmad-v79-cart-toast {
  width: min(290px, calc(100vw - 64px)) !important;
  min-height: 44px !important;
  padding: 8px 14px !important;
  border-radius: 12px !important;
}

.sarmad-v79-cart-toast__text {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

@media (max-width: 767px) {
  /*
   * Tight color-ring geometry:
   * 32px button with 2px border => exactly 28px inner content box.
   * The 28px swatch fills that content box, so the selected border touches
   * the swatch edge with no empty halo/gap.
   */
  .product-page .color-options button {
    box-sizing: border-box !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 2px solid transparent !important;
    border-radius: 50% !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .product-page .color-options button > span {
    box-sizing: border-box !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border-radius: 50% !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  /* Disable V79's separate pseudo-element ring; it caused the visible halo. */
  .product-page .color-options button::after,
  .product-page .color-options button.active::after,
  .product-page .color-options button:focus-visible::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .product-page .color-options button.active {
    border-color: #cdaa4a !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  /* No second neutral line inside the selected gold ring. */
  .product-page .color-options button.active > span {
    border: 0 !important;
  }

  .product-page .color-options button:focus-visible {
    outline: 2px solid #6d97e2 !important;
    outline-offset: 2px !important;
  }

  :root[data-theme="light"] .product-page .color-options button.active {
    border-color: #b8912f !important;
  }
}


/* END SOURCE /assets/sarmad-v80-toast-compact-color-ring-tight.css */

/* BEGIN SOURCE /assets/sarmad-v81-toast-center-color-selection-visible.css sha256=546ace56573adac47099219a7372f468dc2aba28bedf8dc0bb260cfe2e71e265 */

/*
 * SARMAD V81 - Centered compact cart toast + reliable selected color border
 *
 * Narrow visual overlay only. Depends on V80 being active.
 *
 * Changes:
 *   1) Move the existing compact V79/V80 cart toast to the exact viewport center.
 *   2) Restore selected-color visibility using BOTH the production `.active` class
 *      and the semantic `aria-pressed="true"` state.
 *   3) Put the gold selection border directly on the colored span itself so there
 *      is no empty inner halo/gap.
 *   4) Neutralize mobile focus/tap outlines that appeared as a square/translucent
 *      focus block around a circular swatch in Chrome/Android.
 *
 * Preserved:
 *   - V79 toast behavior: no icon, no close button, 3000ms auto-hide, tap/click dismiss.
 *   - V80 compact toast size.
 *   - V75 footer, V76 ProductDetails UI, V78 recommendations.
 *   - Header/gallery/upload/customization and all product/cart/order/payment/currency logic.
 */

/* Exact visual center of the viewport, not the top area. */
.sarmad-v79-cart-toast {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) scale(.985) !important;
}

.sarmad-v79-cart-toast.is-visible {
  transform: translate(-50%, -50%) scale(1) !important;
}

@media (max-width: 767px) {
  /*
   * The React production DOM already exposes both:
   *   class="active"
   *   aria-pressed="true"
   * for the selected color button.
   *
   * V80 put the ring on the OUTER button. V81 makes the actual colored SPAN
   * carry the selected border instead. This makes the border geometrically
   * flush with the color circle and avoids the previous empty halo.
   */
  .product-page .color-options button {
    box-sizing: border-box !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 50% !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .product-page .color-options button > span {
    box-sizing: border-box !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 50% !important;
    outline: 0 !important;
    box-shadow: none !important;
    transition: border-color .14s ease, border-width .14s ease !important;
  }

  /* Disable every older V79/V80 outer-ring mechanism. */
  .product-page .color-options button::before,
  .product-page .color-options button::after,
  .product-page .color-options button.active::before,
  .product-page .color-options button.active::after,
  .product-page .color-options button[aria-pressed="true"]::before,
  .product-page .color-options button[aria-pressed="true"]::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  /* The selected border is DIRECTLY on the colored circle. */
  .product-page .color-options button.active > span,
  .product-page .color-options button[aria-pressed="true"] > span {
    border: 2px solid #cdaa4a !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  /* Chrome/Android touch focus must not replace the circular selection state. */
  .product-page .color-options button:focus,
  .product-page .color-options button:focus-visible,
  .product-page .color-options button:active {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .product-page .color-options button:focus > span,
  .product-page .color-options button:focus-visible > span,
  .product-page .color-options button:active > span {
    outline: 0 !important;
    box-shadow: none !important;
  }

  :root[data-theme="light"] .product-page .color-options button > span {
    border-color: rgba(24, 51, 110, .20) !important;
  }

  :root[data-theme="light"] .product-page .color-options button.active > span,
  :root[data-theme="light"] .product-page .color-options button[aria-pressed="true"] > span {
    border-color: #b8912f !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-page .color-options button > span {
    transition: none !important;
  }
}


/* END SOURCE /assets/sarmad-v81-toast-center-color-selection-visible.css */

/* BEGIN SOURCE /assets/sarmad-v83-size-picker-production-dom.css sha256=61ec3e4702ca37e9ba5740e06472da98320e6c5e1754d32e22c635eee4c35982 */

/* SARMAD V83 - themed product size picker bound to production DOM */
.product-page label.product-field[data-sarmad-v83-size-field="1"] > select{
  position:absolute !important;
  inline-size:1px !important;
  block-size:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  clip-path:inset(50%) !important;
  margin:0 !important;
  padding:0 !important;
}

.product-page .sarmad-v83-size-picker{
  position:relative;
  inline-size:100%;
  margin-top:2px;
  isolation:isolate;
}

.product-page .sarmad-v83-size-trigger{
  inline-size:100%;
  min-block-size:54px;
  box-sizing:border-box;
  border:1.5px solid rgba(109,151,226,.74);
  border-radius:14px;
  background:#e1ecff;
  color:#180b2c;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 16px;
  font:inherit;
  font-size:15px;
  font-weight:600;
  line-height:1.35;
  text-align:right;
  cursor:pointer;
  box-shadow:0 5px 16px rgba(3,8,20,.08);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
  -webkit-tap-highlight-color:transparent;
}
.product-page .sarmad-v83-size-trigger:hover{
  border-color:#6d97e2;
}
.product-page .sarmad-v83-size-trigger[aria-expanded="true"]{
  border-color:#cdaa4a;
  box-shadow:0 0 0 3px rgba(205,170,74,.14),0 8px 24px rgba(3,8,20,.14);
}
.product-page .sarmad-v83-size-trigger:focus-visible{
  outline:none;
  border-color:#6d97e2;
  box-shadow:0 0 0 3px rgba(109,151,226,.22);
}
.product-page .sarmad-v83-size-value{
  flex:1 1 auto;
  min-inline-size:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.product-page .sarmad-v83-size-trigger.is-placeholder .sarmad-v83-size-value{
  color:#59657a;
  font-weight:500;
}
.product-page .sarmad-v83-size-chevron{
  inline-size:18px;
  block-size:18px;
  flex:0 0 18px;
  display:grid;
  place-items:center;
  color:#18336e;
  transition:transform .16s ease;
}
.product-page .sarmad-v83-size-chevron svg{
  inline-size:18px;
  block-size:18px;
  display:block;
}
.product-page .sarmad-v83-size-trigger[aria-expanded="true"] .sarmad-v83-size-chevron{
  transform:rotate(180deg);
}

.product-page .sarmad-v83-size-menu{
  position:absolute;
  inset-inline:0;
  top:calc(100% + 8px);
  z-index:999;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid rgba(109,151,226,.34);
  border-radius:18px;
  background:linear-gradient(180deg,#152c54 0%,#112443 100%);
  color:#fff;
  box-shadow:0 20px 48px rgba(0,0,0,.34);
}
.product-page .sarmad-v83-size-menu[hidden]{display:none !important;}

.product-page .sarmad-v83-size-option{
  inline-size:100%;
  min-block-size:58px;
  box-sizing:border-box;
  border:0;
  background:transparent;
  color:inherit;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 16px;
  font:inherit;
  font-size:15px;
  font-weight:600;
  line-height:1.35;
  text-align:right;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.product-page .sarmad-v83-size-option + .sarmad-v83-size-option{
  border-top:1px solid rgba(255,255,255,.09);
}
.product-page .sarmad-v83-size-option:hover,
.product-page .sarmad-v83-size-option:focus-visible{
  outline:none;
  background:rgba(109,151,226,.12);
}
.product-page .sarmad-v83-size-option.is-selected{
  background:linear-gradient(90deg,rgba(24,51,110,.80),rgba(109,151,226,.16));
}
.product-page .sarmad-v83-size-option-mark{
  inline-size:20px;
  block-size:20px;
  box-sizing:border-box;
  flex:0 0 20px;
  border:2px solid rgba(255,255,255,.62);
  border-radius:50%;
  display:grid;
  place-items:center;
}
.product-page .sarmad-v83-size-option.is-selected .sarmad-v83-size-option-mark{
  border-color:#d5b45a;
}
.product-page .sarmad-v83-size-option.is-selected .sarmad-v83-size-option-mark::after{
  content:"";
  inline-size:8px;
  block-size:8px;
  border-radius:50%;
  background:#d5b45a;
}
.product-page .sarmad-v83-size-option-label{
  flex:1 1 auto;
  min-inline-size:0;
  direction:auto;
}

:root[data-theme="light"] .product-page .sarmad-v83-size-trigger{
  background:#fff;
  color:#18336e;
  border-color:rgba(24,51,110,.22);
  box-shadow:0 5px 18px rgba(16,24,40,.06);
}
:root[data-theme="light"] .product-page .sarmad-v83-size-trigger:hover{
  border-color:rgba(24,51,110,.44);
}
:root[data-theme="light"] .product-page .sarmad-v83-size-trigger[aria-expanded="true"]{
  border-color:#c19b3c;
  box-shadow:0 0 0 3px rgba(193,155,60,.13),0 10px 28px rgba(16,24,40,.10);
}
:root[data-theme="light"] .product-page .sarmad-v83-size-trigger.is-placeholder .sarmad-v83-size-value{
  color:#68758c;
}
:root[data-theme="light"] .product-page .sarmad-v83-size-chevron{
  color:#18336e;
}
:root[data-theme="light"] .product-page .sarmad-v83-size-menu{
  background:#fff;
  color:#18336e;
  border-color:rgba(24,51,110,.13);
  box-shadow:0 20px 48px rgba(16,24,40,.14);
}
:root[data-theme="light"] .product-page .sarmad-v83-size-option + .sarmad-v83-size-option{
  border-top-color:rgba(24,51,110,.08);
}
:root[data-theme="light"] .product-page .sarmad-v83-size-option:hover,
:root[data-theme="light"] .product-page .sarmad-v83-size-option:focus-visible{
  background:rgba(109,151,226,.09);
}
:root[data-theme="light"] .product-page .sarmad-v83-size-option.is-selected{
  background:linear-gradient(90deg,rgba(109,151,226,.15),rgba(205,170,74,.07));
}
:root[data-theme="light"] .product-page .sarmad-v83-size-option-mark{
  border-color:rgba(24,51,110,.40);
}
:root[data-theme="light"] .product-page .sarmad-v83-size-option.is-selected .sarmad-v83-size-option-mark{
  border-color:#18336e;
}
:root[data-theme="light"] .product-page .sarmad-v83-size-option.is-selected .sarmad-v83-size-option-mark::after{
  background:#18336e;
}

@media (max-width:767px){
  .product-page .sarmad-v83-size-trigger{min-block-size:52px;border-radius:12px;font-size:14px;padding-inline:14px;}
  .product-page .sarmad-v83-size-menu{border-radius:16px;top:calc(100% + 7px);}
  .product-page .sarmad-v83-size-option{min-block-size:54px;font-size:14px;padding-inline:14px;}
}


/* END SOURCE /assets/sarmad-v83-size-picker-production-dom.css */

/* BEGIN SOURCE /assets/sarmad-v84-product-loading-history.css sha256=6c76c6bab892998a33d488f836f0992b3b10a739b5cf4d077406172e854e9bb8 */

/* SARMAD V84 - product loading shell only. Navigation logic is in patched core bundle. */
.product-page.product-page-loading {
  min-height: 100svh;
  width: 100%;
  background: #180b2c;
  color: #fff;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.product-page.product-page-loading .sarmad-v84-product-loading {
  min-height: 220px;
  width: min(86vw, 360px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
}
.product-page.product-page-loading .sarmad-v84-product-loading p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
  color: rgba(255,255,255,.84);
}
.product-page.product-page-loading .sarmad-v84-product-loading-spinner {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 3px solid rgba(109,151,226,.30);
  border-top-color: #cdaa4a;
  animation: sarmad-v84-spin .72s linear infinite;
}
:root[data-theme="light"] .product-page.product-page-loading {
  background: #f4f4f4;
  color: #18336e;
}
:root[data-theme="light"] .product-page.product-page-loading .sarmad-v84-product-loading p {
  color: rgba(24,51,110,.78);
}
:root[data-theme="light"] .product-page.product-page-loading .sarmad-v84-product-loading-spinner {
  border-color: rgba(24,51,110,.16);
  border-top-color: #d89a3f;
}
@keyframes sarmad-v84-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .product-page.product-page-loading .sarmad-v84-product-loading-spinner { animation-duration: 1.6s; }
}


/* END SOURCE /assets/sarmad-v84-product-loading-history.css */

/* BEGIN SOURCE /assets/sarmad-v85-size-picker-stack-fix.css sha256=82ae66e14e5d53aa53382d626979f991f9d3dba3c223cb1ba621fa4f8ecd9002 */

/* SARMAD V85 - isolate V83 size picker above subsequent product fields */
.product-page .product-options{
  overflow:visible !important;
}

.product-page label.product-field[data-sarmad-v83-size-field="1"]{
  position:relative !important;
  z-index:80 !important;
  isolation:isolate !important;
  overflow:visible !important;
}

/* Keep the original React-controlled select as the source of truth, but never let native UI bleed through. */
.product-page label.product-field[data-sarmad-v83-size-field="1"] > select[data-sarmad-v83-size-select="1"]{
  position:absolute !important;
  inline-size:1px !important;
  block-size:1px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.product-page label.product-field[data-sarmad-v83-size-field="1"] > .sarmad-v83-size-picker{
  position:relative !important;
  z-index:90 !important;
  overflow:visible !important;
}

.product-page label.product-field[data-sarmad-v83-size-field="1"] .sarmad-v83-size-menu{
  z-index:9999 !important;
  overflow:hidden !important;
}

/* Subsequent labels must never paint above the open size menu. */
.product-page label.product-field[data-sarmad-v83-size-field="1"] ~ .product-field,
.product-page label.product-field[data-sarmad-v83-size-field="1"] ~ .quantity-row,
.product-page label.product-field[data-sarmad-v83-size-field="1"] ~ .custom-upload{
  position:relative;
  z-index:auto !important;
}


/* END SOURCE /assets/sarmad-v85-size-picker-stack-fix.css */

/* BEGIN SOURCE /assets/sarmad-v86-shopping-cart-design-match.css sha256=a800e534cbee7a261d708af0138be497db2ad16991991e992a8dbbe7338c501d */

/*
 * SARMAD V86 - Shopping cart visual match
 * Scope: shopping-cart / empty-cart presentation only.
 * Existing cart state, events, totals, coupon, navigation and checkout logic remain untouched.
 */

/* ---------- Exact user-supplied empty-cart bag artwork ---------- */
.empty-cart-code-artboard .empty-cart-bag-icon {
  width: 80px !important;
  height: 80px !important;
  flex: 0 0 80px !important;
  color: transparent !important;
  background: url('/assets/sarmad-v86-empty-cart-bag-dark.png') center / contain no-repeat !important;
}
.empty-cart-code-artboard .empty-cart-bag-icon path {
  opacity: 0 !important;
  stroke: transparent !important;
}
:root[data-theme="light"] .empty-cart-code-artboard .empty-cart-bag-icon {
  background-image: url('/assets/sarmad-v86-empty-cart-bag-light.png') !important;
}

/* ---------- Cart payment preview (informational only) ---------- */
.shopping-cart-flow .cart-payment-preview {
  box-sizing: border-box;
  color: #fff;
  background: #18336E;
  border: 0;
  border-radius: 8px;
  padding: 26px 18px 24px;
}
:root[data-theme="light"] .shopping-cart-flow .cart-payment-preview {
  color: #18336E;
  background: #fff;
}
.shopping-cart-flow .cart-payment-preview-heading {
  display: grid;
  place-items: center;
  gap: 7px;
  margin-bottom: 22px;
  text-align: center;
}
.shopping-cart-flow .cart-payment-preview-money {
  width: 26px;
  height: 26px;
  color: #CDAA4A;
  display: grid;
  place-items: center;
}
.shopping-cart-flow .cart-payment-preview-money svg {
  width: 24px;
  height: 24px;
  display: block;
}
.shopping-cart-flow .cart-payment-preview h2 {
  margin: 0;
  color: inherit;
  font-family: var(--sarmad-font, var(--arabic-font));
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
}
.shopping-cart-flow .cart-payment-bank-grid {
  width: min(280px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-items: center;
  align-items: center;
  gap: 12px 10px;
  direction: rtl;
}
.shopping-cart-flow .cart-payment-bank-card {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  isolation: isolate;
  background: #6D97E2;
  box-shadow: none;
}
:root[data-theme="light"] .shopping-cart-flow .cart-payment-bank-card {
  background: #18336E;
}
.shopping-cart-flow .cart-payment-bank-art {
  pointer-events: none;
  user-select: none;
  position: absolute;
  max-width: none !important;
  display: block;
}
.shopping-cart-flow .cart-payment-bank-art-light { display: none; }
.shopping-cart-flow .cart-payment-bank-art-dark { display: block; }
:root[data-theme="light"] .shopping-cart-flow .cart-payment-bank-art-light { display: block; }
:root[data-theme="light"] .shopping-cart-flow .cart-payment-bank-art-dark { display: none; }

@media (min-width: 901px) {
  .shopping-cart-flow .cart-payment-preview {
    grid-column: 2;
    width: 350px;
  }
}

/* ---------- Mobile cart: match the 414px supplied design ---------- */
@media (max-width: 767px) {
  .shopping-cart-flow {
    background: #180B2C !important;
    color: #fff !important;
  }
  :root[data-theme="light"] .shopping-cart-flow {
    background: #F4F4F4 !important;
    color: #180B2C !important;
  }

  .shopping-cart-flow .shopping-cart-content {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 414px !important;
    margin: 112px auto 56px !important;
    padding: 0 23px !important;
  }

  .shopping-cart-flow .cart-title-row {
    min-height: 26px !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
  }
  .shopping-cart-flow .cart-title-row h1 {
    margin: 0 !important;
    color: inherit !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    text-align: right !important;
  }
  .shopping-cart-flow .cart-title-row p {
    display: none !important;
  }
  .shopping-cart-flow .cart-clear {
    min-height: 30px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(253,50,50,.42) !important;
    border-radius: 8px !important;
    color: #FD3232 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }

  .shopping-cart-flow .cart-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .shopping-cart-flow .cart-lines {
    display: grid !important;
    gap: 14px !important;
  }

  .shopping-cart-flow .cart-line {
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 390px !important;
    gap: 0 !important;
    padding: 14px 17px 20px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #18336E !important;
    color: #fff !important;
    box-shadow: none !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-line {
    background: #FBFBFB !important;
    color: #180B2C !important;
  }

  .shopping-cart-flow .cart-remove {
    position: absolute !important;
    z-index: 4 !important;
    top: 16px !important;
    left: 12px !important;
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #FD3232 !important;
  }
  .shopping-cart-flow .cart-remove svg {
    width: 24px !important;
    height: 24px !important;
  }

  .shopping-cart-flow .cart-product {
    order: 1 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 106px !important;
    padding: 0 38px 0 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    text-align: right !important;
  }
  .shopping-cart-flow .cart-product img {
    order: 0 !important;
    flex: 0 0 100px !important;
    width: 100px !important;
    height: 100px !important;
    border-radius: 4px !important;
    object-fit: cover !important;
    background: #fff !important;
  }
  .shopping-cart-flow .cart-product span {
    min-width: 0 !important;
    flex: 1 !important;
    padding-top: 10px !important;
    display: grid !important;
    gap: 16px !important;
  }
  .shopping-cart-flow .cart-product strong {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-product strong {
    color: #180B2C !important;
  }
  .shopping-cart-flow .cart-product small {
    color: #6D97E2 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-product small {
    color: #18336E !important;
  }

  .shopping-cart-flow .cart-line-footer {
    order: 2 !important;
    width: 100% !important;
    margin: 22px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px 14px !important;
  }
  .shopping-cart-flow .cart-quantity {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-inline-start: auto !important;
  }
  .shopping-cart-flow .cart-quantity button,
  .shopping-cart-flow .cart-quantity output {
    box-sizing: border-box !important;
    width: 26px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }
  .shopping-cart-flow .cart-quantity button {
    color: #CDAA4A !important;
    background: #F4F4F4 !important;
  }
  .shopping-cart-flow .cart-quantity output {
    width: 28px !important;
    color: #fff !important;
    background: transparent !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-quantity button {
    background: #E9E6E1 !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-quantity output {
    color: #3D3D3D !important;
  }
  .shopping-cart-flow .cart-line-footer > strong {
    margin: 0 !important;
    color: #CDAA4A !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
  }
  .shopping-cart-flow .cart-line-footer > strong::before {
    content: "المجموع: ";
  }
  .shopping-cart-flow .cart-edit-link {
    order: 3 !important;
    width: 100% !important;
    min-height: 38px !important;
    margin-top: 4px !important;
    padding: 0 10px !important;
    color: #6D97E2 !important;
    background: transparent !important;
    border: 1px solid #6D97E2 !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-edit-link {
    color: #18336E !important;
    border-color: #18336E !important;
  }

  /* Existing readonly customization stays in the cart, but is presented like the supplied fields. */
  .shopping-cart-flow .cart-readonly-options {
    order: 3 !important;
    width: 100% !important;
    margin-top: 18px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
  .shopping-cart-flow .cart-readonly-options span {
    box-sizing: border-box !important;
    min-height: 40px !important;
    padding: 10px 12px !important;
    border: 1px solid #EAEAEA !important;
    border-radius: 3px !important;
    background: #E1ECFF !important;
    color: #18336E !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    font-size: 12px !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-readonly-options span {
    background: #fff !important;
  }
  .shopping-cart-flow .cart-readonly-options b {
    margin: 0 !important;
    font-weight: 600 !important;
  }

  .shopping-cart-flow .cart-summary {
    box-sizing: border-box !important;
    position: static !important;
    width: 100% !important;
    padding: 26px 20px 22px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #18336E !important;
    color: #fff !important;
    box-shadow: none !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-summary {
    background: #fff !important;
    color: #3D3D3D !important;
  }
  .shopping-cart-flow .cart-summary h2 {
    margin: 0 0 22px !important;
    color: inherit !important;
    font-size: 20px !important;
    line-height: 25px !important;
    font-weight: 700 !important;
    text-align: right !important;
  }
  .shopping-cart-flow .cart-summary label {
    margin: 0 0 8px !important;
    color: inherit !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
  }
  .shopping-cart-flow .cart-coupon {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 102px !important;
    gap: 0 !important;
    direction: rtl !important;
  }
  .shopping-cart-flow .cart-coupon input {
    box-sizing: border-box !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    color: #fff !important;
    background: transparent !important;
    border: 1px solid #6D97E2 !important;
    border-radius: 0 3px 3px 0 !important;
    font-size: 14px !important;
  }
  .shopping-cart-flow .cart-coupon input::placeholder {
    color: #A5A5A5 !important;
    opacity: 1 !important;
  }
  .shopping-cart-flow .cart-coupon button {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 3px 0 0 3px !important;
    background: #6D97E2 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-coupon input {
    color: #18336E !important;
    border-color: #18336E !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-coupon button {
    background: #18336E !important;
  }

  .shopping-cart-flow .cart-summary dl {
    margin: 24px 0 18px !important;
  }
  .shopping-cart-flow .cart-summary dl div {
    min-height: 42px !important;
    padding: 8px 0 !important;
    border: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    font-size: 16px !important;
  }
  .shopping-cart-flow .cart-summary dd {
    margin: 0 !important;
    font-weight: 700 !important;
  }
  .shopping-cart-flow .cart-grand-total {
    margin-top: 8px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    color: #CDAA4A !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-grand-total {
    border-top-color: rgba(24,51,110,.08) !important;
  }
  .shopping-cart-flow .cart-summary > p {
    margin: 0 0 16px !important;
    color: #E1ECFF !important;
    opacity: .76 !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-summary > p {
    color: #757575 !important;
  }
  .shopping-cart-flow .cart-checkout {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 3px !important;
    color: #fff !important;
    background: #6D97E2 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }
  :root[data-theme="light"] .shopping-cart-flow .cart-checkout {
    background: #18336E !important;
  }

  .shopping-cart-flow .cart-payment-preview {
    width: 100% !important;
    min-height: 360px !important;
    margin: 0 !important;
  }

  /* ---------- Empty cart precise mobile proportions ---------- */
  .empty-cart-artboard-mobile .empty-cart-message {
    box-sizing: border-box !important;
    width: 414px !important;
    min-height: 237px !important;
    top: 181px !important;
    left: 0 !important;
  }
  .empty-cart-artboard-mobile .empty-cart-bag-icon {
    width: 80px !important;
    height: 80px !important;
    margin: 0 0 12px !important;
  }
  .empty-cart-artboard-mobile .empty-cart-message h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
  }
  .empty-cart-artboard-mobile .empty-cart-message p {
    width: 215px !important;
    margin: 12px 0 0 !important;
    color: #E1ECFF !important;
    opacity: 1 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
  }
  .empty-cart-artboard-mobile .empty-cart-message button {
    width: 135px !important;
    height: 56px !important;
    margin: 27px 0 0 !important;
    border-radius: 16px !important;
    background: #6D97E2 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
  }
  :root[data-theme="light"] .empty-cart-artboard-mobile .empty-cart-message {
    top: 201px !important;
  }
  :root[data-theme="light"] .empty-cart-artboard-mobile .empty-cart-message h1 {
    color: #180B2C !important;
  }
  :root[data-theme="light"] .empty-cart-artboard-mobile .empty-cart-message p {
    width: 275px !important;
    color: #18336E !important;
    font-size: 20px !important;
    line-height: 25px !important;
    font-weight: 700 !important;
  }
  :root[data-theme="light"] .empty-cart-artboard-mobile .empty-cart-message button {
    width: 200px !important;
    height: 50px !important;
    margin-top: 27px !important;
    background: #18336E !important;
    font-size: 20px !important;
    line-height: 25px !important;
  }
}


/* END SOURCE /assets/sarmad-v86-shopping-cart-design-match.css */

/* BEGIN SOURCE /assets/sarmad-v88-cart-footer-coupon-delete-fix.css sha256=34a509566a5227362995c2928af1e35cdbf164a7dea6af251ada57579b4928a8 */

/*
 * SARMAD V88
 * Narrow scope: shopping cart presentation only.
 * - cart footer matches V75 /products + product-details mobile footer geometry
 * - coupon has one integrated theme border without gold focus halo
 * - delete icon gets dedicated space, no title collision
 */

@media (max-width: 767px) {
  /* ---------- Delete icon/title collision ---------- */
  .shopping-cart-flow .cart-line .cart-product {
    box-sizing: border-box !important;
    padding: 0 0 0 46px !important;
  }

  .shopping-cart-flow .cart-line .cart-product span {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .shopping-cart-flow .cart-line .cart-product strong {
    max-width: 100% !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .shopping-cart-flow .cart-line .cart-remove {
    top: 16px !important;
    left: 16px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    z-index: 6 !important;
  }

  .shopping-cart-flow .cart-line .cart-remove svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    flex: 0 0 auto !important;
  }

  /* ---------- Coupon: one integrated border ---------- */
  .shopping-cart-flow .cart-summary .cart-coupon {
    box-sizing: border-box !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 102px !important;
    gap: 0 !important;
    direction: rtl !important;
    border: 1px solid #6D97E2 !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  :root[data-theme="light"] .shopping-cart-flow .cart-summary .cart-coupon {
    border-color: #18336E !important;
  }

  .shopping-cart-flow .cart-summary .cart-coupon:focus,
  .shopping-cart-flow .cart-summary .cart-coupon:focus-visible,
  .shopping-cart-flow .cart-summary .cart-coupon:focus-within {
    outline: 0 !important;
    box-shadow: none !important;
  }

  .shopping-cart-flow .cart-summary .cart-coupon input {
    box-sizing: border-box !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  .shopping-cart-flow .cart-summary .cart-coupon input:focus,
  .shopping-cart-flow .cart-summary .cart-coupon input:focus-visible,
  .shopping-cart-flow .cart-summary .cart-coupon input:active {
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .shopping-cart-flow .cart-summary .cart-coupon button {
    box-sizing: border-box !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .shopping-cart-flow .cart-summary .cart-coupon button:focus,
  .shopping-cart-flow .cart-summary .cart-coupon button:focus-visible,
  .shopping-cart-flow .cart-summary .cart-coupon button:active {
    outline: 0 !important;
    box-shadow: none !important;
  }

  /* ---------- Cart footer = V75 /products & product-details geometry ---------- */
  .sarmad-v88-cart-footer.sarmad-footer-mobile {
    box-sizing: border-box !important;
    width: 414px !important;
    max-width: none !important;
    height: 788px !important;
    min-height: 788px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: 0 !important;
    right: auto !important;
    overflow: hidden !important;
    transform: none !important;
    transform-origin: top left !important;
    zoom: var(--sarmad-v88-cart-footer-scale, 1) !important;
  }

  .sarmad-v88-cart-footer.sarmad-footer-mobile .sarmad-footer-logo {
    width: 187px !important;
    height: 64px !important;
    top: 58px !important;
    left: auto !important;
    right: 24px !important;
    transform: none !important;
  }

  .sarmad-v88-cart-footer.sarmad-footer-mobile .sarmad-footer-description {
    width: 383px !important;
    height: 48px !important;
    top: 176px !important;
    left: auto !important;
    right: 16px !important;
    transform: none !important;
  }

  .sarmad-v88-cart-footer.sarmad-footer-mobile .sarmad-footer-socials {
    width: 126px !important;
    height: 25px !important;
    top: 246px !important;
    left: auto !important;
    right: 31px !important;
    transform: none !important;
  }

  .sarmad-v88-cart-footer.sarmad-footer-mobile .sarmad-footer-quick {
    width: 113px !important;
    height: 175px !important;
    top: 327px !important;
    left: auto !important;
    right: 45px !important;
  }

  .sarmad-v88-cart-footer.sarmad-footer-mobile .sarmad-footer-contact {
    width: 175px !important;
    height: 145px !important;
    top: 545px !important;
    left: auto !important;
    right: 37px !important;
    overflow: visible !important;
  }

  .sarmad-v88-cart-footer.sarmad-footer-mobile .sarmad-footer-rule {
    width: 364px !important;
    height: 1px !important;
    top: 722px !important;
    left: 23px !important;
    right: auto !important;
    transform: none !important;
  }

  .sarmad-v88-cart-footer.sarmad-footer-mobile .sarmad-footer-copy {
    width: 223px !important;
    height: 17px !important;
    top: 743px !important;
    left: calc(50% - 110px) !important;
    right: auto !important;
    transform: none !important;
  }
}


/* END SOURCE /assets/sarmad-v88-cart-footer-coupon-delete-fix.css */

/* BEGIN SOURCE /assets/sarmad-v92-customer-ui.css sha256=99b9155e1dbd0a5b0eece5846f1be1eb67e3a8e283f0e07498c44b5b041ae068 */

/* SARMAD V92 - customer UI refinements: instant home background + themed size guide */

/* Replace multi-megabyte SVG stage backgrounds with visually equivalent optimized WebP assets. */
.home-code-mobile .home-stage{
  background-color:#112144!important;
  background-image:url(/assets/sarmad-v92-home-mobile-dark.webp)!important;
  background-position:0 0!important;
  background-repeat:no-repeat!important;
  background-size:414px 4533px!important;
}
:root[data-theme="light"] .home-code-mobile .home-stage{
  background-color:#f4f4f4!important;
  background-image:url(/assets/sarmad-v92-home-mobile-light.webp)!important;
  background-position:0 0!important;
  background-repeat:no-repeat!important;
  background-size:414px 4533px!important;
}
.home-code-desktop .home-stage{
  background-color:#112144!important;
  background-image:url(/assets/sarmad-v92-home-desktop-dark.webp)!important;
  background-position:0 0!important;
  background-repeat:no-repeat!important;
  background-size:1440px 3953px!important;
}
:root[data-theme="light"] .home-code-desktop .home-stage{
  background-color:#f4f4f4!important;
  background-image:url(/assets/sarmad-v92-home-desktop-light.webp)!important;
  background-position:0 0!important;
  background-repeat:no-repeat!important;
  background-size:1440px 3953px!important;
}

/* Lab-coat size guide: on-page dialog, never a PDF/download. */
.product-page .size-guide-link{
  min-height:44px!important;
  border:1px solid rgba(109,151,226,.9)!important;
  border-radius:14px!important;
  background:rgba(24,51,110,.22)!important;
  color:#e1ecff!important;
  padding:0 18px!important;
  font:700 15px/1.2 "Thmanyah Sans",Tahoma,Arial,sans-serif!important;
  cursor:pointer!important;
}
:root[data-theme="light"] .product-page .size-guide-link{
  background:#fff!important;
  color:#18336e!important;
  border-color:rgba(24,51,110,.35)!important;
}
.product-page .size-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:100050!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(6,8,18,.72)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.product-page .size-modal{
  box-sizing:border-box!important;
  position:relative!important;
  width:min(760px,calc(100vw - 28px))!important;
  max-height:min(82vh,760px)!important;
  overflow:auto!important;
  border:1px solid rgba(109,151,226,.40)!important;
  border-radius:22px!important;
  background:#132746!important;
  color:#fff!important;
  padding:24px 18px 20px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48)!important;
  font-family:"Thmanyah Sans",Tahoma,Arial,sans-serif!important;
  direction:rtl!important;
}
:root[data-theme="light"] .product-page .size-modal{
  background:#fff!important;
  color:#180b2c!important;
  border-color:rgba(24,51,110,.14)!important;
  box-shadow:0 28px 70px rgba(24,51,110,.18)!important;
}
.product-page .size-modal .modal-close{
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  width:36px!important;
  height:36px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.10)!important;
  color:currentColor!important;
  font-size:25px!important;
  line-height:34px!important;
  cursor:pointer!important;
}
:root[data-theme="light"] .product-page .size-modal .modal-close{background:#eef3fb!important;color:#18336e!important}
.product-page .size-modal h2{
  margin:0 42px 18px!important;
  color:inherit!important;
  text-align:center!important;
  font-size:22px!important;
  line-height:1.5!important;
  font-weight:800!important;
}
.product-page .guide-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  max-width:330px!important;
  margin:0 auto 18px!important;
  padding:4px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.08)!important;
}
:root[data-theme="light"] .product-page .guide-tabs{background:#eef3fb!important}
.product-page .guide-tabs button{
  min-height:40px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:inherit!important;
  font:700 14px/1 "Thmanyah Sans",Tahoma,Arial,sans-serif!important;
}
.product-page .guide-tabs button.active{
  background:#6d97e2!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(0,0,0,.18)!important;
}
:root[data-theme="light"] .product-page .guide-tabs button.active{background:#18336e!important;color:#fff!important}
.product-page .size-table-scroll{
  width:100%!important;
  overflow-x:auto!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  -webkit-overflow-scrolling:touch!important;
}
:root[data-theme="light"] .product-page .size-table-scroll{border-color:rgba(24,51,110,.12)!important}
.product-page .size-table-scroll table{
  width:100%!important;
  min-width:650px!important;
  border-collapse:collapse!important;
  background:transparent!important;
  color:inherit!important;
  font-size:13px!important;
}
.product-page .size-table-scroll th,
.product-page .size-table-scroll td{
  min-width:70px!important;
  height:44px!important;
  padding:8px 10px!important;
  text-align:center!important;
  white-space:nowrap!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  border-inline-start:1px solid rgba(255,255,255,.08)!important;
}
.product-page .size-table-scroll th{
  background:rgba(109,151,226,.20)!important;
  color:#e1ecff!important;
  font-weight:800!important;
}
.product-page .size-table-scroll td:first-child{color:#cdaa4a!important;font-weight:800!important}
:root[data-theme="light"] .product-page .size-table-scroll th,
:root[data-theme="light"] .product-page .size-table-scroll td{
  border-color:rgba(24,51,110,.10)!important;
}
:root[data-theme="light"] .product-page .size-table-scroll th{background:#e1ecff!important;color:#18336e!important}
.product-page .size-modal ul{
  margin:18px 0 0!important;
  padding:0 20px 0 0!important;
  color:#e1ecff!important;
  font-size:13px!important;
  line-height:1.8!important;
}
:root[data-theme="light"] .product-page .size-modal ul{color:#46536d!important}
@media (max-width:767px){
  .product-page .size-modal-backdrop{padding:10px!important;align-items:flex-end!important}
  .product-page .size-modal{width:100%!important;max-height:86vh!important;border-radius:22px 22px 14px 14px!important;padding:22px 12px 16px!important}
  .product-page .size-modal h2{font-size:19px!important;margin-bottom:14px!important}
  .product-page .size-table-scroll table{min-width:620px!important;font-size:12px!important}
}


/* END SOURCE /assets/sarmad-v92-customer-ui.css */