/* F5R CART + CHECKOUT — نفس سلة ودفع سند (commerce.css + SANAD CART/CHECKOUT)، بأسماء فخر وألوانه الزرقا. */
/* Cart and native checkout visual source of truth. */

/* Cart: native form and totals, presented as two compact columns. */
.woocommerce-cart { padding-bottom: 44px; }
.woocommerce-cart .f5r-entry-title { display: none; }
.woocommerce-cart :is(.f5r-content-narrow, .f5r-container) { width: min(1240px, calc(100% - 30px)); }
.f5r-cart-page-heading { margin: 8px 0 26px; padding: clamp(20px, 3vw, 30px); border: 1px solid var(--f5r-border); border-radius: calc(var(--f5r-radius) + 2px); background: var(--f5r-surface); }
.f5r-cart-page-heading h1 { margin: 0 0 8px; color: var(--f5r-text); font-size: clamp(27px, 4vw, 40px); }
.f5r-cart-page-heading h1 small { color: var(--f5r-muted); font-size: .5em; }
.f5r-cart-page-heading nav { display: flex; align-items: center; gap: 9px; color: var(--f5r-muted); }
.f5r-cart-page-heading nav a { color: var(--f5r-text); }

.woocommerce-cart .woocommerce { position: relative; }
.woocommerce-cart form.woocommerce-cart-form { width: calc(100% - 370px); }
.woocommerce-cart table.shop_table { overflow: hidden; border: 1px solid var(--f5r-border); border-radius: var(--f5r-radius); background: var(--f5r-surface); box-shadow: var(--f5r-shadow); }
.woocommerce-cart table.shop_table :is(th, td) { padding: 16px; border-color: var(--f5r-border); }
.woocommerce-cart table.shop_table th { color: var(--f5r-muted); font-size: 12px; }
.woocommerce-cart table.shop_table .product-thumbnail img { width: 88px; border: 1px solid var(--f5r-border); border-radius: 12px; }
.woocommerce-cart table.shop_table .product-name a { color: var(--f5r-text); font-weight: 800; }
.woocommerce-cart table.shop_table :is(.product-price, .product-subtotal) { color: var(--f5r-primary-light); font-weight: 900; }
.woocommerce-cart a.remove { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid color-mix(in srgb, var(--f5r-danger) 35%, var(--f5r-border)); color: var(--f5r-danger) !important; background: color-mix(in srgb, var(--f5r-danger) 8%, var(--f5r-surface)); font-size: 22px; }
.woocommerce-cart a.remove:hover { color: var(--f5r-on-danger) !important; background: var(--f5r-danger); }

.woocommerce-cart .f5r-cart-quantity { display: grid; grid-template-columns: 40px 54px 40px; align-items: center; width: max-content; height: 42px; overflow: hidden; border: 1px solid var(--f5r-border); border-radius: 10px; background: var(--f5r-surface-2); }
.woocommerce-cart .f5r-cart-quantity input.qty { width: 54px; height: 40px; padding: 0; border: 0; color: var(--f5r-text); background: transparent; text-align: center; -moz-appearance: textfield; }
.woocommerce-cart .f5r-cart-quantity input.qty::-webkit-inner-spin-button,
.woocommerce-cart .f5r-cart-quantity input.qty::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
.f5r-cart-quantity__button { display: grid; width: 40px; height: 40px; padding: 0; place-items: center; border: 0; color: var(--f5r-text); background: transparent; font-size: 24px; cursor: pointer; }
.f5r-cart-quantity__button:hover { color: var(--f5r-primary-light); background: color-mix(in srgb, var(--f5r-primary) 12%, var(--f5r-surface-2)); }

.woocommerce-cart .coupon { display: grid; grid-template-columns: minmax(170px, 1fr) auto; gap: 8px; }
.woocommerce-cart .coupon .input-text { width: 100% !important; min-height: 46px; border: 1px solid var(--f5r-border); border-radius: 10px; color: var(--f5r-text); background: var(--f5r-surface-2); }
.woocommerce-cart :is(.coupon button, button[name="update_cart"]) { min-height: 46px; color: var(--f5r-on-primary); background: var(--f5r-primary); }

.woocommerce-cart .cart-collaterals { position: absolute; top: 0; left: 0; width: 340px; }
.woocommerce-cart .cart-collaterals .cart_totals { position: sticky; top: 120px; width: 100%; padding: 22px; border: 1px solid var(--f5r-border); border-radius: var(--f5r-radius); background: var(--f5r-surface); box-shadow: var(--f5r-shadow); }
.woocommerce-cart .cart-collaterals .cart_totals h2 { margin-top: 0; color: var(--f5r-text); }
.woocommerce-cart .cart_totals table { border: 0; background: transparent; box-shadow: none; }
.woocommerce-cart .cart_totals :is(th, td) { border-color: var(--f5r-border); color: var(--f5r-text); }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { min-height: 52px; margin-bottom: 0; color: var(--f5r-on-primary); background: var(--f5r-primary); }
.woocommerce-cart .cross-sells { width: calc(100% - 370px); margin: 26px 0; padding: 22px; border: 1px solid var(--f5r-border); border-radius: var(--f5r-radius); background: var(--f5r-surface); }
.woocommerce-cart .cross-sells > h2 { margin-top: 0; color: var(--f5r-text); }
.woocommerce-cart .cross-sells ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.woocommerce-cart :is(.cart-empty, .woocommerce-info:only-child) { padding: 24px; border: 1px solid var(--f5r-border); border-radius: var(--f5r-radius); color: var(--f5r-text); background: var(--f5r-surface); text-align: center; }
.woocommerce-cart .return-to-shop { text-align: center; }

.f5r-mobile-cart-bar { position: fixed; z-index: 2100; right: 0; bottom: 0; left: 0; display: none; grid-template-columns: minmax(0, 1fr) minmax(230px, .7fr); align-items: center; gap: 16px; padding: 12px max(18px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left)); border-top: 1px solid var(--f5r-border); color: var(--f5r-text); background: color-mix(in srgb, var(--f5r-surface) 95%, transparent); box-shadow: 0 -14px 36px color-mix(in srgb, var(--f5r-text) 10%, transparent); backdrop-filter: blur(18px); }
.f5r-mobile-cart-bar > span { display: flex; align-items: center; gap: 8px; }
.f5r-mobile-cart-bar > span small { color: var(--f5r-muted); }
.f5r-mobile-cart-bar > span strong { color: var(--f5r-primary-light); font-size: 19px; }
.f5r-mobile-cart-bar > a { display: grid; min-height: 50px; place-items: center; border-radius: 11px; color: var(--f5r-on-primary); background: var(--f5r-primary); font-weight: 900; }

/* Checkout: only visual integration; native fields, radios and submit stay intact. */
.woocommerce-checkout { background: var(--f5r-background, var(--f5r-bg)); }
.woocommerce-checkout .f5r-content-narrow { width: min(1180px, calc(100% - 30px)); }
.woocommerce-checkout .f5r-entry-title { margin-bottom: 22px; color: var(--f5r-text); }
.woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr); column-gap: 22px; row-gap: 0; align-items: start; }
.woocommerce-checkout form.checkout > :is(.col2-set, #customer_details) { grid-column: 1; grid-row: 3 / span 3; }
.woocommerce-checkout form.checkout > .f5r-coupon { grid-column: 1 / -1; grid-row: 6; }
.woocommerce-checkout form.checkout > #order_review_heading { grid-column: 2; grid-row: 3; margin: 0; padding: 20px 22px 0; border: 1px solid var(--f5r-border); border-bottom: 0; border-radius: var(--f5r-radius) var(--f5r-radius) 0 0; color: var(--f5r-text); background: var(--f5r-surface); }
.woocommerce-checkout form.checkout > #order_review { grid-column: 2; grid-row: 4 / span 2; margin-top: 0; padding: 20px 22px 22px; border: 1px solid var(--f5r-border); border-top: 0; border-radius: 0 0 var(--f5r-radius) var(--f5r-radius); background: var(--f5r-surface); box-shadow: var(--f5r-shadow); }
/* ---------------------------------------------------------------------
   Express checkout wallets (Apple Pay / Google Pay / Link).
   Rows 1-2 hold the wallet row and its separator across BOTH columns; the
   billing/order columns start at row 3. `row-gap: 0` is what makes this safe
   when no wallet is available: the gateway hides both elements, they drop out
   of grid placement entirely, and rows 1-2 collapse without leaving a gap.
--------------------------------------------------------------------- */
.woocommerce-checkout form.checkout > #wc-stripe-express-checkout-element {
  grid-column: 1 / -1;
  grid-row: 1;
  margin: 0 0 20px !important;
}
.woocommerce-checkout form.checkout > #wc-stripe-express-checkout-button-separator {
  grid-column: 1 / -1;
  grid-row: 2;
  margin: 0 0 22px;
  color: var(--f5r-text-secondary, var(--f5r-muted));
  text-align: center;
}

