:root {
  --woocommerce: #720eec;
  --wc-green: #7ad03a;
  --wc-red: #a00;
  --wc-orange: #ffba00;
  --wc-blue: #2ea2cc;
  --wc-primary: #720eec;
  --wc-primary-text: #fcfbfe;
  --wc-secondary: #e9e6ed;
  --wc-secondary-text: #515151;
  --wc-highlight: #958e09;
  --wc-highligh-text: white;
  --wc-content-bg: #fff;
  --wc-subtext: #767676;
  --wc-form-border-color: rgba(32, 7, 7, 0.8);
  --wc-form-border-radius: 4px;
  --wc-form-border-width: 1px;
}

/* ✅ Apply only on small mobile (≤576px): SHOP TABLE & CART */
@media screen and (max-width: 576px) {
  /* Shop Table */

  .woocommerce table.shop_table_responsive thead,
  .woocommerce-page table.shop_table_responsive thead {
    display: none;
  }

  .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,
  .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
    border-top: 0;
  }

  .woocommerce table.shop_table_responsive tbody th,
  .woocommerce-page table.shop_table_responsive tbody th {
    display: none;
  }

  .woocommerce table.shop_table_responsive tr,
  .woocommerce-page table.shop_table_responsive tr {
    display: block;
  }

  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    display: block;
    text-align: right !important;
  }

  .woocommerce table.shop_table_responsive tr td.order-actions,
  .woocommerce-page table.shop_table_responsive tr td.order-actions {
    text-align: left !important;
  }

  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
  }

  .woocommerce table.shop_table_responsive tr td.actions::before,
  .woocommerce table.shop_table_responsive tr td.product-remove::before,
  .woocommerce-page table.shop_table_responsive tr td.actions::before,
  .woocommerce-page table.shop_table_responsive tr td.product-remove::before {
    display: none;
  }

  .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
  .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: rgba(0, 0, 0, 0.025);
  }

  /* Cart Table */
  .woocommerce-cart .cart-collaterals,
  .woocommerce-page .cart-collaterals {
    float: none;
    width: 100%;
  }

  .woocommerce-cart table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    float: none;
    padding-bottom: 10px;
  }

  .woocommerce-cart table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .button {
    width: 100%;
    box-sizing: border-box;
  }

  .woocommerce-cart .wc-proceed-to-checkout,
  .woocommerce-page .wc-proceed-to-checkout {
    padding: 1em 0;
  }
}

/* ✅ Apply everything else under 768px */
@media screen and (max-width: 768px) {
  .woocommerce .cart_item .product-quantity{
    padding: 0 10px!important;
  }

  .woocommerce .cart_item .product-subtotal{
    padding-right: 20px!Important;
   }
  /* Checkout */
  .woocommerce-checkout .woocommerce-checkout-review-order,
  .woocommerce-checkout .woocommerce-billing-fields {
    width: 100%;
    float: none;
  }

  /* My Account */
  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
  }

  /* Order Details Table */
  .woocommerce table.woocommerce-table--order-details thead,
  .woocommerce-page table.woocommerce-table--order-details thead {
    display: none;
  }

  .woocommerce table.woocommerce-table--order-details tr,
  .woocommerce-page table.woocommerce-table--order-details tr {
    display: block;
  }

  .woocommerce table.woocommerce-table--order-details td,
  .woocommerce-page table.woocommerce-table--order-details td {
    display: block;
    text-align: right;
  }

  .woocommerce table.woocommerce-table--order-details td::before,
  .woocommerce-page table.woocommerce-table--order-details td::before {
    content: attr(data-title) ": ";
    float: left;
    font-weight: 700;
  }

  /* Optional: Address Layout */
  .woocommerce-address-fields .col-1,
  .woocommerce-address-fields .col-2 {
    width: 100%;
    float: none;
  }
}