/* WooCommerce layout;
   retain core checkout/payment behavior. */
.woocommerce ul.products,.products {
  padding:0;
  margin:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  clear:both}
.products:before,.products:after {
  display:none!important}
.products li.product {
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  background:var(--panel);
  border:2px solid var(--accent);
  border-radius:8px;
  overflow:hidden;
  text-align:center;
  padding-bottom:8px}
.products li.product>a.woocommerce-LoopProduct-link {
  display:block}
.products li.product img {
  display:block;
  width:100%;
  aspect-ratio:1;
  object-fit:cover}
.products .woocommerce-loop-product__title {
  font-size:14px;
  line-height:1.6;
  margin:8px 8px 3px;
  color:var(--text)}
.products .price {
  display:flex;
  justify-content:center;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
  font-size:14px;
  color:#ff8b88;
  margin:4px 6px 8px}
.price del {
  color:var(--muted);
  font-size:.8em}
.price ins {
  text-decoration:none}
.products .button {
  margin:6px 7px 0;
  padding:4px 8px;
  background:transparent;
  border:1px solid var(--accent);
  color:white;
  line-height:1.6;
  font-size:13px;
  display:block}
.products .button:hover {
  background:var(--accent);
  color:white}
.products .added_to_cart {
  font-size:12px;
  color:#9ce1b0}
.products .rating-badge {
  position:absolute;
  top:8px;
  inset-inline-start:8px;
  background:#292929d9;
  padding:0 6px;
  border-radius:12px;
  font-size:12px;
  color:#ffd24a}
.onsale {
  position:absolute;
  top:8px;
  inset-inline-end:8px;
  background:var(--accent);
  color:white;
  border-radius:4px;
  padding:2px 8px;
  z-index:2;
  font-size:12px}
.woocommerce-result-count {
  float:right;
  color:var(--muted);
  font-size:13px}
.woocommerce-ordering {
  float:left;
  margin-bottom:24px}
.woocommerce-ordering select {
  font-size:13px}
.woocommerce-products-header {
  margin-bottom:20px}
.woocommerce-breadcrumb {
  font-size:13px;
  color:var(--muted);
  margin-bottom:24px}
.woocommerce-breadcrumb a {
  color:var(--muted)}
.woocommerce-pagination ul {
  display:flex;
  justify-content:center;
  list-style:none;
  gap:10px;
  padding:0;
  margin:30px 0}
.woocommerce div.product {
  position:relative;
  display:flow-root}
.woocommerce div.product .woocommerce-product-gallery {
  float:right;
  width:43%;
  position:relative}
.woocommerce-product-gallery img {
  width:100%;
  border-radius:6px}
.woocommerce-product-gallery__wrapper {
  margin:0}
.woocommerce-product-gallery__trigger {
  position:absolute;
  top:10px;
  left:10px;
  z-index:3}
.flex-control-thumbs {
  display:flex;
  gap:8px;
  padding:0;
  list-style:none}
.flex-control-thumbs li {
  width:72px;
  cursor:pointer}
.woocommerce div.product .summary {
  float:left;
  width:53%;
  padding:10px}
.summary .product_title {
  font-size:20px;
  line-height:1.7}
.summary .price {
  font-size:22px;
  color:#ff8b88;
  display:flex;
  gap:12px}
.woocommerce-product-details__short-description {
  color:var(--muted);
  font-size:14px}
.availability,.stock.in-stock {
  color:#52d682}
.sales-row {
  background:var(--panel);
  padding:12px 18px;
  border-radius:5px;
  display:flex;
  justify-content:space-between;
  margin-bottom:18px;
  color:#ff8b88}
.summary form.cart {
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  background:var(--panel);
  padding:16px;
  border-radius:8px}
.quantity {
  display:inline-flex;
  gap:8px;
  align-items:center}
.quantity input.qty {
  width:70px;
  text-align:center}
.single_add_to_cart_button {
  flex:1;
  min-width:160px;
  min-height:44px}
.product_meta {
  font-size:12px;
  color:var(--muted);
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-block:20px}
.woocommerce-tabs {
  clear:both;
  padding-top:32px}
.woocommerce-tabs .tabs {
  display:flex;
  list-style:none;
  padding:0;
  gap:8px;
  margin:0}
.woocommerce-tabs .tabs li {
  background:var(--panel);
  padding:9px 20px;
  border-radius:5px 5px 0 0}
.woocommerce-tabs .tabs li.active {
  background:var(--accent)}
.woocommerce-tabs .panel {
  background:var(--panel);
  border-radius:0 0 8px 8px;
  padding:24px}
.woocommerce-tabs .panel h2 {
  font-size:20px}
.woocommerce-tabs p {
  line-height:2}
.woocommerce-tabs a {
  color:#ff8b88}
.related.products,.upsells.products {
  display:block;
  padding-top:36px;
  clear:both}
.related h2,.upsells h2 {
  color:var(--accent);
  font-size:23px}
.woocommerce-product-rating {
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:16px}
.star-rating {
  position:relative;
  display:inline-block;
  width:5.5em;
  height:1.6em;
  overflow:hidden;
  font-family:Arial;
  direction:ltr;
  letter-spacing:.08em}
.star-rating:before {
  content:'★★★★★';
  color:#777;
  position:absolute;
  left:0;
  top:0}
.star-rating span {
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
  height:1.6em;
  color:transparent;
  white-space:nowrap}
.star-rating span:before {
  content:'★★★★★';
  position:absolute;
  left:0;
  top:0;
  color:#f9ce4d}
.woocommerce-review-link {
  font-size:12px;
  color:var(--muted)}
.woocommerce-Reviews .commentlist {
  list-style:none;
  padding:0}
.woocommerce-Reviews .comment_container {
  background:var(--bg);
  padding:20px;
  border-radius:8px;
  margin-bottom:15px}
.woocommerce-Reviews .avatar {
  border-radius:50%;
  width:40px;
  float:right;
  margin-inline-end:12px}
.woocommerce-Reviews .meta {
  font-size:12px;
  color:var(--muted)}
.stars a {
  padding:5px 10px;
  color:#ffd256}
.woocommerce-error,.woocommerce-message,.woocommerce-info {
  padding:16px 20px;
  background:var(--panel);
  border-inline-start:4px solid var(--accent);
  border-radius:5px;
  list-style:none;
  margin-bottom:20px}
.woocommerce-message {
  border-color:#4eca81}
.woocommerce-error {
  border-color:#ff8080}
.woocommerce-message .button {
  float:left}
.woocommerce-notices-wrapper {
  clear:both}
.shop_table {
  width:100%;
  border-collapse:collapse;
  background:var(--panel);
  border-radius:8px;
  overflow:hidden;
  margin-bottom:22px}
.shop_table td,.shop_table th {
  text-align:start;
  padding:14px;
  border-bottom:1px solid var(--border);
  font-size:14px}
.shop_table .product-thumbnail img {
  width:80px;
  min-width:60px;
  border-radius:5px}
.shop_table .remove {
  color:#ff9797;
  font-size:23px}
.woocommerce-cart .woocommerce {
  display:grid;
  grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);
  gap:28px;
  align-items:start}
.woocommerce-cart .woocommerce> .woocommerce-notices-wrapper,.woocommerce-cart .woocommerce>.cart-empty,.woocommerce-cart .woocommerce>.return-to-shop {
  grid-column:1/-1}
.cart-collaterals {
  position:sticky;
  top:90px;
  background:var(--panel);
  padding:20px;
  border-radius:8px}
.cart_totals h2 {
  font-size:20px}
.checkout-button {
  width:100%}
.coupon {
  display:flex;
  flex-wrap:wrap;
  gap:8px}
.coupon label {
  display:none}
.actions button[name=update_cart] {
  margin-top:10px}
.woocommerce-checkout form.checkout {
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:24px;
  align-items:start}
.woocommerce-checkout #customer_details {
  grid-row:1/4;
  background:var(--panel);
  padding:24px;
  border-radius:8px}
.woocommerce-checkout #order_review_heading {
  margin:0}
.woocommerce-checkout #order_review {
  min-width:0}
.woocommerce-checkout-payment {
  background:var(--panel);
  padding:20px;
  border-radius:8px}
.wc_payment_methods {
  list-style:none;
  padding:0}
.wc_payment_method {
  padding:10px 0;
  border-bottom:1px solid var(--border)}
.wc_payment_method img {
  max-height:28px;
  width:auto}
.payment_box {
  padding:12px;
  color:var(--muted);
  font-size:13px}
.place-order button {
  width:100%;
  margin-top:16px}
.form-row {
  margin-bottom:16px}
.form-row label {
  display:block;
  margin-bottom:5px}
.form-row input.input-text,.form-row select,.form-row textarea {
  width:100%}
.form-row label.checkbox {
  display:inline}
.form-row-first,.form-row-last {
  width:48%;
  display:inline-block;
  vertical-align:top}
.form-row-first {
  margin-inline-end:3%}
.form-row-wide {
  clear:both}
.required {
  color:#ff9090}
.woocommerce-invalid input {
  border-color:#ff9090!important}
.select2-container {
  max-width:100%;
  color:#222}
.select2-container--default .select2-selection--single {
  background:var(--bg);
  border-color:var(--border);
  height:44px}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color:var(--text);
  line-height:42px}
.select2-dropdown {
  background:var(--panel);
  color:white}
.woocommerce-MyAccount-navigation {
  float:right;
  width:24%;
  background:var(--panel);
  border-radius:8px;
  padding:16px}
.woocommerce-MyAccount-navigation ul {
  list-style:none;
  padding:0;
  margin:0}
.woocommerce-MyAccount-navigation li {
  padding:10px}
.woocommerce-MyAccount-navigation li.is-active {
  background:var(--accent);
  border-radius:4px}
.woocommerce-MyAccount-content {
  float:left;
  width:72%;
  min-width:0}
.woocommerce-account .woocommerce {
  display:flow-root}
.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword {
  max-width:560px;
  margin:20px auto;
  background:var(--panel);
  padding:24px;
  border-radius:8px}
.woocommerce-form-login__rememberme {
  margin:14px 0}
.col2-set .col-1,.col2-set .col-2 {
  min-width:0}
.woocommerce-account #customer_login {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px}
.woocommerce-Address {
  background:var(--panel);
  padding:18px;
  margin-block:20px}
.woocommerce-table--order-details tfoot th {
  font-weight:normal}
.woocommerce-order-overview {
  display:flex;
  flex-wrap:wrap;
  gap:25px;
  padding:20px;
  list-style:none;
  background:var(--panel)}
.variations {
  width:100%}
.variations th,.variations td {
  padding:8px}
.single_variation_wrap {
  width:100%}
.woocommerce-variation-add-to-cart {
  display:flex;
  gap:10px}
.reset_variations {
  font-size:12px;
  display:block}
.woocommerce-grouped-product-list {
  width:100%}
.woocommerce-grouped-product-list td {
  padding:10px}
.mobile-buy {
  display:none}
.purchase-anchor {
  display:block;
  scroll-margin-top:100px}
.woocommerce-store-notice {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  padding:14px;
  background:var(--accent);
  color:white;
  z-index:80;
  margin:0}
.woocommerce-store-notice__dismiss-link {
  margin-inline-start:12px;
  text-decoration:underline}
.wc-block-components-button {
  border-radius:4px!important}
.wc-block-cart,.wc-block-checkout {
  color:var(--text)}
.wc-block-components-totals-wrapper,.wc-block-components-order-summary {
  background:var(--panel)}
.wc-block-components-text-input input {
  color:#222!important;
  background:#fff!important}
.wc-block-components-product-metadata {
  color:var(--muted)}
@media(min-width:1000px) {
  .woocommerce div.product .woocommerce-tabs {
  clear:left;
  float:left;
  width:53%}
.woocommerce div.product .related {
  clear:both}
}
@media(max-width:900px) {
  .woocommerce-cart .woocommerce {
  grid-template-columns:minmax(0,1fr)}
.cart-collaterals {
  position:static}
.woocommerce-checkout form.checkout {
  grid-template-columns:1fr}
.woocommerce-checkout #customer_details {
  grid-row:auto}
.woocommerce-checkout #order_review_heading {
  margin-top:20px}
.woocommerce ul.products,.products {
  grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px) {
  .woocommerce ul.products,.products {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px}
.products li.product {
  border-width:1px}
.products .woocommerce-loop-product__title {
  font-size:12px;
  min-height:38px}
.products .price {
  font-size:13px}
.products .button {
  font-size:12px;
  padding:7px 3px}
.products .rating-badge {
  font-size:10px}
.woocommerce div.product .summary,.woocommerce div.product .woocommerce-product-gallery {
  float:none;
  width:100%;
  padding:0}
.woocommerce div.product .summary {
  margin-top:20px}
.woocommerce div.product .product_title {
  font-size:20px}
.woocommerce-product-gallery {
  max-width:420px;
  margin:auto!important}
.woocommerce-tabs {
  padding-top:20px}
.woocommerce-tabs .panel {
  padding:18px}
.woocommerce-tabs .tabs li {
  padding:8px 14px;
  font-size:13px}
.summary form.cart {
  padding:14px;
  gap:8px}
.mobile-buy {
  display:flex;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:45;
  background:var(--panel);
  border-top:1px solid var(--border);
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  gap:12px;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 -4px 15px #0003}
.mobile-buy strong {
  font-size:11px;
  display:block;
  max-width:190px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis}
.mobile-buy .button {
  font-size:13px;
  white-space:nowrap;
  padding:10px 15px}
.single-product {
  padding-bottom:85px}
.single-product .whatsapp-float {
  bottom:100px}
.woocommerce-result-count {
  font-size:11px;
  float:none;
  margin:0 0 10px}
.woocommerce-ordering {
  float:none}
.woocommerce-ordering select {
  width:100%;
  font-size:12px}
.shop_table th {
  font-size:11px;
  padding:8px}
.shop_table td {
  font-size:12px;
  padding:10px 7px}
.woocommerce-cart-form thead {
  display:none}
.woocommerce-cart-form tr.cart_item {
  display:grid;
  grid-template-columns:28px 65px minmax(0,1fr);
  border-bottom:1px solid var(--border);
  padding:10px}
.woocommerce-cart-form tr.cart_item td {
  border:0}
.woocommerce-cart-form .product-thumbnail img {
  width:58px;
  min-width:0}
.woocommerce-cart-form .product-name {
  font-size:12px}
.woocommerce-cart-form .product-price {
  grid-column:2}
.woocommerce-cart-form .product-quantity {
  grid-column:3}
.woocommerce-cart-form .product-subtotal {
  grid-column:2/4}
.woocommerce-cart-form .product-subtotal:before {
  content:'المجموع: ';
  color:var(--muted)}
.woocommerce-cart-form .quantity input {
  width:65px}
.coupon input {
  min-width:0;
  width:140px}
.coupon button {
  font-size:12px}
.cart-collaterals {
  padding:16px}
.woocommerce-checkout #customer_details {
  padding:16px}
.form-row-first,.form-row-last {
  width:100%;
  margin-inline-end:0}
.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content {
  float:none;
  width:100%}
.woocommerce-MyAccount-navigation {
  margin-bottom:20px;
  padding:6px}
.woocommerce-MyAccount-navigation ul {
  display:flex;
  overflow:auto;
  gap:6px}
.woocommerce-MyAccount-navigation li {
  white-space:nowrap;
  font-size:12px}
.woocommerce-account #customer_login {
  grid-template-columns:1fr}
.woocommerce-form-login,.woocommerce-form-register {
  padding:18px}
.woocommerce-message .button {
  float:none;
  margin-bottom:10px}
.woocommerce-MyAccount-content .shop_table {
  display:block;
  overflow:auto}
.related h2 {
  font-size:20px}
.woocommerce-product-attributes th,.woocommerce-product-attributes td {
  padding:8px;
  font-size:12px}
}

.products .card-media {
  position:relative}
.products .card-media .rating-badge {
  top:auto;
  bottom:5px;
  left:5px;
  right:auto}
.card-subtitle {
  color:var(--muted);
  font-size:12px;
  margin:2px 8px 0}
.woocommerce-MyAccount-content a {
  text-decoration:underline}


/* Primary checkout and notice buttons: explicit contrast in every active state. */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce-message a.button,
.woocommerce-message a.button:hover,
.woocommerce #place_order {
 background: var(--accent);
 color: #fff;
 -webkit-text-fill-color: #fff;
 opacity: 1;
 font-size: 16px;
 font-weight: 700;
 line-height: 1.5;
 min-height: 46px;
 text-decoration: none;
}
.woocommerce button:disabled,
.woocommerce button[disabled] {
 opacity: 1;
 color: #d0d0d0;
 -webkit-text-fill-color: #d0d0d0;
 background: #505050;
 border-color: #707070;
 cursor: not-allowed;
}