/* Digital-product stores turn shipping off, which leaves `.col-2` holding two
   empty wrappers that still paint as cards and eat half the column. Collapse it
   and let the billing fields use the full width — only while it is truly empty,
   so stores that DO ship keep the two-column form. */
.woocommerce-checkout #customer_details > .col-2:not(:has(.form-row, h3, input, select, textarea)) {
  display: none;
}
.woocommerce-checkout #customer_details:not(:has(.col-2 .form-row, .col-2 h3, .col-2 input, .col-2 select, .col-2 textarea)) > .col-1 {
  width: 100%;
  float: none;
}

.woocommerce-checkout :is(.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields) { padding: 22px; border: 1px solid var(--f5r-border); border-radius: var(--f5r-radius); background: var(--f5r-surface); box-shadow: var(--f5r-shadow); }
.woocommerce-checkout :is(.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields) h3 { margin-top: 0; color: var(--f5r-text); }

.woocommerce-checkout form .form-row label { color: var(--f5r-text); font-weight: 700; }
.woocommerce-checkout form .form-row :is(input.input-text, textarea, select, .select2-selection) { min-height: 48px; border: 1px solid var(--f5r-border); border-radius: 10px; color: var(--f5r-text); background: var(--f5r-surface-2); }
.woocommerce-checkout form .form-row :is(input.input-text, textarea, select):focus { border-color: var(--f5r-primary); outline: 2px solid color-mix(in srgb, var(--f5r-primary) 25%, transparent); outline-offset: 1px; }
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--f5r-text); line-height: 46px; }

.woocommerce-checkout #order_review table { border: 0; color: var(--f5r-text); background: transparent; box-shadow: none; }
.woocommerce-checkout #order_review table :is(th, td) { border-color: var(--f5r-border); color: var(--f5r-text); }
.woocommerce-checkout #order_review .order-total :is(th, td) { color: var(--f5r-primary-light); font-size: 17px; }
.woocommerce-checkout #payment { overflow: visible; margin-top: 18px; border: 1px solid var(--f5r-border); border-radius: var(--f5r-radius); color: var(--f5r-text); background: var(--f5r-surface-2); }
.woocommerce-checkout #payment::before { display: block; padding: 17px 18px 7px; color: var(--f5r-text); content: "طريقة الدفع"; font-size: 20px; font-weight: 900; }

.woocommerce-checkout #payment ul.payment_methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; padding: 13px; border: 0; }
.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method { position: relative; min-width: 0; margin: 0; padding: 0; border: 1px solid var(--f5r-border); border-radius: 11px; background: var(--f5r-surface); transition: border-color .2s ease, box-shadow .2s ease; }
.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method.is-selected { grid-column: 1 / -1; border-color: var(--f5r-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--f5r-primary) 18%, transparent); }
.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > input.input-radio { position: absolute; z-index: 2; top: 19px; left: 15px; width: 21px; height: 21px; accent-color: var(--f5r-primary); }
.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label { display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 11px; margin: 0; padding: 12px 46px 12px 14px; color: var(--f5r-text); cursor: pointer; font-weight: 800; }
.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label img { width: auto; max-width: 132px; max-height: 38px; margin: 0; object-fit: contain; }
.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method:focus-within { border-color: var(--f5r-primary); outline: 2px solid color-mix(in srgb, var(--f5r-primary) 20%, transparent); outline-offset: 2px; }
.woocommerce-checkout #payment div.payment_box { width: auto; margin: 0 11px 11px; padding: 15px; border: 1px solid var(--f5r-border); border-radius: 10px; color: var(--f5r-text); background: var(--f5r-surface-2); }
.woocommerce-checkout #payment div.payment_box::before { display: none; }
.woocommerce-checkout #payment div.payment_box :is(input, select, textarea) { min-height: 46px; border: 1px solid var(--f5r-border); border-radius: 9px; color: var(--f5r-text); background: var(--f5r-surface); }
.woocommerce-checkout #payment div.payment_box iframe { max-width: 100%; }
.woocommerce-checkout #payment .place-order { padding: 13px; }
.woocommerce-checkout #place_order { width: 100%; min-height: 56px; border-radius: 11px; color: var(--f5r-on-primary); background: var(--f5r-primary); font-size: 16px; font-weight: 900; }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { color: var(--f5r-text-secondary, var(--f5r-muted)); line-height: 1.75; }

