/* WooCommerce responsive styles
----------------------------------------------------------------- */
@media (max-width: 1279px) {
  .woocommerce ul.products.columns-5 li.product,
  .woocommerce-page ul.products.columns-5 li.product {
    width: 25%; }

  .woocommerce ul.products.columns-6 li.product,
  .woocommerce-page ul.products.columns-6 li.product {
    width: 25%; }

  .woocommerce div.product .woocommerce-tabs ul.tabs {
    column-gap: 40px;
    margin: 0 0 30px; }

  .woocommerce div.product .related h2,
  .woocommerce div.product .upsells h2 {
    margin-bottom: 1em; } }
@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td {
    padding-left: 0;
    padding-right: 0;
    border-width: 0; }
    .woocommerce table.shop_table_responsive tr td.product-quantity,
    .woocommerce-page table.shop_table_responsive tr td.product-quantity {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      gap: 5px; }
    .woocommerce table.shop_table_responsive tr td.mobile_cell:before,
    .woocommerce-page table.shop_table_responsive tr td.mobile_cell:before {
      display: none; }
    .woocommerce table.shop_table_responsive tr td:before,
    .woocommerce-page table.shop_table_responsive tr td:before {
      color: var(--theme-color-title); }
  .woocommerce table.shop_table_responsive.cart > tbody > tr + tr,
  .woocommerce-page table.shop_table_responsive.cart > tbody > tr + tr {
    border-top: 1px solid var(--theme-color-bd_color); }
  .woocommerce table.shop_table_responsive.cart > tbody > tr:first-child > td,
  .woocommerce-page table.shop_table_responsive.cart > tbody > tr:first-child > td {
    padding-top: 0; }

  .woocommerce #content table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    padding-bottom: 6px; }
    .woocommerce #content table.cart td.actions .coupon .button,
    .woocommerce #content table.cart td.actions .coupon .input-text,
    .woocommerce #content table.cart td.actions .coupon input,
    .woocommerce table.cart td.actions .coupon .button,
    .woocommerce table.cart td.actions .coupon .input-text,
    .woocommerce table.cart td.actions .coupon input,
    .woocommerce-page #content table.cart td.actions .coupon .button,
    .woocommerce-page #content table.cart td.actions .coupon .input-text,
    .woocommerce-page #content table.cart td.actions .coupon input,
    .woocommerce-page table.cart td.actions .coupon .button,
    .woocommerce-page table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon input {
      width: calc(50% - 3px); }
    .woocommerce #content table.cart td.actions .coupon:before, .woocommerce #content table.cart td.actions .coupon:after,
    .woocommerce table.cart td.actions .coupon:before,
    .woocommerce table.cart td.actions .coupon:after,
    .woocommerce-page #content table.cart td.actions .coupon:before,
    .woocommerce-page #content table.cart td.actions .coupon:after,
    .woocommerce-page table.cart td.actions .coupon:before,
    .woocommerce-page table.cart td.actions .coupon:after {
      display: none; } }
@media (max-width: 767px) {
  .woocommerce ul.products.columns-3 li.product,
  .woocommerce-page ul.products.columns-3 li.product {
    width: 50%; }

  .woocommerce ul.products.columns-4 li.product,
  .woocommerce-page ul.products.columns-4 li.product {
    width: 50%; }

  .woocommerce ul.products.columns-5 li.product,
  .woocommerce-page ul.products.columns-5 li.product {
    width: 50%; }

  .woocommerce ul.products.columns-6 li.product,
  .woocommerce-page ul.products.columns-6 li.product {
    width: 50%; }

  .woocommerce #content table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page #content table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .woocommerce #content table.cart td.actions .coupon .button,
    .woocommerce #content table.cart td.actions .coupon .input-text,
    .woocommerce #content table.cart td.actions .coupon input,
    .woocommerce table.cart td.actions .coupon .button,
    .woocommerce table.cart td.actions .coupon .input-text,
    .woocommerce table.cart td.actions .coupon input,
    .woocommerce-page #content table.cart td.actions .coupon .button,
    .woocommerce-page #content table.cart td.actions .coupon .input-text,
    .woocommerce-page #content table.cart td.actions .coupon input,
    .woocommerce-page table.cart td.actions .coupon .button,
    .woocommerce-page table.cart td.actions .coupon .input-text,
    .woocommerce-page table.cart td.actions .coupon input {
      width: 100%; }

  .woocommerce form.checkout_coupon .form-row-first,
  .woocommerce form.checkout_coupon .form-row-last {
    width: 100%;
    float: none; }
  .woocommerce form.checkout_coupon .form-row-first + .form-row-last {
    margin-top: 5px; }
  .woocommerce form.checkout_coupon .form-row-last button {
    width: 100%; }

  .woocommerce div.product .woocommerce-tabs ul.tabs {
    column-gap: 30px;
    row-gap: 10px;
    margin: 0 0 30px; }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
      padding: 0 0 5px; }

  .woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 50px; }
  .woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 65px; } }
@media (max-width: 479px) {
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100%; } }