/*
 * Moeen non-empty cart: consolidated RTL layout.
 *
 * This late cart-only layer must use !important for properties that the legacy
 * commerce stylesheet already marks important. No WooCommerce markup, values,
 * labels, fields, hooks, or behavior are changed.
 */
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) {
  --cart-bg: #020b10;
  --cart-panel: rgba(5, 20, 27, 0.94);
  --cart-line: rgba(53, 240, 227, 0.15);
  --cart-line-strong: rgba(53, 240, 227, 0.3);
  --cart-teal: #35f0e3;
  --cart-teal-deep: #20c9bf;
  --cart-gold: #f2c96b;
  --cart-text: #f4ffff;
  --cart-muted: rgba(229, 247, 248, 0.62);
  width: min(1180px, calc(100vw - 40px)) !important;
  margin-inline: auto !important;
  padding: clamp(18px, 2.4vw, 28px) !important;
  overflow: visible !important;
  border: 1px solid rgba(53, 240, 227, 0.17) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(
      circle at 90% 0%,
      rgba(53, 240, 227, 0.075),
      transparent 30%
    ),
    linear-gradient(145deg, rgba(5, 20, 27, 0.94), rgba(2, 10, 15, 0.98)) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.22) !important;
}

/* Promote the existing WooCommerce rows into one parent grid. */
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) > .woocommerce {
  --product-columns: 52px 100px minmax(230px, 1fr) 118px 164px 118px;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr) !important;
  grid-auto-flow: row dense !important;
  align-items: start !important;
  gap: 16px 24px !important;
  min-width: 0 !important;
  direction: rtl !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  > .woocommerce::before {
  content: "منتجات السلة" !important;
  grid-column: 1 / -1 !important;
  display: block !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 0 0 12px !important;
  color: var(--cart-text) !important;
  border-bottom: 2px solid var(--cart-teal) !important;
  font-size: clamp(25px, 2.7vw, 36px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  > .woocommerce::after,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form::before,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form::after {
  display: none !important;
  content: none !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-notices-wrapper,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .woocommerce-message,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .woocommerce-error,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .woocommerce-info {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form__contents,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form__contents
  > thead,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form__contents
  > tbody {
  display: contents !important;
}

/* Header and product values share the same six tracks. */
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form__contents
  > thead
  > tr,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  tr.woocommerce-cart-form__cart-item,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) tr.cart_item {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: var(--product-columns) !important;
  align-items: center !important;
  min-width: 0 !important;
  direction: rtl !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form__contents
  > thead
  > tr {
  min-height: 58px !important;
  overflow: hidden !important;
  border: 1px solid var(--cart-line) !important;
  border-radius: 20px !important;
  background: rgba(53, 240, 227, 0.045) !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form__contents
  thead
  th {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 14px 12px !important;
  border: 0 !important;
  color: rgba(236, 252, 252, 0.72) !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) th.product-remove {
  grid-column: 1 !important;
}
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  th.product-thumbnail {
  display: none !important;
}
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) th.product-name {
  grid-column: 2 / 4 !important;
  justify-content: flex-start !important;
  padding-inline: 18px !important;
  color: var(--cart-text) !important;
  text-align: right !important;
}
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) th.product-price {
  grid-column: 4 !important;
}
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) th.product-quantity {
  grid-column: 5 !important;
}
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) th.product-subtotal {
  grid-column: 6 !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  tr.woocommerce-cart-form__cart-item,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) tr.cart_item {
  min-height: 112px !important;
  overflow: hidden !important;
  border: 1px solid var(--cart-line) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(
      circle at 94% 0%,
      rgba(53, 240, 227, 0.07),
      transparent 34%
    ),
    linear-gradient(145deg, rgba(6, 23, 30, 0.9), rgba(2, 11, 16, 0.96)) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.15) !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  tr.woocommerce-cart-form__cart-item
  > td,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) tr.cart_item > td {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 100% !important;
  padding: 16px 12px !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-remove {
  grid-column: 1 !important;
}
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  td.product-thumbnail {
  grid-column: 2 !important;
}
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-name {
  grid-column: 3 !important;
  justify-content: flex-start !important;
  color: var(--cart-text) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.65 !important;
  text-align: right !important;
}
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-price {
  grid-column: 4 !important;
}
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-quantity {
  grid-column: 5 !important;
}
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-subtotal {
  grid-column: 6 !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  td.product-name::before,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  td.product-name::after,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  td.product-price::before,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  td.product-quantity::before,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  td.product-subtotal::before {
  display: none !important;
  content: none !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-name a,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  td.product-name
  .mc-cart-product-name-text {
  max-width: 100% !important;
  color: inherit !important;
  font: inherit !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  td.product-thumbnail
  a,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  td.product-thumbnail
  img {
  display: block !important;
  width: 76px !important;
  height: 76px !important;
  margin: 0 auto !important;
  border-radius: 16px !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  td.product-thumbnail
  img {
  object-fit: cover !important;
  padding: 5px !important;
  border: 1px solid rgba(53, 240, 227, 0.16) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) a.remove {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: 0 auto !important;
  border: 1px solid rgba(255, 130, 144, 0.32) !important;
  border-radius: 11px !important;
  color: #ff8290 !important;
  background: rgba(255, 130, 144, 0.055) !important;
  box-shadow: none !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transform: none !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) a.remove::before,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) a.remove::after {
  display: none !important;
  content: none !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .amount {
  color: var(--cart-gold) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .quantity {
  display: inline-grid !important;
  grid-template-columns: 36px 42px 36px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 124px !important;
  min-width: 124px !important;
  min-height: 48px !important;
  margin: 0 auto !important;
  padding: 5px !important;
  border: 1px solid rgba(53, 240, 227, 0.23) !important;
  border-radius: 15px !important;
  background: rgba(53, 240, 227, 0.05) !important;
  box-shadow: none !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .quantity .qty {
  width: 42px !important;
  min-width: 42px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--cart-text) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  text-align: center !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .mc-cart-qty-btn {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 1px solid rgba(53, 240, 227, 0.24) !important;
  border-radius: 10px !important;
  color: var(--cart-teal) !important;
  background: rgba(53, 240, 227, 0.065) !important;
  box-shadow: none !important;
}

/* Right column: coupon and update controls remain inside the original form. */
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form__contents
  > tbody
  > tr:last-child {
  grid-column: 1 !important;
  display: block !important;
  min-width: 0 !important;
  align-self: start !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 22px !important;
  overflow: hidden !important;
  border: 1px solid var(--cart-line) !important;
  border-radius: 24px !important;
  background: linear-gradient(
    145deg,
    rgba(6, 23, 30, 0.92),
    rgba(2, 11, 16, 0.98)
  ) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.16) !important;
  text-align: right !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px !important;
  align-items: end !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon::before,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon::after {
  display: none !important;
  content: none !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon label,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .coupon
  label.screen-reader-text {
  grid-column: 1 / -1 !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 2px 2px !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  color: var(--cart-text) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon .input-text,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon .button,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  button.button[name="update_cart"],
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  input.button[name="update_cart"] {
  box-sizing: border-box !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  float: none !important;
  position: static !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon .input-text {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 16px !important;
  color: var(--cart-text) !important;
  caret-color: var(--cart-teal) !important;
  border: 1px solid var(--cart-line-strong) !important;
  outline: 0 !important;
  background: rgba(2, 11, 16, 0.8) !important;
  box-shadow: none !important;
  text-align: right !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .coupon
  .input-text:focus {
  border-color: rgba(53, 240, 227, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(53, 240, 227, 0.09) !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon .button {
  width: 150px !important;
  min-width: 150px !important;
  padding: 0 18px !important;
  color: #031115 !important;
  border: 1px solid rgba(95, 255, 245, 0.72) !important;
  background: linear-gradient(
    135deg,
    var(--cart-teal),
    var(--cart-teal-deep)
  ) !important;
  box-shadow: 0 10px 22px rgba(53, 240, 227, 0.12) !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  button.button[name="update_cart"],
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  input.button[name="update_cart"] {
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 18px !important;
  color: var(--cart-gold) !important;
  border: 1px solid rgba(242, 201, 107, 0.36) !important;
  background: rgba(242, 201, 107, 0.065) !important;
  box-shadow: none !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  button.button[name="update_cart"]:disabled,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  input.button[name="update_cart"]:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Left column: totals stay in the original WooCommerce collaterals node. */
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .cart-collaterals {
  grid-column: 2 !important;
  align-self: start !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .cart_totals {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 22px !important;
  float: none !important;
  overflow: hidden !important;
  border: 1px solid var(--cart-line) !important;
  border-radius: 24px !important;
  background: linear-gradient(
    145deg,
    rgba(6, 23, 30, 0.92),
    rgba(2, 11, 16, 0.98)
  ) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.16) !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .cart_totals h2 {
  margin: 0 0 18px !important;
  padding: 0 0 13px !important;
  color: var(--cart-text) !important;
  border-bottom: 1px solid var(--cart-line) !important;
  font-size: clamp(21px, 2vw, 28px) !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  table.shop_table {
  display: table !important;
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid rgba(53, 240, 227, 0.1) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.018) !important;
  box-shadow: none !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  table.shop_table
  tr {
  display: table-row !important;
}
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  table.shop_table
  th,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  table.shop_table
  td {
  display: table-cell !important;
  height: auto !important;
  padding: 14px 15px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(53, 240, 227, 0.09) !important;
  background: transparent !important;
  vertical-align: middle !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  table.shop_table
  th {
  width: 44% !important;
  color: var(--cart-muted) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: right !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  table.shop_table
  td {
  color: var(--cart-text) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  text-align: left !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .wc-proceed-to-checkout {
  margin: 0 !important;
  padding: 16px 0 0 !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .wc-proceed-to-checkout
  a.checkout-button,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-continue-shopping {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  border-radius: 15px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .wc-proceed-to-checkout
  a.checkout-button {
  color: #031115 !important;
  border: 1px solid rgba(95, 255, 245, 0.68) !important;
  background: linear-gradient(
    135deg,
    var(--cart-teal),
    var(--cart-teal-deep)
  ) !important;
  box-shadow: 0 10px 22px rgba(53, 240, 227, 0.12) !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-continue-shopping {
  min-height: 46px !important;
  margin-top: 10px !important;
  color: var(--cart-gold) !important;
  border: 1px solid rgba(242, 201, 107, 0.3) !important;
  background: rgba(242, 201, 107, 0.05) !important;
  box-shadow: none !important;
}

@media (max-width: 1024px) {
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) > .woocommerce {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    .woocommerce-cart-form__contents
    > tbody
    > tr:last-child,
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .cart-collaterals {
    grid-column: 1 !important;
  }
}

@media (max-width: 820px) {
  .mc-cart-section {
    padding-inline: 12px !important;
  }

  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) {
    width: min(100%, 620px) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    .woocommerce-cart-form__contents
    > thead {
    display: none !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    tr.woocommerce-cart-form__cart-item,
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) tr.cart_item {
    grid-template-columns: 78px minmax(0, 1fr) 36px !important;
    grid-template-areas:
      "thumb name remove"
      "price price price"
      "quantity quantity quantity"
      "subtotal subtotal subtotal" !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 15px !important;
    overflow: visible !important;
    border-radius: 20px !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    tr.woocommerce-cart-form__cart-item
    > td,
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) tr.cart_item > td {
    min-height: 0 !important;
    padding: 0 !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-thumbnail {
    grid-area: thumb !important;
  }
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-name {
    grid-area: name !important;
  }
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-remove {
    grid-area: remove !important;
    align-self: start !important;
  }
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-price {
    grid-area: price !important;
  }
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-quantity {
    grid-area: quantity !important;
  }
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-subtotal {
    grid-area: subtotal !important;
  }

  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-price,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-quantity,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-subtotal {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 54px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(53, 240, 227, 0.1) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.022) !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-price::before,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-quantity::before,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-subtotal::before {
    display: inline-flex !important;
    content: attr(data-title) !important;
    color: var(--cart-muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-quantity
    .quantity {
    margin: 0 !important;
  }
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.actions,
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .cart_totals {
    padding: 18px !important;
  }
}

@media (max-width: 480px) {
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    tr.woocommerce-cart-form__cart-item,
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) tr.cart_item {
    grid-template-columns: 68px minmax(0, 1fr) 34px !important;
    gap: 10px !important;
    padding: 13px !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-thumbnail
    a,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-thumbnail
    img {
    width: 64px !important;
    height: 64px !important;
  }

  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon .button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Final cart flow: products, actions, then totals. */
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) > .woocommerce {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form__contents
  > tbody
  > tr:last-child,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .cart-collaterals {
  grid-column: 1 / -1 !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.actions {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.34fr) !important;
  grid-template-areas: "heading heading" "coupon update" !important;
  align-items: end !important;
  gap: 14px 18px !important;
  padding: 20px !important;
  border-radius: 20px !important;
  background:
    linear-gradient(90deg, rgba(53, 240, 227, 0.028), transparent 45%),
    rgba(4, 18, 24, 0.78) !important;
  box-shadow: none !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-actions-heading {
  grid-area: heading !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  color: var(--cart-text) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-actions-heading
  strong {
  font-weight: 850 !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-actions-heading__icon {
  position: relative !important;
  display: inline-block !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  border: 1px solid rgba(242, 201, 107, 0.28) !important;
  border-radius: 10px !important;
  background: rgba(242, 201, 107, 0.055) !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-actions-heading__icon::before,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-actions-heading__icon::after {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 8px !important;
  width: 14px !important;
  height: 6px !important;
  border: 1.5px solid var(--cart-gold) !important;
  border-radius: 2px !important;
  transform: rotate(-8deg) !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-actions-heading__icon::before {
  top: 8px !important;
}
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-actions-heading__icon::after {
  top: 16px !important;
  opacity: 0.62 !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon {
  grid-area: coupon !important;
  grid-template-columns: minmax(180px, 1fr) 148px !important;
  align-items: center !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon label,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .coupon
  label.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  button.button[name="update_cart"],
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  input.button[name="update_cart"] {
  grid-area: update !important;
  width: 100% !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .cart-collaterals {
  display: flex !important;
  justify-content: center !important;
  padding-top: 4px !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .cart_totals {
  width: min(100%, 760px) !important;
  padding: clamp(20px, 3vw, 28px) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(
      circle at 92% 0%,
      rgba(53, 240, 227, 0.065),
      transparent 34%
    ),
    linear-gradient(145deg, rgba(6, 23, 30, 0.94), rgba(2, 11, 16, 0.985)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.17) !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .cart_totals h2 {
  text-align: center !important;
}
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  table.shop_table {
  overflow: hidden !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  tr.mc-applied-coupon
  th,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  tr.mc-applied-coupon
  td {
  color: rgba(229, 247, 248, 0.78) !important;
  background: rgba(242, 201, 107, 0.035) !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  tr.mc-applied-coupon
  th::after {
  content: attr(data-coupon-code) !important;
  display: inline-flex !important;
  align-items: center !important;
  max-width: 150px !important;
  margin-inline-start: 9px !important;
  padding: 4px 9px !important;
  overflow: hidden !important;
  border: 1px solid rgba(242, 201, 107, 0.24) !important;
  border-radius: 999px !important;
  color: var(--cart-gold) !important;
  background: rgba(242, 201, 107, 0.055) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  tr.mc-applied-coupon
  td {
  white-space: nowrap !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .cart_totals
  .woocommerce-remove-coupon {
  display: inline-grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  margin-inline-start: 8px !important;
  border: 1px solid rgba(255, 130, 144, 0.24) !important;
  border-radius: 8px !important;
  color: #ff8290 !important;
  background: rgba(255, 130, 144, 0.045) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  vertical-align: middle !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .quantity {
  direction: ltr !important;
  grid-template-columns: 34px 42px 34px !important;
  width: 122px !important;
  min-width: 122px !important;
  min-height: 46px !important;
  padding: 5px !important;
  border-radius: 14px !important;
  background: rgba(2, 14, 19, 0.66) !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .mc-cart-qty-btn {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  border-color: rgba(53, 240, 227, 0.28) !important;
  color: var(--cart-teal) !important;
  background: rgba(53, 240, 227, 0.075) !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  opacity: 1 !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-qty-btn:disabled {
  color: rgba(229, 247, 248, 0.36) !important;
  border-color: rgba(229, 247, 248, 0.12) !important;
  background: rgba(255, 255, 255, 0.025) !important;
  opacity: 1 !important;
}

body.woocommerce-cart .mc-cart-toast {
  width: min(420px, calc(100vw - 28px)) !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(53, 240, 227, 0.22) !important;
  border-radius: 16px !important;
  background: rgba(3, 18, 24, 0.96) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.28) !important;
}

@media (max-width: 720px) {
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.actions {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "heading" "coupon" "update" !important;
    padding: 16px !important;
  }

  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon {
    grid-template-columns: minmax(0, 1fr) 130px !important;
  }
}

@media (max-width: 480px) {
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .coupon {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    .cart_totals
    tr.mc-applied-coupon
    th::after {
    max-width: 92px !important;
  }
}

/* Keep the stepper crisp after the interaction rules above. */
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .quantity {
  direction: ltr !important;
  grid-template-columns: 34px 42px 34px !important;
  width: 122px !important;
  min-width: 122px !important;
  min-height: 46px !important;
  padding: 5px !important;
  background: rgba(2, 14, 19, 0.66) !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .mc-cart-qty-btn {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  color: var(--cart-teal) !important;
  border-color: rgba(53, 240, 227, 0.28) !important;
  background: rgba(53, 240, 227, 0.075) !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  opacity: 1 !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-qty-btn:disabled {
  color: rgba(229, 247, 248, 0.36) !important;
  border-color: rgba(229, 247, 248, 0.12) !important;
  background: rgba(255, 255, 255, 0.025) !important;
  opacity: 1 !important;
}

/* Cart interaction polish: calm frame hover, quantity states, and AJAX refresh. */
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) {
  position: relative !important;
  isolation: isolate !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  tr.woocommerce-cart-form__cart-item,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) tr.cart_item {
  transform: none !important;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    box-shadow 160ms ease !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  tr.woocommerce-cart-form__cart-item:hover,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  tr.woocommerce-cart-form__cart-item:focus-within,
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) tr.cart_item:hover,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  tr.cart_item:focus-within {
  transform: none !important;
  border-color: rgba(53, 240, 227, 0.23) !important;
  background:
    radial-gradient(
      circle at 94% 0%,
      rgba(53, 240, 227, 0.065),
      transparent 34%
    ),
    linear-gradient(145deg, rgba(6, 24, 31, 0.93), rgba(2, 11, 16, 0.97)) !important;
  box-shadow: 0 15px 34px rgba(0, 0, 0, 0.16) !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  tr.woocommerce-cart-form__cart-item:hover
  > td,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  tr.woocommerce-cart-form__cart-item:focus-within
  > td,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  tr.cart_item:hover
  > td,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  tr.cart_item:focus-within
  > td {
  background: transparent !important;
  transform: none !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .quantity {
  grid-template-columns: 32px 40px 32px !important;
  width: 116px !important;
  min-width: 116px !important;
  min-height: 44px !important;
  padding: 4px !important;
  border-color: rgba(53, 240, 227, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(53, 240, 227, 0.035) !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .quantity .qty {
  width: 40px !important;
  min-width: 40px !important;
  height: 34px !important;
  font-size: 14px !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .mc-cart-qty-btn {
  display: inline-grid !important;
  place-items: center !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-color: rgba(53, 240, 227, 0.18) !important;
  border-radius: 9px !important;
  color: rgba(86, 246, 235, 0.9) !important;
  background: rgba(53, 240, 227, 0.045) !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  transform: none !important;
  transition:
    color 140ms ease,
    border-color 140ms ease,
    background 140ms ease,
    opacity 140ms ease !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-qty-btn:hover,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-qty-btn:focus-visible {
  color: var(--cart-teal) !important;
  border-color: rgba(53, 240, 227, 0.38) !important;
  background: rgba(53, 240, 227, 0.09) !important;
  box-shadow: none !important;
  outline: 2px solid transparent !important;
  transform: none !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-qty-btn:disabled {
  color: rgba(229, 247, 248, 0.28) !important;
  border-color: rgba(229, 247, 248, 0.08) !important;
  background: rgba(255, 255, 255, 0.018) !important;
  opacity: 0.62 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* The form uses display: contents, so anchor BlockUI to the positioned cart shell. */
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form
  > .blockUI.blockOverlay {
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  z-index: 30 !important;
  border: 1px solid rgba(53, 240, 227, 0.13) !important;
  border-radius: 28px !important;
  background: rgba(2, 11, 16, 0.58) !important;
  opacity: 1 !important;
  cursor: wait !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form
  > .blockUI.blockOverlay::before {
  inset: 50% auto auto 50% !important;
  width: 34px !important;
  height: 34px !important;
  margin: -17px 0 0 -17px !important;
  border: 2px solid rgba(53, 240, 227, 0.18) !important;
  border-top-color: var(--cart-teal) !important;
  border-right-color: var(--cart-gold) !important;
  background: rgba(2, 14, 19, 0.92) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .woocommerce-cart-form
  > .blockUI.blockOverlay::after {
  display: none !important;
  content: none !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  button[name="apply_coupon"].loading,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  button[name="update_cart"].loading,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  input[name="apply_coupon"].loading,
.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  input[name="update_cart"].loading {
  color: transparent !important;
  pointer-events: none !important;
  cursor: wait !important;
  transform: none !important;
}

@media (max-width: 820px) {
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    .woocommerce-cart-form
    > .blockUI.blockOverlay {
    border-radius: 20px !important;
  }
}

/* Mobile alignment: one shared label/value axis for products and totals. */
@media (max-width: 820px) {
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    tr.woocommerce-cart-form__cart-item,
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) tr.cart_item {
    row-gap: 14px !important;
    padding: 16px !important;
  }

  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-name {
    align-self: center !important;
    padding-inline: 4px !important;
    line-height: 1.65 !important;
  }

  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-price,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-quantity,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-subtotal {
    display: grid !important;
    grid-template-columns: 78px minmax(116px, 1fr) !important;
    column-gap: clamp(30px, 9vw, 46px) !important;
    align-items: center !important;
    justify-content: stretch !important;
    min-height: 56px !important;
    padding: 10px 16px !important;
    text-align: right !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-price::before,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-quantity::before,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-subtotal::before {
    grid-column: 1 !important;
    justify-self: stretch !important;
    width: 78px !important;
    color: rgba(229, 247, 248, 0.58) !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-price
    > .amount,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-subtotal
    > .amount,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-quantity
    > .quantity {
    grid-column: 2 !important;
    justify-self: end !important;
    margin: 0 !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-price
    > .amount,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-subtotal
    > .amount {
    min-width: 116px !important;
    text-align: left !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    .cart_totals
    table.shop_table
    td::before {
    display: none !important;
    content: none !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    .cart_totals
    table.shop_table
    th,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    .cart_totals
    table.shop_table
    td {
    padding-inline: 18px !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    .cart_totals
    table.shop_table
    td {
    text-align: left !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    .mc-cart-count-summary {
    display: flex !important;
    width: fit-content !important;
    margin: 0 auto 0 0 !important;
    transform: translateX(-2px) !important;
  }
}

@media (max-width: 480px) {
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    tr.woocommerce-cart-form__cart-item,
  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) tr.cart_item {
    padding: 14px !important;
  }

  .mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) td.product-price,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-quantity,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-subtotal {
    grid-template-columns: 74px minmax(116px, 1fr) !important;
    column-gap: clamp(28px, 8vw, 38px) !important;
    padding-inline: 13px !important;
  }

  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-price::before,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-quantity::before,
  .mc-cart-section
    .mc-cart-shell:not(.mc-cart-shell--empty)
    td.product-subtotal::before {
    width: 74px !important;
  }
}

/* Final quantity state after all responsive alignment rules. */
.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .quantity {
  direction: ltr !important;
  grid-template-columns: 34px 42px 34px !important;
  width: 122px !important;
  min-width: 122px !important;
  min-height: 46px !important;
  padding: 5px !important;
  background: rgba(2, 14, 19, 0.66) !important;
}

.mc-cart-section .mc-cart-shell:not(.mc-cart-shell--empty) .mc-cart-qty-btn {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  color: var(--cart-teal) !important;
  border-color: rgba(53, 240, 227, 0.28) !important;
  background: rgba(53, 240, 227, 0.075) !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  opacity: 1 !important;
}

.mc-cart-section
  .mc-cart-shell:not(.mc-cart-shell--empty)
  .mc-cart-qty-btn:disabled {
  color: rgba(229, 247, 248, 0.36) !important;
  border-color: rgba(229, 247, 248, 0.12) !important;
  background: rgba(255, 255, 255, 0.025) !important;
  opacity: 1 !important;
}

/* MOEEN COUPON SAVINGS CELEBRATION 2026-07-26 */
.mc-cart-section .order-total td {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 12px;
}

.mc-cart-section .mc-cart-total-value {
  display: inline-flex;
  align-items: center;
}

.mc-cart-section .mc-cart-savings {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 11px;
  border: 1px solid rgba(55, 224, 211, 0.34);
  border-radius: 999px;
  color: #53e8dc;
  background: rgba(28, 191, 177, 0.1);
  font-size: 0.77rem;
  font-weight: 800;
  white-space: nowrap;
}

.mc-coupon-celebration {
  position: fixed;
  inset-block-start: clamp(82px, 12vh, 132px);
  inset-inline-start: 50%;
  z-index: 10050;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: min(390px, calc(100vw - 30px));
  padding: 15px 18px;
  overflow: hidden;
  direction: rtl;
  color: #f4fffd;
  border: 1px solid rgba(61, 225, 211, 0.45);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(7, 38, 42, 0.98), rgba(5, 25, 31, 0.98));
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.38), 0 0 28px rgba(42, 210, 196, 0.1);
  transform: translateX(-50%);
  animation: mcCouponArrive 440ms cubic-bezier(.2,.8,.2,1) both;
}

.mc-coupon-celebration.is-leaving {
  animation: mcCouponLeave 300ms ease both;
}

.mc-coupon-celebration__icon {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #04292b;
  border-radius: 50%;
  background: linear-gradient(145deg, #55eadf, #2ecfc2);
  font-size: 1.15rem;
  font-weight: 900;
  box-shadow: 0 8px 24px rgba(49, 218, 204, 0.24);
}

.mc-coupon-celebration__copy {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 3px;
  min-width: 0;
  text-align: right;
}

.mc-coupon-celebration__copy strong {
  color: #f6fffe;
  font-size: 0.96rem;
}

.mc-coupon-celebration__copy small {
  color: #9bb9bc;
  font-size: 0.8rem;
}

.mc-coupon-celebration__sparkles,
.mc-coupon-celebration__sparkles i {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.mc-coupon-celebration__sparkles i {
  inset: auto;
  width: 8px;
  height: 12px;
  border-radius: 60% 60% 45% 45%;
  background: #44dfd2;
  opacity: 0;
  animation: mcCouponSpark 900ms ease-out both;
}

.mc-coupon-celebration__sparkles i:nth-child(1) { top: 10px; right: 18%; animation-delay: 90ms; }
.mc-coupon-celebration__sparkles i:nth-child(2) { top: 18px; right: 43%; width: 6px; background: #e4c65a; animation-delay: 160ms; }
.mc-coupon-celebration__sparkles i:nth-child(3) { top: 11px; left: 21%; height: 8px; animation-delay: 210ms; }
.mc-coupon-celebration__sparkles i:nth-child(4) { bottom: 8px; left: 35%; width: 6px; background: #e4c65a; animation-delay: 260ms; }
.mc-coupon-celebration__sparkles i:nth-child(5) { bottom: 12px; right: 12%; height: 7px; animation-delay: 310ms; }
.mc-coupon-celebration__sparkles i:nth-child(6) { top: 45%; left: 8%; width: 5px; background: #8ce9e0; animation-delay: 350ms; }

@keyframes mcCouponArrive {
  from { opacity: 0; transform: translate(-50%, -16px) scale(.97); }
  to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

@keyframes mcCouponLeave {
  to { opacity: 0; transform: translate(-50%, -10px) scale(.98); }
}

@keyframes mcCouponSpark {
  0% { opacity: 0; transform: translateY(10px) rotate(0deg) scale(.6); }
  35% { opacity: .9; }
  100% { opacity: 0; transform: translateY(-20px) rotate(120deg) scale(1); }
}

@media (max-width: 640px) {
  .mc-cart-section .order-total td {
    justify-content: flex-end;
  }

  .mc-coupon-celebration {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 13px 14px;
    border-radius: 15px;
  }

  .mc-coupon-celebration__icon {
    width: 38px;
    height: 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mc-coupon-celebration,
  .mc-coupon-celebration.is-leaving,
  .mc-coupon-celebration__sparkles i {
    animation: none !important;
  }
}