.woocommerce :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) { border-color: var(--f5r-border); border-radius: 11px; color: var(--f5r-text); background: var(--f5r-surface); }
.woocommerce .woocommerce-error { border-top-color: var(--f5r-danger); }
.woocommerce .woocommerce-info { border-top-color: var(--f5r-primary); }
.woocommerce .woocommerce-message { border-top-color: var(--f5r-success); }
.woocommerce-checkout .blockUI.blockOverlay { border-radius: inherit; background: var(--f5r-surface) !important; opacity: .72 !important; }
.woocommerce :is(button, .button, input.button):disabled,
.woocommerce :is(button, .button, input.button).disabled { cursor: not-allowed; opacity: .5; }
.woocommerce-cart :is(#wc-stripe-express-checkout-element, .wc-block-components-express-payment),
.woocommerce-checkout :is(#wc-stripe-express-checkout-element, .wc-block-components-express-payment) { margin-block: 14px; padding: 12px; border: 1px solid var(--f5r-border); border-radius: 12px; background: var(--f5r-surface-2); }

@media (max-width: 1000px) {
  .woocommerce-cart form.woocommerce-cart-form,
  .woocommerce-cart .cross-sells { width: 100%; }
  .woocommerce-cart .cart-collaterals { position: static; width: 100%; margin-top: 18px; }
  .woocommerce-cart .cart-collaterals .cart_totals { position: static; }
  .woocommerce-checkout form.checkout { grid-template-columns: 1fr; }
  .woocommerce-checkout form.checkout > :is(.col2-set, #customer_details, #order_review_heading, #order_review) { grid-column: 1; grid-row: auto; }
  .woocommerce-checkout form.checkout > :is(#wc-stripe-express-checkout-element, #wc-stripe-express-checkout-button-separator) { grid-column: 1; grid-row: auto; }
  .woocommerce-checkout form.checkout > :is(.col2-set, #customer_details, #order_review_heading) { margin-bottom: 22px; }
  .woocommerce-checkout form.checkout > #order_review { margin-top: -22px; }
}

@media (max-width: 720px) {
  .woocommerce-cart { padding-bottom: calc(112px + env(safe-area-inset-bottom)); }
  .woocommerce-cart :is(.f5r-content-narrow, .f5r-container) { width: min(100% - 16px, 700px); }
  .f5r-cart-page-heading { margin-bottom: 18px; padding: 19px 16px; }
  .woocommerce-cart table.shop_table_responsive { border: 0; background: transparent; box-shadow: none; }
  .woocommerce-cart table.shop_table_responsive thead { display: none; }
  .woocommerce-cart table.shop_table_responsive tbody { display: block; }
  .woocommerce-cart table.shop_table_responsive tr.woocommerce-cart-form__cart-item { position: relative; display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 9px 12px; margin-bottom: 12px; padding: 14px; border: 1px solid var(--f5r-border); border-radius: 15px; background: var(--f5r-surface); box-shadow: var(--f5r-shadow); }
  .woocommerce-cart table.shop_table_responsive tr.woocommerce-cart-form__cart-item td { display: block; width: auto; padding: 0; border: 0; text-align: right !important; }
  .woocommerce-cart table.shop_table_responsive tr.woocommerce-cart-form__cart-item td::before { display: none; }
  .woocommerce-cart .product-remove { position: absolute; z-index: 2; bottom: 14px; left: 14px; }
  .woocommerce-cart .product-thumbnail { grid-column: 1; grid-row: 1 / span 3; }
  .woocommerce-cart table.shop_table_responsive .product-thumbnail img { width: 100px; height: 100px; object-fit: cover; }
  .woocommerce-cart .product-name { grid-column: 2; grid-row: 1; padding-left: 26px !important; font-size: 15px; }
  .woocommerce-cart .product-price { grid-column: 2; grid-row: 2; }
  .woocommerce-cart .product-quantity { grid-column: 2; grid-row: 3; }
  .woocommerce-cart .product-subtotal { grid-column: 1 / -1; grid-row: 4; margin-top: 5px; padding-top: 11px !important; border-top: 1px solid var(--f5r-border) !important; }
  .woocommerce-cart table.shop_table_responsive tbody > tr:last-child { display: block; margin-top: 10px; padding: 12px; border: 1px solid var(--f5r-border); border-radius: 14px; background: var(--f5r-surface); }
  .woocommerce-cart table.shop_table_responsive td.actions { display: block; padding: 0; }
  .woocommerce-cart .coupon { grid-template-columns: 1fr; }
  .woocommerce-cart .actions button { width: 100% !important; margin-top: 7px; }
  .woocommerce-cart .cross-sells { padding: 16px 10px; }
  .woocommerce-cart .cross-sells ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f5r-mobile-cart-bar { display: grid; grid-template-columns: 1fr; gap: 7px; padding: 9px 12px calc(9px + env(safe-area-inset-bottom)); }
  .f5r-mobile-cart-bar > span { justify-content: space-between; }
  .f5r-mobile-cart-bar > span small { margin-inline-end: auto; }

  .woocommerce-checkout .f5r-content-narrow { width: min(100% - 16px, 700px); }
  .woocommerce-checkout :is(.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields) { padding: 16px; }
  .woocommerce-checkout form.checkout > #order_review_heading { padding: 16px 16px 0; }
  .woocommerce-checkout form.checkout > #order_review { padding: 16px; }
  .woocommerce-checkout #payment ul.payment_methods { grid-template-columns: 1fr; padding: 9px; }
  .woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method.is-selected { grid-column: auto; }
  .woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method > label { min-height: 60px; }
  .woocommerce-checkout #place_order { min-height: 58px; }
}

@media (max-width: 390px) {
  .woocommerce-cart table.shop_table_responsive tr.woocommerce-cart-form__cart-item { grid-template-columns: 82px minmax(0, 1fr); padding: 12px; }
  .woocommerce-cart table.shop_table_responsive .product-thumbnail img { width: 82px; height: 82px; }
  .woocommerce-cart .f5r-cart-quantity { grid-template-columns: 34px 44px 34px; }
  .woocommerce-cart .f5r-cart-quantity input.qty { width: 44px; }
  .f5r-cart-quantity__button { width: 34px; }
}

/* ---------------------------------------------------------------------
   Editable order review — the quantity stepper that replaces WooCommerce's
   static "× 2" when the cart and checkout live on one page.
--------------------------------------------------------------------- */
.woocommerce-checkout .f5r-qty-edit {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-inline-start: 8px;
  vertical-align: middle;
}
.woocommerce-checkout .f5r-qty-edit__btn,
.woocommerce-checkout .f5r-qty-edit__remove {
  display: inline-flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--f5r-border);
  border-radius: 8px;
  background: var(--f5r-bg);
  color: var(--f5r-text);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.woocommerce-checkout .f5r-qty-edit__btn:hover {
  border-color: var(--f5r-primary);
  color: var(--f5r-primary-light, var(--f5r-primary));
}
.woocommerce-checkout .f5r-qty-edit__value {
  min-width: 26px;
  color: var(--f5r-text);
  font-weight: 700;
  font-size: 14px;
  text-align: center;
}
.woocommerce-checkout .f5r-qty-edit__remove {
  margin-inline-start: 6px;
  color: var(--f5r-muted);
}
.woocommerce-checkout .f5r-qty-edit__remove:hover {
  border-color: #e5484d;
  color: #e5484d;
}
.woocommerce-checkout #order_review .product-name { line-height: 1.7; }

@media (max-width: 900px) {
  .woocommerce-checkout .f5r-qty-edit { margin-inline-start: 6px; }
  .woocommerce-checkout .f5r-qty-edit__btn,
  .woocommerce-checkout .f5r-qty-edit__remove { width: 30px; height: 30px; }
}

/* ---------------------------------------------------------------------
   Unified payment block: wallets and the card option in ONE box.
   `.f5r-pay` and `#payment` are separate elements (they have to be — see
   f5r_checkout_payment_slot), so they are drawn as two halves of a
   single card: the slot takes the top edge, #payment the bottom.
--------------------------------------------------------------------- */
/* Heading half of the wallet card. The gateway's own element is the other half
   (see below) — they are drawn as one box because the element itself must not
   be moved in the DOM. */
.woocommerce-checkout .f5r-pay {
  grid-column: 1 / -1;
  grid-row: 7;
  margin-top: 14px;
  padding: 17px 18px 0;
  border: 1px solid var(--f5r-border);
  border-bottom: 0;
  border-radius: var(--f5r-radius) var(--f5r-radius) 0 0;
  background: var(--f5r-surface-2);
}
.woocommerce-checkout .f5r-pay__title {
  margin: 0;
  color: var(--f5r-text);
  font-size: 20px;
  font-weight: 900;
}
/* NEVER hide this container. Stripe measures the express element once, when it
   mounts; mounting inside a `display: none` parent makes it report a height of
   zero and it does not re-measure when shown, so the buttons stay invisible.
   The gateway already hides its own element when no wallet is available, so an
   empty slot collapses to nothing on its own — only the spacing is class-gated. */
/* Empty: the buttons stay in their own element, one grid row below. */
.woocommerce-checkout .f5r-pay__wallets { display: none; }
/* No wallet in this browser: strip the block back to nothing WITHOUT hiding the
   mount container — the gateway's own element is already display:none there, so
   this collapses to zero height. Never put `display: none` on an ancestor of
   the wallets: a Stripe button measured inside a hidden box renders at zero
   height and does not recover when it is shown again. */
/* No wallet in this browser: collapse the heading half to nothing. Only the
   heading is affected — never the element the buttons render into. */
.woocommerce-checkout .f5r-pay:not(.has-wallets) {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.woocommerce-checkout .f5r-pay:not(.has-wallets) .f5r-pay__title { display: none; }

/* The gateway re-shows the divider itself after every mount, so inline styles
   are not enough to keep it out of the unified block. */
.woocommerce-checkout .f5r-pay + #payment ~ #wc-stripe-express-checkout-button-separator,
.woocommerce-checkout form.checkout > #wc-stripe-express-checkout-button-separator { display: none !important; }

.woocommerce-checkout form.checkout > #wc-stripe-express-checkout-element {
  grid-column: 1 / -1;
  grid-row: 8;
}
.woocommerce-checkout form.checkout > #payment { grid-column: 1 / -1; grid-row: 9; }

/* Bottom half of the wallet card: the gateway's own element, styled in place.
   Its `display` is deliberately left alone — the gateway lays the buttons out
   itself, and overriding that is one more way to end up with zero-height
   wallets. */
.woocommerce-checkout form.checkout > #wc-stripe-express-checkout-element {
  margin: 0 !important;
  padding: 13px 18px 0;
  border: 1px solid var(--f5r-border);
  border-block: 0;
  background: var(--f5r-surface-2);
}
.woocommerce-checkout .f5r-pay:not(.has-wallets) + #wc-stripe-express-checkout-element {
  padding: 0;
  border: 0;
  background: none;
}

/* Card option closes the box. */
.woocommerce-checkout form.checkout > #payment {
  margin: 0;
  border: 1px solid var(--f5r-border);
  border-top: 0;
  border-radius: 0 0 var(--f5r-radius) var(--f5r-radius);
  background: var(--f5r-surface-2);
}
.woocommerce-checkout form.checkout > #payment::before { display: none; }

/* ---------------------------------------------------------------------
   Coupon box
--------------------------------------------------------------------- */
.woocommerce-checkout .f5r-coupon {
  margin-top: 18px;
  padding: 17px 18px 18px;
  border: 1px solid var(--f5r-border);
  border-radius: var(--f5r-radius);
  background: var(--f5r-surface-2);
}
.woocommerce-checkout .f5r-coupon__label {
  display: block;
  margin-bottom: 11px;
  color: var(--f5r-text);
  font-size: 17px;
  font-weight: 800;
}
.woocommerce-checkout .f5r-coupon__row { display: flex; gap: 9px; }
.woocommerce-checkout .f5r-coupon__input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 50px;
  padding: 12px 15px;
  border: 1px solid var(--f5r-border);
  border-radius: 11px;
  background: var(--f5r-surface);
  color: var(--f5r-text);
  font: inherit;
  font-size: 15px;
}
.woocommerce-checkout .f5r-coupon__input:focus {
  outline: none;
  border-color: var(--f5r-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--f5r-primary) 20%, transparent);
}
.woocommerce-checkout .f5r-coupon__btn {
  flex: 0 0 auto;
  min-height: 50px;
  padding: 12px 22px;
  border: 0;
  border-radius: 11px;
  background: var(--f5r-primary);
  color: var(--f5r-on-primary, #fff);
  font: inherit;
  font-weight: 800;
  font-size: 15px;
  cursor: pointer;
  transition: filter .2s ease, opacity .2s ease;
}
.woocommerce-checkout .f5r-coupon__btn:hover { filter: brightness(1.08); }
.woocommerce-checkout .f5r-coupon__btn:disabled { opacity: .6; cursor: default; }
.woocommerce-checkout .f5r-coupon__msg { margin: 10px 0 0; font-size: 13.5px; line-height: 1.7; }
.woocommerce-checkout .f5r-coupon__msg:empty { display: none; }
.woocommerce-checkout .f5r-coupon__msg.is-ok { color: #2fbf71; }
.woocommerce-checkout .f5r-coupon__msg.is-error { color: #e5484d; }

/* ---------------------------------------------------------------------
   Order summary lines: thumbnail beside the product name
--------------------------------------------------------------------- */
.woocommerce-checkout #order_review .f5r-line {
  display: flex;
  align-items: center;
  gap: 11px;
}
.woocommerce-checkout #order_review .f5r-line__img {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border: 1px solid var(--f5r-border);
  border-radius: 10px;
  object-fit: cover;
  background: var(--f5r-surface);
}
.woocommerce-checkout #order_review .f5r-line__name {
  min-width: 0;
  color: var(--f5r-text);
  font-weight: 700;
  line-height: 1.55;
}
.woocommerce-checkout #order_review td.product-name { vertical-align: middle; }

