/* Rasid Card Store Experience v2.0.9 commerce repairs.
 * Loaded after refinements.css and scoped to the standalone templates so
 * Woodmart cannot reshape WooCommerce controls outside these pages.
 */

/* Product hero: true equal columns and equal visual height. */
.rch-template .rch-product-page .rch-product-hero {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
  gap: 24px !important;
}
.rch-template .rch-product-page .rch-product-gallery,
.rch-template .rch-product-page .rch-purchase-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 650px !important;
  margin: 0 !important;
  float: none !important;
  flex: none !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}
.rch-template .rch-product-page .rch-product-gallery {
  display: grid !important;
  grid-template-rows: minmax(0,1fr) auto !important;
}
.rch-template .rch-product-page .rch-gallery-main {
  width: 100% !important;
  min-height: 0 !important;
  height: 100% !important;
  aspect-ratio: auto !important;
}
.rch-template .rch-product-page .rch-gallery-expand .rch-ui-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
}

/* The full long description remains in the HTML; only its viewport collapses. */
.rch-template .rch-product-page .rch-description-reader { position: relative !important; }
.rch-template .rch-product-page .rch-description-reader.has-overflow:not(.is-expanded) .rch-prose {
  max-height: 520px !important;
  overflow: hidden !important;
}
.rch-template .rch-product-page .rch-description-reader.has-overflow:not(.is-expanded):after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  right: 0 !important;
  bottom: 50px !important;
  left: 0 !important;
  height: 120px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg,rgba(255,255,255,0),#fff 82%) !important;
}
.rch-template .rch-product-page .rch-readmore-button {
  position: relative !important;
  z-index: 2 !important;
  min-width: 150px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 0 20px !important;
  margin: 18px 0 0 !important;
  border: 1px solid #bdeaf5 !important;
  border-radius: 12px !important;
  background: #effbfe !important;
  color: #008fba !important;
  font: 700 13px/1 "IBM Plex Sans Arabic",Arial,sans-serif !important;
  box-shadow: none !important;
}
.rch-template .rch-product-page .rch-readmore-button[hidden] { display: none !important; }
.rch-template .rch-product-page .rch-readmore-button svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  transition: transform .2s ease !important;
}
.rch-template .rch-product-page .rch-description-reader.is-expanded .rch-readmore-button svg { transform: rotate(180deg) !important; }

