/* ===============================
   Woo Cart Pro — Responsive
   =============================== */

/* mobile: convert table rows into blocks */
@media (max-width: 768px) {
  .woocommerce-cart table.shop_table thead {
    display: none;
  }
  .woocommerce-cart table.shop_table tr.cart_item {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-template-areas:
      "thumb name"
      "thumb name2"
      "price price"
      "qty subtotal";
    gap: 10px 14px;
    padding: 12px 12px;
  }
  .woocommerce-cart td.product-thumbnail { grid-area: thumb; }
  .woocommerce-cart td.product-name { grid-area: name; padding-bottom: 0; }
  .woocommerce-cart td.product-price { grid-area: price; }
  .woocommerce-cart td.product-quantity { grid-area: qty; }
  .woocommerce-cart td.product-subtotal { grid-area: subtotal; text-align: right; }
  .woocommerce-cart td, .woocommerce-cart th {
    padding: 8px 10px;
    border: 0 !important;
  }

  .woocommerce-cart .cart_totals {
    margin-top: 16px;
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 16px;
    padding: 12px 14px;
  }
}

/* Very small screens */
@media (max-width: 380px) {
  .woocommerce-cart .quantity .qty { width: 72px; }
}