/* Card option: a tile that unfolds. Scoped to `:has(> .f5r-pay)` — the slot only
   exists while the unified block is on, and the folding is driven by the script
   that same setting enables. Unscoped, turning the setting off would leave the
   card fields collapsed with nothing able to open them. */
.woocommerce-checkout form.checkout:has(> .f5r-pay) #payment ul.payment_methods > li.wc_payment_method > label::after {
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--f5r-muted);
  border-bottom: 2px solid var(--f5r-muted);
  margin-inline-start: auto;
  content: '';
  transform: rotate(45deg) translateY(-2px);
  transition: transform .25s ease, border-color .25s ease;
}
.woocommerce-checkout form.checkout:has(> .f5r-pay) #payment ul.payment_methods > li.wc_payment_method.is-open > label::after {
  border-color: var(--f5r-primary);
  transform: rotate(225deg) translateY(-2px);
}
.woocommerce-checkout form.checkout:has(> .f5r-pay) #payment div.payment_box {
  max-height: 0;
  margin-block: 0;
  padding-block: 0;
  border-width: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height .32s ease, opacity .22s ease, margin .32s ease, padding .32s ease;
}
.woocommerce-checkout form.checkout:has(> .f5r-pay) #payment ul.payment_methods > li.wc_payment_method.is-open > div.payment_box {
  max-height: 1600px;
  margin: 0 11px 11px;
  padding: 15px;
  border-width: 1px;
  opacity: 1;
}

@media (max-width: 900px) {
  .woocommerce-checkout .f5r-pay { padding: 15px 15px 0; }
  .woocommerce-checkout .f5r-pay__title { font-size: 18px; }
  .woocommerce-checkout form.checkout > #wc-stripe-express-checkout-element { padding: 11px 15px 0; }
  .woocommerce-checkout .f5r-coupon { padding: 15px; }
  .woocommerce-checkout .f5r-coupon__row { flex-wrap: wrap; }
  .woocommerce-checkout .f5r-coupon__btn { flex: 1 1 100%; }
  .woocommerce-checkout #order_review .f5r-line__img { width: 44px; height: 44px; }
}

/* === SND CART CLOUD :: start === */
/* السلة بترتيب كلاود بالدهبي: كروت منتجات، كود الخصم في كارت لوحده، «ملخص الطلب» في العمود الجانبي،
   وعلى الموبايل بار ثابت تحت بالإجمالي و«إتمام الطلب». مفيش أزرار دفع في السلة؛ الدفع في صفحة إتمام الطلب بس. */