/* Purchase journey: independent cards and no dashed line through the text. */
.rch-template .rch-product-page .rch-how-section {
  position: relative !important;
  overflow: hidden !important;
  padding: 38px !important;
  background: radial-gradient(circle at 50% 40%,rgba(0,196,255,.09),transparent 24%),#fff !important;
}
.rch-template .rch-product-page .rch-how-section:before { display: none !important; content: none !important; }
.rch-template .rch-product-page .rch-step-product {
  position: relative !important;
  z-index: 1 !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: visible !important;
  margin: 22px auto 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.rch-template .rch-product-page .rch-step-product:before,
.rch-template .rch-product-page .rch-step-product:after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: min(24vw,240px) !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent,#b9eaf6) !important;
}
.rch-template .rch-product-page .rch-step-product:before { right: calc(50% + 52px) !important; }
.rch-template .rch-product-page .rch-step-product:after { left: calc(50% + 52px) !important; transform: rotate(180deg) !important; }
.rch-template .rch-product-page .rch-step-product > span {
  width: 78px !important;
  height: 78px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  padding: 7px !important;
  border: 1px solid #bcecf7 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 13px 32px rgba(0,155,196,.14),0 0 0 8px rgba(222,249,255,.7) !important;
}
.rch-template .rch-product-page .rch-step-product img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 15px !important;
  object-fit: cover !important;
}
.rch-template .rch-product-page .rch-step-product small {
  color: #008fb9 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.rch-template .rch-product-page .rch-steps-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 16px !important;
  margin-top: 0 !important;
}
.rch-template .rch-product-page .rch-steps-grid article {
  min-height: 170px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 17px !important;
  padding: 22px !important;
  border: 1px solid #dcecef !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.94) !important;
  text-align: right !important;
  box-shadow: 0 12px 30px rgba(22,67,86,.055) !important;
}
.rch-template .rch-product-page .rch-step-icon {
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg,#e4faff,#f7fdff) !important;
  color: #00a8d7 !important;
  box-shadow: inset 0 0 0 1px #c5edf6 !important;
}
.rch-template .rch-product-page .rch-step-icon .rch-ui-icon {
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
}
.rch-template .rch-product-page .rch-step-icon > b {
  position: absolute !important;
  top: -7px !important;
  left: -7px !important;
  min-width: 22px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  background: #0f253a !important;
  color: #fff !important;
  font: 700 8px/1 Arial,sans-serif !important;
}
.rch-template .rch-product-page .rch-steps-grid strong { color: #13283c !important; font-size: 15px !important; }
.rch-template .rch-product-page .rch-steps-grid p { margin: 7px 0 0 !important; color: #647a85 !important; font-size: 12px !important; line-height: 1.8 !important; }

/* Professional vector icons for the Why Rasid Card cards. */
.rch-template .rch-product-page .rch-why-card > span {
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg,#e6faff,#f8fdff) !important;
  box-shadow: inset 0 0 0 1px #c5edf6,0 9px 22px rgba(0,174,220,.09) !important;
}
.rch-template .rch-product-page .rch-why-card > span .rch-ui-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
}

/* Cart quantity: neutralize Woodmart's absolute +/- controls. */
.rch-template .rch-cart-page .rch-cart-quantity .quantity {
  position: relative !important;
  inset: auto !important;
  width: 106px !important;
  min-width: 106px !important;
  max-width: 106px !important;
  height: 44px !important;
  min-height: 44px !important;
  display: grid !important;
  grid-template-columns: 32px 42px 32px !important;
  grid-template-rows: 44px !important;
  align-items: stretch !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #d6e3e7 !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: none !important;
  direction: ltr !important;
}
.rch-template .rch-cart-page .rch-cart-quantity .quantity input.qty {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: static !important;
  inset: auto !important;
  width: 42px !important;
  min-width: 0 !important;
  max-width: 42px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-right: 1px solid #e1eaed !important;
  border-left: 1px solid #e1eaed !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #11283d !important;
  font: 700 14px/44px Arial,sans-serif !important;
  text-align: center !important;
  box-shadow: none !important;
  opacity: 1 !important;
  -moz-appearance: textfield !important;
}
.rch-template .rch-cart-page .rch-cart-quantity .quantity .minus,
.rch-template .rch-cart-page .rch-cart-quantity .quantity .plus {
  grid-row: 1 !important;
  position: static !important;
  inset: auto !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f5f9fa !important;
  color: #153047 !important;
  font: 700 17px/1 Arial,sans-serif !important;
  text-indent: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
.rch-template .rch-cart-page .rch-cart-quantity .quantity .minus { grid-column: 1 !important; }
.rch-template .rch-cart-page .rch-cart-quantity .quantity .plus { grid-column: 3 !important; }
.rch-template .rch-cart-page .rch-cart-quantity .quantity .minus:hover,
.rch-template .rch-cart-page .rch-cart-quantity .quantity .plus:hover { background: #dff8ff !important; color: #008db6 !important; }

/* Checkout: support both WooCommerce default and Woodmart wrapper markup. */
.rch-template .rch-checkout-page .rch-native-checkout,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce,
.rch-template .rch-checkout-page .rch-native-checkout form.checkout {
  width: 100% !important;
  max-width: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  grid-template-rows: auto 1fr !important;
  gap: 0 24px !important;
  align-items: start !important;
  margin: 0 !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > #customer_details,
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > .customer-details {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > .checkout-order-review {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 26px !important;
  margin: 0 !important;
  border: 1px solid #dce8eb !important;
  border-radius: 22px !important;
  background: #fff !important;
  color: #13283c !important;
  box-shadow: 0 18px 45px rgba(23,56,70,.06) !important;
  transform: none !important;
  box-sizing: border-box !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > .checkout-order-review:before,
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > .checkout-order-review:after {
  display: none !important;
  content: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review_heading {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review {
  grid-column: 2 !important;
  grid-row: 2 !important;
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.rch-template .rch-checkout-page .rch-native-checkout .checkout-order-review #order_review_heading,
.rch-template .rch-checkout-page .rch-native-checkout .checkout-order-review #order_review {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #13283c !important;
  box-shadow: none !important;
  transform: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout .checkout-order-review #order_review_heading { margin-bottom: 18px !important; }
.rch-template .rch-checkout-page .rch-native-checkout #order_review,
.rch-template .rch-checkout-page .rch-native-checkout #order_review .woocommerce-checkout-review-order-table,
.rch-template .rch-checkout-page .rch-native-checkout #order_review .shop_table,
.rch-template .rch-checkout-page .rch-native-checkout #payment,
.rch-template .rch-checkout-page .rch-native-checkout #payment .payment_methods,
.rch-template .rch-checkout-page .rch-native-checkout #payment .payment_methods > li,
.rch-template .rch-checkout-page .rch-native-checkout #payment .payment_box,
.rch-template .rch-checkout-page .rch-native-checkout #payment .place-order {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  float: none !important;
  box-sizing: border-box !important;
}
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table {
  display: table !important;
  table-layout: auto !important;
}
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table tbody,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table tfoot { display: table-row-group !important; }
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table tr { display: table-row !important; }
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table th,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table td { display: table-cell !important; }
.rch-template .rch-checkout-page .rch-native-checkout #payment { color: #13283c !important; }
.rch-template .rch-checkout-page .rch-native-checkout #payment .payment_methods > li {
  display: block !important;
  overflow: visible !important;
  background: #f7fbfc !important;
}
.rch-template .rch-checkout-page .rch-native-checkout #payment iframe,
.rch-template .rch-checkout-page .rch-native-checkout #payment img { max-width: 100% !important; }

@media (max-width: 900px) {
  .rch-template .rch-product-page .rch-product-hero,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout { grid-template-columns: 1fr !important; }
  .rch-template .rch-product-page .rch-product-gallery,
  .rch-template .rch-product-page .rch-purchase-card { min-height: 0 !important; height: auto !important; }
  .rch-template .rch-product-page .rch-gallery-main { min-height: 520px !important; aspect-ratio: 1/1 !important; }
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > #customer_details,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > .customer-details,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > .checkout-order-review,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review_heading,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > .checkout-order-review { margin-top: 18px !important; }
}

@media (max-width: 767px) {
  .rch-template .rch-product-page .rch-gallery-main { min-height: 0 !important; }
  .rch-template .rch-product-page .rch-description-reader.has-overflow:not(.is-expanded) .rch-prose { max-height: 380px !important; }
  .rch-template .rch-product-page .rch-how-section { padding: 28px 17px !important; }
  .rch-template .rch-product-page .rch-step-product:before,
  .rch-template .rch-product-page .rch-step-product:after { width: min(20vw,90px) !important; }
  .rch-template .rch-product-page .rch-steps-grid { grid-template-columns: 1fr !important; }
  .rch-template .rch-product-page .rch-steps-grid article {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0,1fr) !important;
    align-items: center !important;
  }
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > .checkout-order-review { padding: 20px !important; }
}

/* v2.0.9 ------------------------------------------------------------------ */

/* Checkout customer information is one complete card. Woodmart can insert
 * either #customer_details or .customer-details, so both are protected. */
.rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > #customer_details,
.rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > .customer-details {
  width: 100% !important;
  min-width: 0 !important;
  padding: 26px !important;
  margin: 0 !important;
  border: 1px solid #dce8eb !important;
  border-radius: 22px !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #172f43 !important;
  box-shadow: 0 18px 45px rgba(23,56,70,.06) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
.rch-template .rch-checkout-page .rch-native-checkout #customer_details > .col-1,
.rch-template .rch-checkout-page .rch-native-checkout #customer_details > .col-2,
.rch-template .rch-checkout-page .rch-native-checkout .customer-details > .col-1,
.rch-template .rch-checkout-page .rch-native-checkout .customer-details > .col-2 {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout #customer_details > .col-2:not(:empty),
.rch-template .rch-checkout-page .rch-native-checkout .customer-details > .col-2:not(:empty) {
  padding-top: 24px !important;
  margin-top: 24px !important;
  border-top: 1px solid #e4edef !important;
}
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-billing-fields > h3,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-additional-fields > h3,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-shipping-fields > h3,
.rch-template .rch-checkout-page .rch-native-checkout #order_review_heading {
  color: #13283c !important;
  font-family: "IBM Plex Sans Arabic",Arial,sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-align: right !important;
}

/* Clear, deterministic add-to-cart progress states on every Rasid card. */
.rch-template .rc-home .quick-add,
.rch-template .rc-home .ajax_add_to_cart {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
.rch-template .rc-home .quick-add.is-loading,
.rch-template .rc-home .ajax_add_to_cart.loading,
.rch-template .rc-home .ajax_add_to_cart.is-loading {
  opacity: 1 !important;
  pointer-events: none !important;
  background: #0b2639 !important;
  color: #fff !important;
}
.rch-template .rc-home .quick-add.is-loading .rch-cart-icon,
.rch-template .rc-home .ajax_add_to_cart.loading > :not(.screen-reader-text),
.rch-template .rc-home .ajax_add_to_cart.is-loading > :not(.screen-reader-text) { opacity: 0 !important; }
.rch-template .rc-home .quick-add.is-loading::before,
.rch-template .rc-home .ajax_add_to_cart.loading::before,
.rch-template .rc-home .ajax_add_to_cart.is-loading::before {
  content: "" !important;
  position: absolute !important;
  z-index: 3 !important;
  top: 50% !important;
  left: 50% !important;
  width: 17px !important;
  height: 17px !important;
  margin: -8.5px 0 0 -8.5px !important;
  border: 2px solid rgba(255,255,255,.35) !important;
  border-top-color: #fff !important;
  border-radius: 50% !important;
  background: transparent !important;
  animation: rch-cart-spin .7s linear infinite !important;
}
.rch-template .rc-home .quick-add.is-added,
.rch-template .rc-home .ajax_add_to_cart.is-added {
  background: #269557 !important;
  color: #fff !important;
  opacity: 1 !important;
}
.rch-template .rc-home .quick-add.is-added .rch-cart-icon,
.rch-template .rc-home .ajax_add_to_cart.is-added > :not(.screen-reader-text) { opacity: 0 !important; }
.rch-template .rc-home .quick-add.is-added::after,
.rch-template .rc-home .ajax_add_to_cart.is-added::after {
  content: "✓" !important;
  position: absolute !important;
  z-index: 3 !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  font: 800 17px/1 Arial,sans-serif !important;
}
.rch-template .rc-home .quick-add.is-error { background: #d54655 !important; opacity: 1 !important; animation: rch-cart-shake .28s ease !important; }
@keyframes rch-cart-spin { to { transform: rotate(360deg); } }
@keyframes rch-cart-shake { 33% { transform: translateX(-2px); } 66% { transform: translateX(2px); } }

/* Responsive short description: the complete text stays in the DOM for
 * indexing while both desktop and mobile start with a compact summary. */
.rch-template .rch-product-page .rch-short-description {
  position: relative !important;
  margin: 14px 0 16px !important;
}
.rch-template .rch-product-page .rch-short-description.has-overflow:not(.is-expanded) .rch-short-description__content {
  max-height: calc(1.9em * 7) !important;
  overflow: hidden !important;
}
.rch-template .rch-product-page .rch-short-description.has-overflow:not(.is-expanded)::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  right: 0 !important;
  bottom: 40px !important;
  left: 0 !important;
  height: 72px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg,rgba(255,255,255,0),#fff 86%) !important;
}
.rch-template .rch-product-page .rch-short-description__toggle {
  position: relative !important;
  z-index: 2 !important;
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 5px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #008fb7 !important;
  font: 700 13px/1 "IBM Plex Sans Arabic",Arial,sans-serif !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
.rch-template .rch-product-page .rch-short-description__toggle:hover,
.rch-template .rch-product-page .rch-short-description__toggle:focus-visible {
  color: #0f2b3e !important;
  background: transparent !important;
}
.rch-template .rch-product-page .rch-short-description__toggle:focus-visible {
  outline: 2px solid #38c9eb !important;
  outline-offset: 4px !important;
}
.rch-template .rch-product-page .rch-short-description__toggle[hidden] { display: none !important; }
.rch-template .rch-product-page .rch-short-description__toggle .rch-ui-icon {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  transition: transform .2s ease !important;
}
.rch-template .rch-product-page .rch-short-description.is-expanded .rch-short-description__toggle .rch-ui-icon { transform: rotate(180deg) !important; }

/* Mobile purchase bar. JS reveals it only when the original purchase button
 * is outside the viewport and hides it again before the footer. */
.rch-template .rch-product-page .rch-mobile-buybar { display: none !important; }

/* Premium shop/archive page. */
.rch-template .rch-shop-page .rch-commerce-shell { padding-bottom: 72px !important; }
.rch-template .rch-shop-page .rch-shop-hero {
  position: relative !important;
  min-height: 250px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr) !important;
  align-items: center !important;
  gap: 36px !important;
  overflow: hidden !important;
  padding: 42px 48px !important;
  border: 1px solid rgba(92,227,255,.24) !important;
  border-radius: 28px !important;
  background: radial-gradient(circle at 12% 12%,rgba(0,196,255,.18),transparent 32%),linear-gradient(135deg,#0f2033,#123249) !important;
  color: #fff !important;
  box-shadow: 0 24px 60px rgba(15,41,58,.14) !important;
}
.rch-template .rch-shop-page .rch-shop-hero::after {
  content: "" !important;
  position: absolute !important;
  left: -90px !important;
  bottom: -180px !important;
  width: 360px !important;
  height: 360px !important;
  border: 55px solid rgba(255,255,255,.045) !important;
  border-radius: 50% !important;
}
.rch-template .rch-shop-page .rch-shop-hero__copy { position: relative !important; z-index: 2 !important; }
.rch-template .rch-shop-page .rch-shop-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 29px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(100,229,255,.34) !important;
  border-radius: 999px !important;
  background: rgba(0,196,255,.1) !important;
  color: #7de8ff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.rch-template .rch-shop-page .rch-shop-hero h1 { margin: 12px 0 9px !important; color: #fff !important; font-size: clamp(34px,4vw,54px) !important; line-height: 1.15 !important; }
.rch-template .rch-shop-page .rch-shop-hero p,
.rch-template .rch-shop-page .rch-shop-description { max-width: 650px !important; margin: 0 !important; color: #b9ccd6 !important; font-size: 15px !important; line-height: 1.9 !important; }
.rch-template .rch-shop-page .rch-shop-description > :first-child { margin-top: 0 !important; }
.rch-template .rch-shop-page .rch-shop-description > :last-child { margin-bottom: 0 !important; }
.rch-template .rch-shop-page .rch-shop-hero__visual {
  position: relative !important;
  z-index: 2 !important;
  min-height: 156px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  padding: 24px !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.075) !important;
  backdrop-filter: blur(16px) !important;
}
.rch-template .rch-shop-page .rch-shop-hero__visual > span { width: 62px !important; height: 62px !important; display: grid !important; place-items: center !important; border-radius: 18px !important; background: #00c4ff !important; color: #0b2437 !important; }
.rch-template .rch-shop-page .rch-shop-hero__visual .rch-ui-icon { width: 29px !important; height: 29px !important; min-width: 29px !important; }
.rch-template .rch-shop-page .rch-shop-hero__visual > div { display: flex !important; flex-direction: column !important; }
.rch-template .rch-shop-page .rch-shop-hero__visual strong { color: #fff !important; font-size: 34px !important; line-height: 1 !important; }
.rch-template .rch-shop-page .rch-shop-hero__visual small { margin-top: 8px !important; color: #b8cbd5 !important; font-size: 12px !important; }
.rch-template .rch-shop-page .rch-shop-categories {
  display: flex !important;
  gap: 9px !important;
  overflow-x: auto !important;
  padding: 22px 2px 8px !important;
  scrollbar-width: none !important;
}
.rch-template .rch-shop-page .rch-shop-categories::-webkit-scrollbar { display: none !important; }
.rch-template .rch-shop-page .rch-shop-categories a {
  min-height: 42px !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 15px !important;
  border: 1px solid #dbe7ea !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #193246 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: 0 7px 18px rgba(23,56,70,.035) !important;
}
.rch-template .rch-shop-page .rch-shop-categories a:hover,
.rch-template .rch-shop-page .rch-shop-categories a.is-active { border-color: #00bce9 !important; background: #eafaff !important; color: #008db5 !important; }
.rch-template .rch-shop-page .rch-shop-categories small { min-width: 22px !important; height: 22px !important; display: grid !important; place-items: center !important; border-radius: 7px !important; background: #eff5f7 !important; color: #72858e !important; font: 700 9px/1 Arial,sans-serif !important; }
.rch-template .rch-shop-page .rch-shop-results { padding-top: 44px !important; }
.rch-template .rch-shop-page .rch-shop-toolbar { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 24px !important; padding-bottom: 20px !important; }
.rch-template .rch-shop-page .rch-shop-toolbar > div:first-child > span { color: #00a5d1 !important; font-size: 11px !important; font-weight: 700 !important; }
.rch-template .rch-shop-page .rch-shop-toolbar h2 { margin: 4px 0 0 !important; color: #13283c !important; font-size: 29px !important; line-height: 1.25 !important; }
.rch-template .rch-shop-page .rch-shop-toolbar__actions { display: flex !important; align-items: center !important; gap: 14px !important; }
.rch-template .rch-shop-page .rch-shop-toolbar__actions > p { margin: 0 !important; color: #6b7f89 !important; font-size: 12px !important; }
.rch-template .rch-shop-page .woocommerce-ordering { margin: 0 !important; }
.rch-template .rch-shop-page .woocommerce-ordering select {
  min-width: 190px !important;
  height: 44px !important;
  padding: 0 13px !important;
  border: 1px solid #d7e4e7 !important;
  border-radius: 12px !important;
  outline: 0 !important;
  background: #fff !important;
  color: #193246 !important;
  font: 600 12px/1 "IBM Plex Sans Arabic",Arial,sans-serif !important;
  box-shadow: none !important;
}
.rch-template .rch-shop-page .rch-shop-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 20px !important; }
.rch-template .rch-shop-page .rch-shop-grid .product-card { width: 100% !important; min-width: 0 !important; border-radius: 20px !important; box-shadow: 0 12px 30px rgba(23,56,70,.045) !important; }
.rch-template .rch-shop-page .rch-shop-grid .product-card .cover { aspect-ratio: 1 / 1 !important; }
.rch-template .rch-shop-page .rch-shop-grid .product-info { padding: 17px !important; }
.rch-template .rch-shop-page .rch-shop-grid .product-info h3 { min-height: 50px !important; font-size: 15px !important; }
.rch-template .rch-shop-page .rch-shop-grid .price-row strong { font-size: 20px !important; }
.rch-template .rch-shop-page .rch-shop-grid .delivery { font-size: 11px !important; }
.rch-template .rch-shop-page .rch-shop-pagination { display: flex !important; justify-content: center !important; padding-top: 38px !important; }
.rch-template .rch-shop-page .rch-shop-pagination ul { display: flex !important; align-items: center !important; gap: 7px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; }
.rch-template .rch-shop-page .rch-shop-pagination a,
.rch-template .rch-shop-page .rch-shop-pagination span { min-width: 42px !important; height: 42px !important; display: grid !important; place-items: center !important; padding: 0 12px !important; border: 1px solid #d9e6e9 !important; border-radius: 11px !important; background: #fff !important; color: #193246 !important; font-size: 12px !important; font-weight: 700 !important; }
.rch-template .rch-shop-page .rch-shop-pagination .current { border-color: #00bce9 !important; background: #00c4ff !important; color: #0b2639 !important; }
.rch-template .rch-shop-page .rch-shop-empty { min-height: 330px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 40px !important; border: 1px dashed #bce5ee !important; border-radius: 22px !important; background: #fff !important; text-align: center !important; }
.rch-template .rch-shop-page .rch-shop-empty > span { width: 58px !important; height: 58px !important; display: grid !important; place-items: center !important; border-radius: 18px !important; background: #e9faff !important; color: #00a2cd !important; }
.rch-template .rch-shop-page .rch-shop-empty h2 { margin: 17px 0 6px !important; color: #13283c !important; font-size: 23px !important; }
.rch-template .rch-shop-page .rch-shop-empty p { margin: 0 0 18px !important; color: #6b7e88 !important; font-size: 13px !important; }
.rch-template .rch-shop-page .rch-shop-empty a { min-height: 43px !important; display: inline-flex !important; align-items: center !important; padding: 0 17px !important; border-radius: 11px !important; background: #0f253a !important; color: #fff !important; font-size: 12px !important; font-weight: 700 !important; }
.rch-template .rch-shop-page .rch-shop-trust { margin-top: 58px !important; }
.rch-template .rch-shop-page .rch-shop-notices { margin-top: 18px !important; }

@media (max-width: 1080px) {
  .rch-template .rch-shop-page .rch-shop-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}

@media (max-width: 767px) {
  .rch-template .rch-product-page .rch-short-description { position: relative !important; margin: 12px 0 16px !important; }
  .rch-template .rch-product-page .rch-short-description.has-overflow:not(.is-expanded) .rch-short-description__content {
    max-height: calc(1.9em * 6) !important;
    overflow: hidden !important;
  }
  .rch-template .rch-product-page .rch-short-description.has-overflow:not(.is-expanded)::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    right: 0 !important;
    bottom: 38px !important;
    left: 0 !important;
    height: 64px !important;
    pointer-events: none !important;
    background: linear-gradient(180deg,rgba(255,255,255,0),#fff 84%) !important;
  }
  .rch-template .rch-product-page .rch-short-description__toggle {
    position: relative !important;
    z-index: 2 !important;
    min-height: 35px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 !important;
    margin: 5px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #008fb7 !important;
    font: 700 12px/1 "IBM Plex Sans Arabic",Arial,sans-serif !important;
    box-shadow: none !important;
  }
  .rch-template .rch-product-page .rch-short-description__toggle[hidden] { display: none !important; }
  .rch-template .rch-product-page .rch-short-description__toggle .rch-ui-icon { width: 17px !important; height: 17px !important; min-width: 17px !important; transition: transform .2s ease !important; }
  .rch-template .rch-product-page .rch-short-description.is-expanded .rch-short-description__toggle .rch-ui-icon { transform: rotate(180deg) !important; }

  .rch-template .rch-product-page .rch-mobile-buybar:not([hidden]) {
    position: fixed !important;
    z-index: 998 !important;
    right: 10px !important;
    bottom: max(10px,env(safe-area-inset-bottom)) !important;
    left: 10px !important;
    width: auto !important;
    min-height: 68px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 9px !important;
    border: 1px solid rgba(176,221,232,.9) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 18px 50px rgba(13,38,58,.22) !important;
    backdrop-filter: blur(18px) !important;
    /* v2.5.3: transform-driven, never display-toggled. The old
       `animation: rch-buybar-enter` replayed on every show, which is
       what made the Apple Pay button appear to blink. */
    animation: none !important;
    transform: translate3d(0,0,0) !important;
    transition: transform .24s cubic-bezier(.4,0,.2,1), opacity .16s linear !important;
    will-change: transform !important;
    contain: layout paint style !important;
    backface-visibility: hidden !important;
  }
  /* Hidden state keeps the node — and Noon's Apple Pay custom element —
     connected to the DOM, so it is never re-initialised. */
  .rch-template .rch-product-page .rch-mobile-buybar:not([hidden]):not(.is-visible) {
    transform: translate3d(0, calc(100% + 28px), 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  /* Reserve the Apple Pay row height up front so mounting it does not
     resize the bar (a resize would re-trigger the observers). */
  .rch-template .rch-product-page .rch-mobile-buybar__apple-pay:not([hidden]) {
    min-height: 48px !important;
  }
  .rch-template .rch-product-page .rch-mobile-buybar apple-pay-button,
  .rch-template .rch-product-page .rch-mobile-buybar #noon_apple_pay_container {
    transition: none !important;
    animation: none !important;
  }
  .rch-template .rch-product-page .rch-mobile-buybar__product { min-width: 0 !important; flex: 1 1 120px !important; display: flex !important; align-items: center !important; gap: 9px !important; }
  .rch-template .rch-product-page .rch-mobile-buybar__product img { width: 46px !important; height: 46px !important; flex: 0 0 46px !important; object-fit: cover !important; border-radius: 12px !important; background: #eefbfe !important; }
  .rch-template .rch-product-page .rch-mobile-buybar__product > div { min-width: 0 !important; display: flex !important; flex-direction: column !important; }
  .rch-template .rch-product-page .rch-mobile-buybar__product small { color: #73868f !important; font-size: 9px !important; }
  .rch-template .rch-product-page .rch-mobile-buybar__product strong,
  .rch-template .rch-product-page .rch-mobile-buybar__product .price { color: #0e263a !important; font-size: 15px !important; font-weight: 800 !important; white-space: nowrap !important; }
  .rch-template .rch-product-page .rch-mobile-buybar > button { position: relative !important; min-width: 145px !important; min-height: 50px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; overflow: hidden !important; padding: 0 15px !important; border: 0 !important; border-radius: 13px !important; background: #00c4ff !important; color: #0b2639 !important; font: 800 13px/1 "IBM Plex Sans Arabic",Arial,sans-serif !important; box-shadow: 0 11px 24px rgba(0,196,255,.22) !important; }
  .rch-template .rch-product-page .rch-mobile-buybar > button:disabled { opacity: .45 !important; cursor: not-allowed !important; }
  .rch-template .rch-product-page .rch-mobile-buybar > button .rch-ui-icon { width: 20px !important; height: 20px !important; min-width: 20px !important; }
  .rch-template .rch-product-page .rch-mobile-buybar > button.is-loading > * { opacity: 0 !important; }
  .rch-template .rch-product-page .rch-mobile-buybar > button.is-loading::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 19px !important; height: 19px !important; margin: -9.5px 0 0 -9.5px !important; border: 2px solid rgba(11,38,57,.25) !important; border-top-color: #0b2639 !important; border-radius: 50% !important; animation: rch-cart-spin .7s linear infinite !important; }
  .rch-template .rch-product-page .rch-mobile-buybar__apple-pay { flex: 0 0 100% !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; }
  .rch-template .rch-product-page .rch-mobile-buybar__apple-pay[hidden] { display: none !important; }
  .rch-template .rch-product-page .rch-mobile-buybar__apple-pay #noon_apple_pay_container { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
  .rch-template .rch-product-page .rch-mobile-buybar__apple-pay apple-pay-button { --apple-pay-button-width: 100% !important; --apple-pay-button-height: 48px !important; --apple-pay-button-border-radius: 12px !important; width: 100% !important; max-width: none !important; min-width: 0 !important; display: block !important; margin: 0 !important; }
  body.rch-mobile-buybar-visible .rc-mini-assistant,
  body.rch-mobile-buybar-visible .rch-mini-assistant,
  body.rch-mobile-buybar-visible .mini-assistant-widget,
  body.rch-mobile-buybar-visible [data-rch-assistant] { bottom: 94px !important; }
  body.rch-mobile-buybar-visible.rch-mobile-buybar-has-apple-pay .rc-mini-assistant,
  body.rch-mobile-buybar-visible.rch-mobile-buybar-has-apple-pay .rch-mini-assistant,
  body.rch-mobile-buybar-visible.rch-mobile-buybar-has-apple-pay .mini-assistant-widget,
  body.rch-mobile-buybar-visible.rch-mobile-buybar-has-apple-pay [data-rch-assistant] { bottom: 151px !important; }

  .rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > #customer_details,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > .customer-details { padding: 19px !important; border-radius: 17px !important; }

  .rch-template .rch-shop-page .rch-commerce-shell { padding-bottom: 48px !important; }
  .rch-template .rch-shop-page .rch-shop-hero { min-height: 0 !important; grid-template-columns: 1fr !important; gap: 20px !important; padding: 27px 22px !important; border-radius: 22px !important; }
  .rch-template .rch-shop-page .rch-shop-hero h1 { font-size: 34px !important; }
  .rch-template .rch-shop-page .rch-shop-hero p,
  .rch-template .rch-shop-page .rch-shop-description { font-size: 13px !important; }
  .rch-template .rch-shop-page .rch-shop-hero__visual { min-height: 100px !important; justify-content: flex-start !important; padding: 18px !important; border-radius: 18px !important; }
  .rch-template .rch-shop-page .rch-shop-hero__visual > span { width: 51px !important; height: 51px !important; border-radius: 15px !important; }
  .rch-template .rch-shop-page .rch-shop-hero__visual strong { font-size: 27px !important; }
  .rch-template .rch-shop-page .rch-shop-categories { margin-inline: -14px !important; padding-inline: 14px !important; }
  .rch-template .rch-shop-page .rch-shop-results { padding-top: 32px !important; }
  .rch-template .rch-shop-page .rch-shop-toolbar { align-items: stretch !important; flex-direction: column !important; gap: 14px !important; }
  .rch-template .rch-shop-page .rch-shop-toolbar h2 { font-size: 25px !important; }
  .rch-template .rch-shop-page .rch-shop-toolbar__actions { justify-content: space-between !important; gap: 9px !important; }
  .rch-template .rch-shop-page .rch-shop-toolbar__actions > p { font-size: 10px !important; }
  .rch-template .rch-shop-page .woocommerce-ordering { flex: 1 !important; }
  .rch-template .rch-shop-page .woocommerce-ordering select { width: 100% !important; min-width: 0 !important; }
  .rch-template .rch-shop-page .rch-shop-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 11px !important; }
  .rch-template .rch-shop-page .rch-shop-grid .product-card { display: block !important; min-height: 0 !important; border-radius: 15px !important; }
  .rch-template .rch-shop-page .rch-shop-grid .product-card .cover { width: 100% !important; height: auto !important; aspect-ratio: 1/1 !important; }
  .rch-template .rch-shop-page .rch-shop-grid .product-info { display: block !important; padding: 12px !important; }
  .rch-template .rch-shop-page .rch-shop-grid .product-info h3 { min-height: 44px !important; font-size: 13px !important; }
  .rch-template .rch-shop-page .rch-shop-grid .price-row strong { font-size: 16px !important; }
  .rch-template .rch-shop-page .rch-shop-grid .quick-add { position: relative !important; top: auto !important; left: auto !important; }
  .rch-template .rch-shop-page .rch-shop-grid .delivery { font-size: 9px !important; }
  .rch-template .rch-shop-page .rch-shop-trust { margin-top: 42px !important; }
}

@keyframes rch-buybar-enter {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

/* v2.0.8 final isolation layer: loaded last, after Woodmart and WooCommerce. */

/* Product summary typography cannot inherit the theme's prose skin. */
.rch-template .rch-product-page .rch-short-description,
.rch-template .rch-product-page .rch-short-description p,
.rch-template .rch-product-page .rch-short-description ul,
.rch-template .rch-product-page .rch-short-description ol,
.rch-template .rch-product-page .rch-short-description li {
  color: #607681 !important;
  font-family: "IBM Plex Sans Arabic",Arial,sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
  text-transform: none !important;
}
.rch-template .rch-product-page .rch-short-description {
  width: 100% !important;
  display: block !important;
  padding: 0 !important;
  margin: 14px 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.rch-template .rch-product-page .rch-short-description p { margin: 0 0 8px !important; }
.rch-template .rch-product-page .rch-short-description p:last-child { margin-bottom: 0 !important; }
.rch-template .rch-product-page .rch-short-description ul,
.rch-template .rch-product-page .rch-short-description ol { margin: 8px 0 !important; padding-right: 20px !important; }

/* Review form: neutralize Woodmart's global form/textarea appearance. */
.rch-template .rch-product-page #rch-review-form,
.rch-template .rch-product-page #review_form_wrapper,
.rch-template .rch-product-page #review_form,
.rch-template .rch-product-page .comment-respond,
.rch-template .rch-product-page .comment-form {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.rch-template .rch-product-page .rch-review-form .comment-form > p,
.rch-template .rch-product-page .rch-review-form .comment-form-comment {
  width: 100% !important;
  max-width: none !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 0 14px !important;
  float: none !important;
}
.rch-template .rch-product-page .rch-review-form label {
  display: block !important;
  margin: 0 0 7px !important;
  color: #173047 !important;
  font: 600 13px/1.6 "IBM Plex Sans Arabic",Arial,sans-serif !important;
}
.rch-template .rch-product-page .rch-review-form textarea#comment,
.rch-template .rch-product-page .rch-review-form textarea,
.rch-template .rch-product-page .rch-review-form input[type="text"],
.rch-template .rch-product-page .rch-review-form input[type="email"],
.rch-template .rch-product-page .rch-review-form select {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: block !important;
  padding: 13px 15px !important;
  margin: 0 !important;
  border: 1px solid #cfdee3 !important;
  border-radius: 13px !important;
  outline: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: #142b40 !important;
  caret-color: #00acd9 !important;
  font: 400 14px/1.8 "IBM Plex Sans Arabic",Arial,sans-serif !important;
  text-align: right !important;
  opacity: 1 !important;
  box-shadow: inset 0 1px 2px rgba(18,48,68,.025) !important;
  box-sizing: border-box !important;
}
.rch-template .rch-product-page .rch-review-form textarea#comment,
.rch-template .rch-product-page .rch-review-form textarea {
  height: 132px !important;
  min-height: 132px !important;
  max-height: 360px !important;
  resize: vertical !important;
  overflow: auto !important;
}
.rch-template .rch-product-page .rch-review-form textarea:focus,
.rch-template .rch-product-page .rch-review-form input:focus,
.rch-template .rch-product-page .rch-review-form select:focus {
  border-color: #00bde9 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(0,189,233,.11) !important;
}
.rch-template .rch-product-page .rch-review-form .form-submit input[type="submit"] {
  min-height: 46px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #03bcea !important;
  color: #0b2538 !important;
  font: 700 13px/1 "IBM Plex Sans Arabic",Arial,sans-serif !important;
  box-shadow: 0 10px 22px rgba(0,188,234,.18) !important;
}

/* Checkout base, notices and coupon. */
.rch-template .rch-checkout-page .rch-native-checkout,
.rch-template .rch-checkout-page .rch-native-checkout * { box-sizing: border-box !important; }
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-notices-wrapper,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-form-login-toggle,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-form-coupon-toggle {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  float: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-info,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-message,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-error {
  width: 100% !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  margin: 0 0 12px !important;
  border: 1px solid #cce8ee !important;
  border-radius: 13px !important;
  background: #f2fbfd !important;
  color: #496b78 !important;
  font: 500 13px/1.7 "IBM Plex Sans Arabic",Arial,sans-serif !important;
  box-shadow: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-info:before,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-message:before,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-error:before { display: none !important; content: none !important; }
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-info a,
.rch-template .rch-checkout-page .rch-native-checkout .showcoupon,
.rch-template .rch-checkout-page .rch-native-checkout .showlogin { color: #008fb7 !important; font-weight: 700 !important; text-decoration: none !important; }
.rch-template .rch-checkout-page .rch-native-checkout form.checkout_coupon,
.rch-template .rch-checkout-page .rch-native-checkout form.woocommerce-form-coupon {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
  padding: 18px !important;
  margin: 0 0 22px !important;
  border: 1px dashed #9bdce9 !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #536f7c !important;
  box-shadow: 0 12px 30px rgba(25,67,83,.045) !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout_coupon[style*="display: none"],
.rch-template .rch-checkout-page .rch-native-checkout form.woocommerce-form-coupon[style*="display: none"] { display: none !important; }
.rch-template .rch-checkout-page .rch-native-checkout form.checkout_coupon > p:first-child,
.rch-template .rch-checkout-page .rch-native-checkout form.woocommerce-form-coupon > p:first-child {
  grid-column: 1 / -1 !important;
  margin: 0 0 2px !important;
  color: #5d7580 !important;
  font-size: 12px !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout_coupon .form-row,
.rch-template .rch-checkout-page .rch-native-checkout form.woocommerce-form-coupon .form-row {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout_coupon button,
.rch-template .rch-checkout-page .rch-native-checkout form.woocommerce-form-coupon button {
  min-width: 135px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #0d263b !important;
  color: #fff !important;
  font: 700 13px/1 "IBM Plex Sans Arabic",Arial,sans-serif !important;
  box-shadow: none !important;
}

/* Exact two-card checkout layout, independent of theme floats. */
.rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  grid-template-rows: auto !important;
  gap: 24px !important;
  align-items: start !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout #customer_details,
.rch-template .rch-checkout-page .rch-native-checkout form.checkout .customer-details {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  background: transparent !important;
}
.rch-template .rch-checkout-page .rch-native-checkout #customer_details > .col-1,
.rch-template .rch-checkout-page .rch-native-checkout #customer_details > .col-2,
.rch-template .rch-checkout-page .rch-native-checkout .customer-details > .col-1,
.rch-template .rch-checkout-page .rch-native-checkout .customer-details > .col-2 {
  width: 100% !important;
  max-width: none !important;
  display: block !important;
  padding: 25px !important;
  margin: 0 0 16px !important;
  float: none !important;
  border: 1px solid #dce8eb !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(23,56,70,.055) !important;
}
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-billing-fields__field-wrapper,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-shipping-fields__field-wrapper {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 14px 12px !important;
}
.rch-template .rch-checkout-page .rch-native-checkout .form-row,
.rch-template .rch-checkout-page .rch-native-checkout .form-row-first,
.rch-template .rch-checkout-page .rch-native-checkout .form-row-last,
.rch-template .rch-checkout-page .rch-native-checkout .form-row-wide {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout .form-row-wide,
.rch-template .rch-checkout-page .rch-native-checkout #billing_address_1_field,
.rch-template .rch-checkout-page .rch-native-checkout #billing_address_2_field,
.rch-template .rch-checkout-page .rch-native-checkout #shipping_address_1_field,
.rch-template .rch-checkout-page .rch-native-checkout #shipping_address_2_field { grid-column: 1 / -1 !important; }
.rch-template .rch-checkout-page .rch-native-checkout label {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 7px !important;
  color: #173047 !important;
  font: 600 13px/1.5 "IBM Plex Sans Arabic",Arial,sans-serif !important;
  text-align: right !important;
}
.rch-template .rch-checkout-page .rch-native-checkout input.input-text,
.rch-template .rch-checkout-page .rch-native-checkout textarea,
.rch-template .rch-checkout-page .rch-native-checkout select,
.rch-template .rch-checkout-page .rch-native-checkout .select2-container .select2-selection {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 48px !important;
  display: block !important;
  padding: 11px 14px !important;
  margin: 0 !important;
  border: 1px solid #d2e0e4 !important;
  border-radius: 12px !important;
  outline: 0 !important;
  background: #f8fbfc !important;
  background-image: none !important;
  color: #172f43 !important;
  font: 400 14px/1.7 "IBM Plex Sans Arabic",Arial,sans-serif !important;
  text-align: right !important;
  opacity: 1 !important;
  box-shadow: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout textarea { height: 118px !important; min-height: 118px !important; resize: vertical !important; }
.rch-template .rch-checkout-page .rch-native-checkout input.input-text:focus,
.rch-template .rch-checkout-page .rch-native-checkout textarea:focus,
.rch-template .rch-checkout-page .rch-native-checkout select:focus,
.rch-template .rch-checkout-page .rch-native-checkout .select2-container--focus .select2-selection {
  border-color: #00bde9 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(0,189,233,.1) !important;
}
.rch-template .rch-checkout-page .rch-native-checkout .select2-container { width: 100% !important; }
.rch-template .rch-checkout-page .rch-native-checkout .select2-selection__rendered { padding: 0 !important; color: #172f43 !important; line-height: 24px !important; }

/* Order review: remove Woodmart's dark receipt and pseudo edges. */
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > .checkout-order-review,
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review_heading,
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  float: none !important;
  box-sizing: border-box !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > .checkout-order-review {
  grid-row: 1 !important;
  position: sticky !important;
  top: 150px !important;
  padding: 25px !important;
  margin: 0 !important;
  border: 1px solid #dce8eb !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: #172f43 !important;
  box-shadow: 0 16px 42px rgba(23,56,70,.06) !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review_heading {
  grid-row: 1 !important;
  position: relative !important;
  z-index: 2 !important;
  align-self: start !important;
  padding: 25px 25px 0 !important;
  margin: 0 !important;
  border: 1px solid #dce8eb !important;
  border-bottom: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  background: #fff !important;
  color: #172f43 !important;
  box-shadow: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review {
  grid-row: 1 !important;
  position: sticky !important;
  top: 150px !important;
  padding: 62px 25px 25px !important;
  margin: 0 !important;
  border: 1px solid #dce8eb !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: #172f43 !important;
  box-shadow: 0 16px 42px rgba(23,56,70,.06) !important;
}
.rch-template .rch-checkout-page .rch-native-checkout .checkout-order-review,
.rch-template .rch-checkout-page .rch-native-checkout .checkout-order-review-inner,
.rch-template .rch-checkout-page .rch-native-checkout #order_review,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-checkout-review-order,
.rch-template .rch-checkout-page .rch-native-checkout .woocommerce-checkout-review-order-table,
.rch-template .rch-checkout-page .rch-native-checkout .wd-table-wrapper,
.rch-template .rch-checkout-page .rch-native-checkout .wd-checkout-prod,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table tbody,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table tfoot,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table tr,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table th,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table td {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #172f43 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout .checkout-order-review:before,
.rch-template .rch-checkout-page .rch-native-checkout .checkout-order-review:after,
.rch-template .rch-checkout-page .rch-native-checkout #order_review:before,
.rch-template .rch-checkout-page .rch-native-checkout #order_review:after,
.rch-template .rch-checkout-page .rch-native-checkout .wd-table-wrapper:before,
.rch-template .rch-checkout-page .rch-native-checkout .wd-table-wrapper:after,
.rch-template .rch-checkout-page .rch-native-checkout .wd-checkout-prod:before,
.rch-template .rch-checkout-page .rch-native-checkout .wd-checkout-prod:after { display: none !important; content: none !important; background: none !important; }
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table {
  width: 100% !important;
  display: table !important;
  table-layout: fixed !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
  border: 0 !important;
  border-collapse: collapse !important;
}
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table th,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table td {
  width: auto !important;
  padding: 13px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e2ecef !important;
  font: 500 13px/1.7 "IBM Plex Sans Arabic",Arial,sans-serif !important;
  vertical-align: middle !important;
}
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table th:first-child,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table td:first-child { width: 68% !important; text-align: right !important; }
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table th:last-child,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table td:last-child { width: 32% !important; text-align: left !important; }
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table .order-total th,
.rch-template .rch-checkout-page .rch-native-checkout table.shop_table .order-total td { padding-top: 18px !important; border-bottom: 0 !important; font-size: 17px !important; font-weight: 700 !important; }
.rch-template .rch-checkout-page .rch-native-checkout #payment,
.rch-template .rch-checkout-page .rch-native-checkout #payment ul.payment_methods,
.rch-template .rch-checkout-page .rch-native-checkout #payment .form-row.place-order {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #172f43 !important;
  box-shadow: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout #payment ul.payment_methods > li {
  width: 100% !important;
  display: block !important;
  padding: 14px !important;
  margin: 0 0 10px !important;
  border: 1px solid #dce8eb !important;
  border-radius: 13px !important;
  background: #f8fbfc !important;
  color: #172f43 !important;
  list-style: none !important;
  overflow: visible !important;
}
.rch-template .rch-checkout-page .rch-native-checkout #payment div.payment_box {
  width: 100% !important;
  padding: 11px 12px !important;
  margin: 10px 0 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #eef7f9 !important;
  color: #5f7680 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout #payment div.payment_box:before { display: none !important; content: none !important; }
.rch-template .rch-checkout-page .rch-native-checkout #payment .place-order { padding-top: 14px !important; }
.rch-template .rch-checkout-page .rch-native-checkout #place_order {
  width: 100% !important;
  min-height: 52px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: #03bcea !important;
  color: #0b2538 !important;
  font: 800 14px/1 "IBM Plex Sans Arabic",Arial,sans-serif !important;
  box-shadow: 0 12px 25px rgba(0,188,234,.2) !important;
}

/* Mobile: each hero row sizes itself; the image no longer inherits the long
 * purchase-card height and therefore cannot create an empty cyan canvas. */
@media (max-width: 900px) {
  .rch-template .rch-product-page .rch-product-hero {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
  }
  .rch-template .rch-product-page .rch-product-gallery,
  .rch-template .rch-product-page .rch-purchase-card {
    height: auto !important;
    min-height: 0 !important;
    align-self: auto !important;
  }
  .rch-template .rch-product-page .rch-product-gallery { grid-template-rows: auto auto !important; }
  .rch-template .rch-product-page .rch-gallery-main {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
  }
  .rch-template .rch-product-page .rch-gallery-main > img {
    width: min(72%,330px) !important;
    height: min(72%,330px) !important;
    max-width: 330px !important;
    max-height: 330px !important;
    object-fit: contain !important;
  }
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout { grid-template-columns: 1fr !important; gap: 18px !important; }
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout #customer_details,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout .customer-details,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > .checkout-order-review,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review_heading,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review {
    grid-column: 1 !important;
    grid-row: auto !important;
    position: static !important;
    top: auto !important;
  }
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review { padding-top: 25px !important; }
}

@media (max-width: 767px) {
  .rch-template .rch-product-page .rch-product-hero { gap: 12px !important; }
  .rch-template .rch-product-page .rch-gallery-main { border-radius: 18px !important; }
  .rch-template .rch-product-page .rch-gallery-main > img { width: 68% !important; height: 68% !important; }
  .rch-template .rch-product-page .rch-short-description,
  .rch-template .rch-product-page .rch-short-description p,
  .rch-template .rch-product-page .rch-short-description li { font-size: 14px !important; }
  .rch-template .rch-product-page .rch-review-form textarea#comment,
  .rch-template .rch-product-page .rch-review-form textarea { height: 120px !important; min-height: 120px !important; }
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout_coupon,
  .rch-template .rch-checkout-page .rch-native-checkout form.woocommerce-form-coupon { grid-template-columns: 1fr !important; padding: 15px !important; }
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout_coupon button,
  .rch-template .rch-checkout-page .rch-native-checkout form.woocommerce-form-coupon button { width: 100% !important; }
  .rch-template .rch-checkout-page .rch-native-checkout #customer_details > .col-1,
  .rch-template .rch-checkout-page .rch-native-checkout #customer_details > .col-2,
  .rch-template .rch-checkout-page .rch-native-checkout .customer-details > .col-1,
  .rch-template .rch-checkout-page .rch-native-checkout .customer-details > .col-2,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > .checkout-order-review,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout > #order_review { padding: 19px !important; border-radius: 17px !important; }
  .rch-template .rch-checkout-page .rch-native-checkout .woocommerce-billing-fields__field-wrapper,
  .rch-template .rch-checkout-page .rch-native-checkout .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr !important; }
  .rch-template .rch-checkout-page .rch-native-checkout .form-row { grid-column: 1 !important; }
  .rch-template .rch-checkout-page .rch-native-checkout label { font-size: 12px !important; }
  .rch-template .rch-checkout-page .rch-native-checkout input.input-text,
  .rch-template .rch-checkout-page .rch-native-checkout textarea,
  .rch-template .rch-checkout-page .rch-native-checkout select,
  .rch-template .rch-checkout-page .rch-native-checkout .select2-container .select2-selection { font-size: 13px !important; }
}

/* Final v2.0.9 checkout surface assertion. This intentionally sits at the
 * end of the cascade, after every historical Woodmart compatibility rule. */
.rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > #customer_details,
.rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > .customer-details {
  padding: 26px !important;
  border: 1px solid #dce8eb !important;
  border-radius: 22px !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: 0 18px 45px rgba(23,56,70,.06) !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > #customer_details > .col-1,
.rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > #customer_details > .col-2,
.rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > .customer-details > .col-1,
.rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > .customer-details > .col-2 {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > #customer_details > .col-2:not(:empty),
.rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > .customer-details > .col-2:not(:empty) {
  padding-top: 24px !important;
  margin-top: 24px !important;
  border-top: 1px solid #e4edef !important;
}

@media (max-width: 767px) {
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > #customer_details,
  .rch-template .rch-checkout-page .rch-native-checkout form.checkout.woocommerce-checkout > .customer-details {
    padding: 19px !important;
    border-radius: 17px !important;
  }
}