.woocommerce {
  .woocommerce-message {
    padding: 20px 50px;
    border-bottom: 1px solid var(--e-global-color-primary);

    @media(max-width: 767px) {
      padding: 20px;
    }
  }

  &:has(.wc-empty-cart-message) {
    padding: 20px 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;

    @media(max-width: 767px) {
      padding: 20px;
    }
  }

  /*Cart Form + Total Grid */
  .woocommerce-cart-form-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--woo-container-gap);

    @media (max-width: 1024px) {
      display: flex;
      flex-direction: column;
    }
  }

  .woocommerce-cart-form {
    border-right: 1px solid #2f2b2b;
    padding: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;

    @media(max-width: 1024px) {
      border-right: none;
      border-bottom: 1px solid #2f2b2b;
    }

    @media(max-width: 767px) {
      padding: 20px;

    }

    .shop_table_head {
      @media(max-width: 767px) {
        display: none;
      }

      ul {
        padding: 0;
        list-style-type: none;
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        gap: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #2f2b2b;

        * {
          font-family: 'Roboto';
          font-size: 16px;
          font-weight: 700;
          line-height: 1.5;
        }

        .price {
          display: grid;
          grid-template-columns: 2fr 1fr;
        }
      }
    }

    .shop_table {
      display: flex;
      flex-direction: column;
      gap: 20px;

      .cart_item {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        padding-bottom: 20px;
        border-bottom: 1px solid #2f2b2b;
        gap: 20px;

        @media(max-width: 767px) {
          display: flex;
          flex-direction: column;

        }

        .cart_column {
          &.product {
            display: grid;
            grid-template-columns: 150px auto;
            gap: 20px;

            .c-thumbnail {
              border: 1px solid #2f2b2b;
            }

            .c-name {
              display: flex;
              flex-direction: column;
              justify-content: space-between;

              a {
                text-decoration: none !important;

                &.remove {
                  display: flex;
                  align-items: center;
                  font-size: 12px;
                  font-weight: 400;
                }

                h5 {
                  font-family: var(--e-global-typography-secondary-font-family),
                    sans-serif;
                  font-size: 24px;
                  text-transform: uppercase;
                  margin: 0;
                  line-height: normal;
                }
              }
            }
          }

          &.price {
            display: grid;
            grid-template-columns: 2fr 1fr;

            .c-quantity,
            .c-price {
              display: flex;
              justify-content: start;
              span.title {
                display: none;
              }
              .product-price {
                span {
                  display: flex;
                  flex-wrap: wrap;
                  align-items: center;
                  column-gap: 5px;
                  del,
                  del * {
                    font-size: 14px;
                    color: var(--e-global-color-secondary);
                  }
                  ins {
                    text-decoration: none;
                  }
                  bdi {
                    display: flex;
                    flex-wrap: nowrap;
                  }
                }
              }
            }

            @media(max-width: 767px) {
              grid-template-columns: 1fr 1fr;
              align-items: center;

              .product-price {
                text-align: end;
              }

              .c-quantity,
              .c-price {
                display: flex;
                flex-direction: column;
                gap: 20px;

                span.title {
                  text-align: end;
                  display: flex;
                  justify-content: end;
                  font-weight: 700;
                }


              }

              .c-quantity {
                span.title {
                  text-align: start;
                  justify-content: start;
                }
              }
            }

            .quantity {
              display: flex;
              border: 1px solid #2f2b2b;
              align-items: center;
              justify-content: center;
              height: fit-content;
              padding: 10px 20px;
              width: fit-content;

              input {
                width: 20px;
                border: none;
                padding: 0;
                background: none;
                text-align: center;
                -moz-appearance: textfield;

                &:hover {
                  cursor: pointer;
                }

                &::-webkit-outer-spin-button,
                &::-webkit-inner-spin-button {
                  -webkit-appearance: none;
                  margin: 0;
                }
              }

              label {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 24px;
                width: 24px;
                font-size: 16px;
                font-weight: 400;
                font-family: "Roboto";

                &:hover {
                  cursor: pointer;
                }
              }
            }
          }
        }
      }
    }
  }

  /* Coupon */
  .coupon_section {
    padding-top: 20px;
    border-top: var(--woo-border-width) solid var(--woo-border-color);

    .coupon {
      display: flex;
      gap: 10px;

      @media(max-width: 767px) {
        flex-direction: column;

      }

      input {
        background: none;
        font-size: 16px;
        color: #222628;
        border-radius: 0;

        &::placeholder {
          color: #A5A19D;
        }
      }

    }



  }
}