html body.woocommerce-cart{--snd-card:#111c30;--snd-line:#20365c}
html body.woocommerce-cart #wc-stripe-express-checkout-element,html body.woocommerce-cart #wc-stripe-express-checkout-button-separator,html body.woocommerce-cart .wc-stripe-express-checkout-element{display:none !important}
html body.woocommerce-cart table.shop_table.cart{display:block !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;overflow:visible !important}
html body.woocommerce-cart table.shop_table.cart thead{display:none !important}
html body.woocommerce-cart table.shop_table.cart tbody{display:grid !important;gap:14px}
html body.woocommerce-cart.snd-cart-js table.shop_table.cart tr:has(> td.actions){display:none !important}
html body.woocommerce-cart table.shop_table.cart tr.cart_item{display:grid !important;grid-template-columns:96px minmax(0,1fr) auto;grid-template-areas:"thumb name name" "thumb price price" "qty qty qty" "sub sub remove";column-gap:12px;row-gap:6px;align-items:start;margin:0 !important;padding:14px !important;border:1px solid var(--snd-line) !important;border-radius:14px !important;background:var(--snd-card) !important}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td{display:block !important;width:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;text-align:start !important}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td::before{display:none !important}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td.product-thumbnail{grid-area:thumb}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td.product-thumbnail img{display:block;width:96px !important;height:84px !important;object-fit:cover;border-radius:10px;border:1px solid rgba(22, 140, 255,.2) !important}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td.product-name{grid-area:name;align-self:end}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td.product-name a{color:#fff !important;font-size:16px !important;font-weight:700 !important;line-height:1.5}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td.product-price{grid-area:price;display:flex !important;align-items:baseline;flex-wrap:wrap;gap:8px}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td.product-price del{color:rgba(255,255,255,.45) !important;font-size:13px}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td.product-price :is(ins,> .amount){color:#54b8ff !important;font-size:15px;font-weight:700;text-decoration:none}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td.product-quantity{grid-area:qty;padding-top:8px !important}
html body.woocommerce-cart table.shop_table.cart tr.cart_item .f5r-cart-quantity{width:138px !important;height:40px !important;border:1px solid rgba(84, 184, 255,.55) !important;border-radius:8px !important;background:transparent !important}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td:is(.product-subtotal,.product-remove){align-self:stretch;display:flex !important;align-items:center;margin-top:6px !important;padding-top:12px !important;border-top:1px solid rgba(255,255,255,.08) !important}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td.product-subtotal{grid-area:sub;gap:6px;color:#fff !important;font-size:14px;font-weight:700}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td.product-subtotal::before{display:inline !important;content:"المجموع:" !important;position:static !important;float:none !important;width:auto !important;margin:0 !important;color:rgba(255,255,255,.75) !important;font-weight:400 !important}
html body.woocommerce-cart table.shop_table.cart tr.cart_item > td.product-remove{grid-area:remove;justify-content:flex-end;position:static !important;inset:auto !important}
html body.woocommerce-cart table.shop_table.cart tr.cart_item a.remove{display:inline-flex !important;align-items:center;gap:4px;width:auto !important;height:28px !important;padding:0 10px !important;border:0 !important;border-radius:6px !important;background:#dc4f49 !important;color:#fff !important;font-size:12px !important;font-weight:700 !important;line-height:1 !important;text-decoration:none !important}
html body.woocommerce-cart table.shop_table.cart tr.cart_item a.remove:hover{background:#c43f3a !important}
html body.woocommerce-cart .snd-cart-coupon{margin:0 0 14px;padding:16px;border:1px solid var(--snd-line);border-radius:14px;background:var(--snd-card)}
html body.woocommerce-cart .snd-cart-coupon__label{margin:0 0 10px;color:#fff;font-size:14px}
html body.woocommerce-cart .snd-cart-coupon__row{display:flex;gap:8px}
html body.woocommerce-cart .snd-cart-coupon__input{flex:1;min-width:0;height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:transparent;color:#fff;font:inherit;font-size:14px}
html body.woocommerce-cart .snd-cart-coupon__input:focus{outline:none;border-color:rgba(84, 184, 255,.6)}
html body.woocommerce-cart .snd-cart-coupon__btn{flex:0 0 auto;height:42px;padding:0 18px;border:0;border-radius:999px;background:linear-gradient(150deg,#9fd4ff,#2a97ff 48%,#0f7ae6);color:#ffffff;font:inherit;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer}
html body.woocommerce-cart .cart-collaterals .cart_totals{padding:18px !important;border:1px solid var(--snd-line) !important;border-radius:14px !important;background:var(--snd-card) !important;box-shadow:none !important}
html body.woocommerce-cart .cart-collaterals .cart_totals h2{margin:0 0 10px !important;color:#fff !important;font-size:18px !important;font-weight:800 !important;line-height:1.5 !important}
html body.woocommerce-cart .cart_totals table{border:0 !important;background:none !important}
html body.woocommerce-cart .cart_totals :is(th,td){padding:8px 0 !important;border:0 !important;background:none !important;font-size:14px !important;color:rgba(255,255,255,.8) !important}
html body.woocommerce-cart .cart_totals .order-total :is(th,td){padding-top:12px !important;border-top:1px solid rgba(255,255,255,.08) !important;color:#fff !important;font-weight:800 !important}
html body.woocommerce-cart .cart_totals .order-total .amount{color:#54b8ff !important;font-size:16px}
html body.woocommerce-cart .wc-proceed-to-checkout{padding:12px 0 0 !important}
html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:flex !important;align-items:center;justify-content:center;height:46px !important;margin:0 !important;padding:0 16px !important;border:0 !important;border-radius:999px !important;background:linear-gradient(150deg,#9fd4ff,#2a97ff 48%,#0f7ae6) !important;color:#ffffff !important;font-size:15px !important;font-weight:800 !important}
html body.woocommerce-cart .cross-sells{width:auto !important;float:none !important;margin:14px 0 0 !important;padding:16px !important;border:1px solid var(--snd-line) !important;border-radius:14px !important;background:var(--snd-card) !important}
html body.woocommerce-cart .cross-sells > h2{margin:0 0 12px !important;color:#fff !important;font-size:18px !important;font-weight:800 !important}
html body.woocommerce-cart .cross-sells ul.products{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;margin:0 !important;padding:0 !important}
html body.woocommerce-cart .cross-sells ul.products::before,html body.woocommerce-cart .cross-sells ul.products::after{display:none !important}
html body.woocommerce-cart .cross-sells ul.products li.product{display:grid !important;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"img title btn" "img price btn";column-gap:12px;align-items:center;width:auto !important;float:none !important;margin:0 !important;padding:0 0 10px !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.06) !important;border-radius:0 !important;background:none !important;box-shadow:none !important;text-align:start !important}
html body.woocommerce-cart .cross-sells ul.products li.product:last-child{padding-bottom:0 !important;border-bottom:0 !important}
html body.woocommerce-cart .cross-sells ul.products li.product > a.woocommerce-LoopProduct-link{display:contents !important}
html body.woocommerce-cart .cross-sells ul.products li.product .onsale{display:none !important}
html body.woocommerce-cart .cross-sells ul.products li.product img{grid-area:img;width:64px !important;height:64px !important;margin:0 !important;object-fit:cover;border-radius:8px}
html body.woocommerce-cart .cross-sells ul.products li.product .woocommerce-loop-product__title{grid-area:title;align-self:end;margin:0 !important;padding:0 !important;color:#fff !important;font-size:14px !important;font-weight:700 !important}
html body.woocommerce-cart .cross-sells ul.products li.product .price{grid-area:price;align-self:start;display:flex !important;gap:6px;margin:0 !important;color:#54b8ff !important;font-size:14px !important}
html body.woocommerce-cart .cross-sells ul.products li.product .price del{color:rgba(255,255,255,.45) !important;font-size:12px}
html body.woocommerce-cart .cross-sells ul.products li.product .price ins{text-decoration:none}
html body.woocommerce-cart .cross-sells ul.products li.product .button{grid-area:btn;display:inline-flex !important;align-items:center;height:36px !important;margin:0 !important;padding:0 16px !important;border:0 !important;border-radius:999px !important;background:linear-gradient(150deg,#9fd4ff,#2a97ff 48%,#0f7ae6) !important;color:#ffffff !important;font-size:13px !important;font-weight:800 !important;white-space:nowrap}
html body.woocommerce-cart .cross-sells ul.products li.product .added_to_cart{display:none !important}
@media (max-width:900px){
  html body.woocommerce-cart form.woocommerce-cart-form{width:100% !important}
  html body.woocommerce-cart .cart-collaterals{position:static !important;width:100% !important;margin-top:14px !important}
  html body.woocommerce-cart:has(.f5r-mobile-cart-bar) .cart-collaterals .cart_totals{display:none !important}
  html body .f5r-mobile-cart-bar{gap:8px !important;padding:12px 16px calc(10px + env(safe-area-inset-bottom)) !important;border:0 !important;border-top:1px solid rgba(22, 140, 255,.18) !important;border-radius:24px 24px 0 0 !important;background:#0d1626 !important;box-shadow:0 -12px 24px -12px rgba(0,0,0,.6) !important}
  html body .f5r-mobile-cart-bar > span{display:flex !important;align-items:center;gap:6px;color:#fff !important;font-size:16px !important}
  html body .f5r-mobile-cart-bar > span small{order:1;color:rgba(255,255,255,.75) !important;font-size:12px !important}
  html body .f5r-mobile-cart-bar > span small::before{content:"("}
  html body .f5r-mobile-cart-bar > span small::after{content:")"}
  html body .f5r-mobile-cart-bar > span strong{order:2;margin-inline-start:auto;color:#fff !important;font-size:16px !important}
  html body .f5r-mobile-cart-bar > a{display:flex !important;align-items:center;justify-content:center;height:44px !important;border-radius:999px !important;background:linear-gradient(150deg,#9fd4ff,#2a97ff 48%,#0f7ae6) !important;color:#ffffff !important;font-size:15px !important;font-weight:800 !important}
}
/* === SND CART CLOUD :: end === */

/* === SND CHECKOUT CLOUD :: start === */
/* إتمام الطلب بترتيب كلاود بالدهبي: شريط الإجمالي فوق، وتحته صندوق واحد فيه الترحيب والبيانات،
   ثم «طريقة الدفع» (Apple Pay / مدى / فيزا)، ثم خانات البطاقة وزر «اكمال الدفع».
   زر Apple Pay بتاع Stripe بيفضل ظاهر ومرسوم؛ لما البطاقة تتختار بيتنقل برا الشاشة بس (مش display:none)،
   لأن Stripe مش بيرسمه لو كان مخفي. */
html body.snd-co .f5r-entry-title{display:none !important}
html body.snd-co .snd-co-sum{position:relative;width:min(930px,100%);margin:0 auto 34px;padding:18px 20px 26px;border:1px solid #27272f;border-radius:16px;background:#111116}
html body.snd-co .snd-co-sum__main{display:flex;align-items:flex-start;gap:14px}
html body.snd-co .snd-co-sum__logo{flex:0 0 60px;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(22, 140, 255,.35);background:#070b14;overflow:hidden}
html body.snd-co .snd-co-sum__logo img{width:48px !important;height:auto !important;object-fit:contain}
html body.snd-co .snd-co-sum__info{flex:1;min-width:0;display:grid;gap:6px}
html body.snd-co .snd-co-sum__row{display:flex;align-items:center;justify-content:space-between;gap:10px}
html body.snd-co .snd-co-sum__label{color:#fff;font-size:18px;font-weight:800}
html body.snd-co .snd-co-total,html body.snd-co .snd-co-total .amount{color:#54b8ff !important;font-size:19px;font-weight:800}
html body.snd-co .snd-co-sum__thumbs{display:flex}
html body.snd-co .snd-co-sum__thumb{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid #111116;margin-inline-start:-8px;background:#111c30}
html body.snd-co .snd-co-sum__thumb:first-child{margin-inline-start:0}
html body.snd-co .snd-co-sum__thumb img{width:100% !important;height:100% !important;object-fit:cover}
html body.snd-co .snd-co-sum__coupon{padding:0;border:0;background:none;color:#f87171;font:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html body.snd-co .snd-co-sum__details{position:absolute;left:50%;bottom:-16px;translate:-50% 0;height:32px;padding:0 16px;border:1px solid rgba(22, 140, 255,.4);border-radius:999px;background:#111116;color:#54b8ff;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 0 0 6px #09090c}
html body.snd-co form.checkout{display:flex !important;flex-direction:column;align-items:stretch !important;gap:0;width:min(930px,100%);margin:0 auto !important;padding:4px 20px 20px;border:1px solid #27272f;border-radius:16px;background:#111116}
html body.snd-co form.checkout > *{grid-column:auto !important;grid-row:auto !important}
html body.snd-co form.checkout > #customer_details{order:1;margin:0 !important;padding:16px 0 18px !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.08) !important;background:none !important;box-shadow:none !important}
html body.snd-co #customer_details :is(.col-1,.col-2){float:none !important;width:100% !important;max-width:none !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important}
html body.snd-co #customer_details .col-2:empty,html body.snd-co #customer_details .col-2:not(:has(.form-row)){display:none !important}
html body.snd-co .woocommerce-billing-fields > h3{display:flex !important;align-items:center;gap:8px;margin:0 0 14px !important;padding:0 !important;border:0 !important;color:#fff !important;font-size:17px !important;font-weight:700 !important}
html body.snd-co .woocommerce-billing-fields > h3::before{content:"";flex:0 0 22px;width:22px;height:22px;background:#54b8ff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.5' r='3.6'/%3E%3Cpath d='M5 19.5c1.2-3.3 3.8-5 7-5s5.8 1.7 7 5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.5' r='3.6'/%3E%3Cpath d='M5 19.5c1.2-3.3 3.8-5 7-5s5.8 1.7 7 5'/%3E%3C/svg%3E") center/contain no-repeat}
html body.snd-co form.checkout > #f5r-coupon{order:2;display:none !important;margin:16px 0 0 !important}
html body.snd-co.snd-co-coupon-open form.checkout > #f5r-coupon{display:block !important}
html body.snd-co form.checkout > #f5r-pay{order:3;margin:0 !important;padding:18px 0 4px !important;border:0 !important;background:none !important;box-shadow:none !important}
html body.snd-co #f5r-pay .f5r-pay__title{display:flex;align-items:center;gap:8px;margin:0 !important;padding:0 !important;border:0 !important;color:#fff !important;font-size:17px !important;font-weight:700 !important}
html body.snd-co #f5r-pay .f5r-pay__title::before{content:"";flex:0 0 22px;width:22px;height:22px;background:#54b8ff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.4'/%3E%3Cpath d='M6.5 9.5h.01M17.5 14.5h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.4'/%3E%3Cpath d='M6.5 9.5h.01M17.5 14.5h.01'/%3E%3C/svg%3E") center/contain no-repeat}
html body.snd-co #f5r-pay .f5r-pay__wallets{display:none !important}
html body.snd-co form.checkout > .snd-co-methods{order:5;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 16px}
html body.snd-co .snd-co-method{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;margin:0;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0d0d11;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
html body.snd-co .snd-co-method[hidden]{display:none !important}
html body.snd-co .snd-co-method input{position:absolute;inset-inline-start:12px;top:50%;translate:0 -50%;width:18px;height:18px;margin:0;accent-color:#168cff}
html body.snd-co .snd-co-method img{display:block;width:auto !important;max-width:112px;height:34px !important;object-fit:contain;margin-inline-start:22px}
html body.snd-co .snd-co-method.is-selected{border-color:#168cff;box-shadow:0 0 0 2px rgba(22, 140, 255,.25)}
html body.snd-co .snd-co-method__ap{display:inline-flex;align-items:center;gap:2px;margin-inline-start:22px;padding:4px 10px;border-radius:8px;background:#000;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:20px;font-weight:600;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,sans-serif}
html body.snd-co form.checkout > #payment{order:6;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important}
html body.snd-co #payment ul.payment_methods{display:block !important;margin:0 !important;padding:0 !important;border:0 !important}
html body.snd-co #payment ul.payment_methods > li.wc_payment_method{margin:0 !important;border:0 !important;background:none !important;box-shadow:none !important}
html body.snd-co #payment ul.payment_methods > li.payment_method_stripe > label{display:none !important}
html body.snd-co #payment div.payment_box.payment_method_stripe{display:block !important;max-height:none !important;height:auto !important;overflow:visible !important;opacity:1 !important;visibility:visible !important;transform:none !important;pointer-events:auto !important;margin:0 !important;padding:16px !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:12px !important;background:#0d0d11 !important}
html body.snd-co #payment div.payment_box.payment_method_stripe::before{display:block !important;content:"بيانات البطاقة" !important;position:static !important;margin:0 0 10px;border:0 !important;color:#fff;font-size:14px;font-weight:700}
html body.snd-co #payment .place-order{position:sticky;bottom:0;z-index:5;margin:0 !important;padding:14px 0 4px !important;background:#111116 !important}
html body.snd-co #payment #place_order{width:100% !important;height:50px !important;margin:0 !important;border:0 !important;border-radius:12px !important;background:linear-gradient(150deg,#9fd4ff,#2a97ff 48%,#0f7ae6) !important;color:#ffffff !important;font-size:16px !important;font-weight:800 !important}
html body.snd-co form.checkout > #wc-stripe-express-checkout-button-separator{display:none !important}
html body.snd-co form.checkout > #wc-stripe-express-checkout-element{order:4;width:100% !important;margin:0 !important;padding:14px 0 2px !important}
html body.snd-co #wc-stripe-express-checkout-element > :not(#wc-stripe-express-checkout-element-applePay){display:none !important}
html body.snd-co.snd-co-no-ap form.checkout > #wc-stripe-express-checkout-element{display:none !important}
html body.snd-co form.checkout > #order_review_heading{display:none !important}
html body.snd-co form.checkout > #order_review{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;z-index:10050;width:auto !important;max-width:560px;max-height:78vh;margin:0 auto !important;padding:0 18px 18px !important;overflow:auto;border:1px solid #27272f !important;border-bottom:0 !important;border-radius:22px 22px 0 0 !important;background:#111116 !important;box-shadow:0 -20px 40px rgba(0,0,0,.5) !important;transform:translateY(105%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}
html body.snd-co.snd-co-sheet-open form.checkout > #order_review{transform:none;visibility:visible;transition:transform .3s ease}
html body.snd-co .snd-co-sheet__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 -18px 8px;padding:16px 18px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#111116}
html body.snd-co .snd-co-sheet__head b{color:#fff;font-size:17px}
html body.snd-co .snd-co-sheet__close{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:15px;cursor:pointer}
html body.snd-co .snd-co-overlay{position:fixed;inset:0;z-index:10040;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
html body.snd-co.snd-co-sheet-open .snd-co-overlay{opacity:1;visibility:visible;transition:opacity .25s ease}
@media (max-width:600px){
  html body.snd-co .snd-co-sum{padding:14px 14px 24px;border-radius:14px}
  html body.snd-co .snd-co-sum__logo{flex-basis:50px;width:50px;height:50px}
  html body.snd-co .snd-co-sum__label{font-size:16px}
  html body.snd-co form.checkout{padding:4px 14px 14px;border-radius:14px}
}
@media (prefers-reduced-motion:reduce){html body.snd-co form.checkout > #order_review,html body.snd-co .snd-co-overlay{transition:none}}
html body.snd-co #payment .wc-stripe-upe-element{padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;outline:0 !important}
html body.snd-co #payment fieldset.wc-upe-form{min-width:0 !important;margin:0 !important;padding:0 !important;border:0 !important}
/* === SND CHECKOUT CLOUD :: end === */

/* === SND CHECKOUT LIGHT :: start === */
/* صفحة الدفع زي كلاود: خلفية بيضا ومن غير شريط الإعلان والهيدر والفوتر وزر واتساب.
   ألوان القالب بتتقلب فاتحة هنا بس، وخانات Stripe بتاخد ألوانها من الـ inputs الفاتحة. */
html body.snd-co{--f5r-bg:#ffffff;--f5r-background:#ffffff;--f5r-surface:#ffffff;--f5r-text:#222222;--f5r-muted:#6b7280;--f5r-border:#e5e7eb;background:#ffffff !important;background-image:none !important;color:#222222 !important;padding-top:0 !important;padding-bottom:0 !important}
html:has(body.snd-co){background:#ffffff !important}
html body.snd-co :is(.f5r-announce,header.f5r-header,#f5r-search,.f5r-drawer-overlay,#f5r-drawer,footer.f5r-footer,.f5r-floating-whatsapp,.f5r-mobile-cart-bar,.f5r-mobile-buy-bar){display:none !important}
html body.snd-co main#primary{margin:0 !important;padding:24px 0 48px !important;background:#ffffff !important}
html body.snd-co :is(.f5r-content,.f5r-content-narrow){margin-top:0 !important;padding-top:0 !important;background:none !important}
html body.snd-co .woocommerce-checkout,html body.snd-co .f5r-entry-content,html body.snd-co article.page{background:none !important}
html body.snd-co .snd-co-sum{border-color:#ececec;background:#ffffff;box-shadow:0 2px 14px rgba(0,0,0,.05)}
html body.snd-co .snd-co-sum__logo{border-color:#eeeeee;background:#f2f5f7}
html body.snd-co .snd-co-sum__label{color:#333333}
html body.snd-co .snd-co-total,html body.snd-co .snd-co-total .amount{color:#111111 !important}
html body.snd-co .snd-co-sum__thumb{border-color:#ffffff;background:#f3f4f6}
html body.snd-co .snd-co-sum__coupon{color:#ef4444}
html body.snd-co .snd-co-sum__details{border-color:#cccccc;background:#ffffff;color:#333333;box-shadow:0 0 0 6px #ffffff}
html body.snd-co form.checkout{border-color:#ececec;background:#ffffff;box-shadow:0 2px 14px rgba(0,0,0,.05)}
html body.snd-co form.checkout > #customer_details{border-bottom-color:#eeeeee !important}
html body.snd-co form.checkout label,html body.snd-co form.checkout .form-row label{color:#333333 !important}
html body.snd-co form.checkout :is(input.input-text,select,textarea),html body.snd-co #wc-stripe-hidden-style-input{background:#ffffff !important;color:#222222 !important;border:1px solid #d9dce1 !important;box-shadow:none !important}
html body.snd-co form.checkout :is(input.input-text,select,textarea):focus{border-color:#168cff !important;outline:none !important}
html body.snd-co form.checkout ::placeholder{color:#9ca3af !important}
html body.snd-co .woocommerce-billing-fields > h3,html body.snd-co #f5r-pay .f5r-pay__title{color:#333333 !important}
html body.snd-co .woocommerce-billing-fields > h3::before,html body.snd-co #f5r-pay .f5r-pay__title::before{background:#333333}
html body.snd-co .snd-co-method{border-color:#e5e7eb;background:#ffffff}
html body.snd-co .snd-co-method.is-selected{border-color:#168cff;box-shadow:0 0 0 2px rgba(22, 140, 255,.22)}
html body.snd-co #payment div.payment_box.payment_method_stripe{border-color:#eeeeee !important;background:#ffffff !important}
html body.snd-co #payment div.payment_box.payment_method_stripe::before{color:#333333 !important}
html body.snd-co #payment .place-order{background:#ffffff !important}
html body.snd-co #payment .place-order :is(p,label,.woocommerce-privacy-policy-text){color:#6b7280 !important}
html body.snd-co #f5r-coupon{border-color:#eeeeee !important;background:#ffffff !important;color:#222222 !important}
html body.snd-co form.checkout > #order_review{border-color:#ececec !important;background:#ffffff !important;box-shadow:0 -12px 30px rgba(0,0,0,.12) !important;color:#222222 !important}
html body.snd-co #order_review :is(th,td,.f5r-line__name,.amount){color:#222222 !important;border-color:#eeeeee !important;background:none !important}
html body.snd-co #order_review .order-total .amount{color:#111111 !important;font-weight:800}
html body.snd-co #order_review .f5r-qty-edit :is(button,span){color:#222222 !important;border-color:#dddddd !important;background:#ffffff !important}
html body.snd-co .snd-co-sheet__head{border-bottom-color:#eeeeee;background:#ffffff}
html body.snd-co .snd-co-sheet__head b{color:#222222}
html body.snd-co .snd-co-sheet__close{background:#f3f4f6;color:#333333}
html body.snd-co .snd-co-overlay{background:rgba(0,0,0,.45)}
html body.snd-co .woocommerce-NoticeGroup :is(.woocommerce-error,.woocommerce-message,.woocommerce-info),html body.snd-co .woocommerce-notices-wrapper :is(.woocommerce-error,.woocommerce-message,.woocommerce-info){background:#fff7f7 !important;color:#b91c1c !important;border-color:#fecaca !important}
html body.snd-co #customer_details .woocommerce-billing-fields{margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important}
html body.snd-co form.checkout > #wc-stripe-express-checkout-element{background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:12px 0 0 !important;gap:0 !important;min-height:0 !important}
html body.snd-co #wc-stripe-express-checkout-element > *{background:none !important;border:0 !important;box-shadow:none !important}
html body.snd-co form.checkout > .snd-co-cardtoggle{order:6;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:12px 16px;border:1px solid #eeeeee;border-bottom:0;border-radius:12px 12px 0 0;background:#ffffff;color:#333333;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
html body.snd-co .snd-co-cardtoggle svg{width:18px;height:18px;transition:transform .25s ease}
html body.snd-co.snd-co-card-collapsed form.checkout > .snd-co-cardtoggle{border-bottom:1px solid #eeeeee;border-radius:12px}
html body.snd-co.snd-co-card-collapsed .snd-co-cardtoggle svg{transform:rotate(180deg)}
html body.snd-co #payment div.payment_box.payment_method_stripe{border-top:0 !important;border-radius:0 0 12px 12px !important;padding-top:4px !important}
html body.snd-co #payment div.payment_box.payment_method_stripe::before{display:none !important}
html body.snd-co.snd-co-card-collapsed #payment div.payment_box.payment_method_stripe{max-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;border-width:0 !important;overflow:hidden !important}
html body.snd-co .snd-co-charity{width:min(930px,100%);margin:22px auto 0;padding:0 16px;text-align:center;color:#6b7280;font-size:14px;line-height:1.9}
/* === SND CHECKOUT LIGHT :: end === */

/* ===== SANAD CART/CHECKOUT (Blocksy) ===== */
html body.woocommerce-cart ul.products:not(.cross-sells ul) li.product.product .snd-loop-desc{font-size: 12.5px; line-height: 1.4; color: rgba(255, 255, 255, 0.62); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0px 14px 6px !important; padding: 0px !important;}@media (max-width: 600px) {html body.woocommerce-cart ul.products:not(.cross-sells ul) li.product.product .snd-loop-desc{font-size: 11.5px; margin: 0px 8px 3px !important;}}html body.woocommerce-cart.woocommerce-cart .cross-sells{padding: 18px 16px !important; border: 1px solid rgba(22, 140, 255, 0.2) !important; border-radius: 18px !important; background: linear-gradient(rgb(13, 22, 38), rgb(7, 11, 20)) !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells > h2{align-items: center; gap: 8px; display: flex !important; margin: 0px 0px 14px !important; font-size: 18px !important; font-weight: 800 !important; line-height: 1.4 !important; color: rgb(255, 255, 255) !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells > h2::before{content: ""; flex: 0 0 5px; width: 5px; height: 18px; border-radius: 3px; background: linear-gradient(rgb(84, 184, 255), rgb(15, 122, 230));}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products{flex-direction: column; display: flex !important; gap: 10px !important; margin: 0px !important; padding: 0px !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products::before,html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products::after{display: none !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product{position: relative; grid-template-columns: 72px minmax(0px, 1fr) auto; grid-template-areas: "img title btn" "img price btn"; align-items: center; gap: 4px 12px; display: grid !important; width: auto !important; margin: 0px !important; padding: 10px !important; float: none !important; border: 1px solid rgba(22, 140, 255, 0.16) !important; border-radius: 14px !important; background: rgba(255, 255, 255, 0.02) !important; box-shadow: none !important; text-align: start !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product a.woocommerce-LoopProduct-link{display: contents !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product .onsale,html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product .snd-loop-desc,html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product .added_to_cart{display: none !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product > .screen-reader-text{position: absolute !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product img{grid-area: img; display: block; border: 1px solid rgba(22, 140, 255, 0.2); object-fit: cover; width: 72px !important; height: 72px !important; margin: 0px !important; border-radius: 10px !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product .woocommerce-loop-product__title{grid-area: title; align-self: end; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0px !important; padding: 0px !important; font-size: 14.5px !important; font-weight: 800 !important; line-height: 1.4 !important; color: rgb(255, 255, 255) !important; text-align: start !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product .price{grid-area: price; align-self: start; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; display: flex !important; margin: 0px !important; font-size: 15px !important; font-weight: 800 !important; color: rgb(84, 184, 255) !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product .price ins{text-decoration: none !important; color: rgb(84, 184, 255) !important; background: none !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product .price del{font-size: 12px !important; font-weight: 600 !important; color: rgba(255, 255, 255, 0.45) !important; opacity: 1 !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product .button{grid-area: btn; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; display: inline-flex !important; width: auto !important; min-height: 0px !important; height: 40px !important; margin: 0px !important; padding: 0px 14px !important; border: 0px !important; border-radius: 999px !important; background: linear-gradient(rgb(84, 184, 255), rgb(15, 122, 230)) !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: rgba(22, 140, 255, 0.2) 0px 6px 16px !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product .button::after{flex: 0 0 16px; width: 16px; height: 16px; background: currentcolor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1.1 12H6.6z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3C/svg%3E") center center / contain no-repeat; content: "" !important; position: static !important; display: block !important; margin: 0px !important; animation: auto ease 0s 1 normal none running none !important; font-family: inherit !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product .button.loading{opacity: 0.75;}@media (max-width: 380px) {html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product{grid-template-columns: 60px minmax(0px, 1fr) auto; gap: 3px 10px;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product img{width: 60px !important; height: 60px !important;}html body.woocommerce-cart.woocommerce-cart .cross-sells ul.products li.product.product .button{padding: 0px 11px !important; font-size: 12px !important;}}


/* Checkout page has no site chrome — like Sanad (their #header/#footer are hidden on body.snd-co) */
body.snd-co .f5r-announce,body.snd-co .f5r-header,body.snd-co .f5r-footer,body.snd-co .f5r-floating-whatsapp,body.snd-co .f5r-mobile-cart-bar,body.snd-co .f5r-page-loader{display:none!important}

/* Floating «إتمام الطلب» — Sanad's bar (solid, no glass) */
html body.woocommerce-cart .f5r-mobile-cart-bar{background:#0d1626!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;line-height:1.65}
/* Desktop: no floating bar (same as Sanad) — it is shown on mobile only. Removed 2026-10-05. */


/* === SND CART PARITY (2026-09-25): same measurements as Sanad's cart, F5R colours === */
html body.woocommerce-cart .f5r-content-narrow.f5r-content{width:min(1290px,calc(100% - 16px))!important;max-width:none!important}
html body.woocommerce-cart .woocommerce{line-height:1.65}
html body.woocommerce-cart .f5r-cart-page-heading{border-radius:20px!important;line-height:1.65}
html body.woocommerce-cart .f5r-cart-page-heading h1{line-height:1.5!important}
html body.woocommerce-cart .f5r-cart-page-heading small{line-height:1.5!important}
html body.woocommerce-cart .woocommerce-cart-form .cart_item,html body.woocommerce-cart .cart-collaterals .cart_totals,html body.woocommerce-cart .cart-collaterals .coupon,html body.woocommerce-cart .cart-collaterals [class*="coupon-card"],html body.woocommerce-cart .cross-sells,html body.woocommerce-cart .snd-cart-coupon{background:#111c30!important;border:1px solid #20365c!important}
html body.woocommerce-cart .cross-sells{border-radius:14px!important;padding:16px!important}
html body.woocommerce-cart .cart_totals table{box-shadow:none!important;border:0!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;margin:0 0 24px!important}
html body.woocommerce-cart .cart_totals table th{width:58%!important;line-height:26.4px!important}
html body.woocommerce-cart .cart_totals table td{line-height:26.4px!important}
html body.woocommerce-cart .cross-sells > h2{margin-bottom:16px!important}
html body.woocommerce-cart .cart_totals tr.cart-subtotal th{font-weight:600!important}
html body.woocommerce-cart .cart_totals tr.order-total .amount{font-weight:400!important;line-height:24px!important}
html body.woocommerce-cart .woocommerce-cart-form .product-price del{font-weight:900!important}
html body.woocommerce-cart .woocommerce-cart-form .product-subtotal .amount{font-weight:400!important;line-height:24px!important}
html body.woocommerce-cart .woocommerce-cart-form .quantity input.qty{height:40px!important;min-height:0!important;padding:6px 6px 5px!important;border:1px solid rgb(207,200,216)!important;border-radius:9px!important;background:#0d1626!important;line-height:24px!important}
html body.woocommerce-cart .cross-sells li.product .f5r-loop-category{display:none!important}
html body.woocommerce-cart .cross-sells li.product .price{line-height:1.65!important}
@media (min-width:901px){html body.woocommerce-cart .woocommerce-cart-form .quantity input.qty{width:54px!important}}
@media (max-width:900px){html body.woocommerce-cart .woocommerce-cart-form .quantity input.qty{width:44px!important}}

/* === SND CHECKOUT PARITY (2026-09-25): Sanad's line-height and field sizes === */
html body.snd-co{line-height:1.65}
html body.snd-co form.checkout .woocommerce-billing-fields h3{line-height:1.5!important}
html body.snd-co form.checkout .woocommerce-billing-fields .form-row label{font-size:15px!important;line-height:24.75px!important;margin:0 0 7.5px!important}
html body.snd-co form.checkout .woocommerce-billing-fields .form-row label .required{line-height:inherit!important}
html body.snd-co form.checkout .woocommerce-billing-fields input.input-text{height:48px!important;min-height:48px!important}
html body.snd-co .snd-co-method input[type="radio"]{accent-color:#168cff}

/* === F5R POLICY PAGES TITLE (2026-10-05): show the page title on the six policy pages, like Sanad === */
html body:is(.page-id-12909,.page-id-12910,.page-id-12911,.page-id-12912,.page-id-12913,.page-id-12914) h1.f5r-entry-title{display:block!important;margin:0 0 22px;color:var(--f5r-text);font-size:clamp(28px,5vw,44px);line-height:1.35}