/* Estilos responsive para el carrito de compras */

@media screen and (max-width: 768px) {
  .cart-table-lg thead {
    display: none;
  }

  .cart-table-lg, .cart-table-lg tbody, .cart-table-lg tr, .cart-table-lg td {
    display: block;
    width: 100%;
  }

  .cart-table-lg tr {
    margin-bottom: 1.5rem;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 0.5rem;
    background-color: #fff;
  }

  .cart-table-lg td {
    text-align: left;
    padding: 0.5rem;
    position: relative;
  }

  .cart-table-lg td::before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 0.3rem;
    color: #555;
  }

  .cart-item-image {
    max-width: 100%;
    height: auto;
  }

  #cart-summary {
    text-align: center;
  }

  #cart-summary h4 {
    font-size: 1.2rem;
  }

  #cart-summary .btn {
    width: 100%;
    font-size: 1.1rem;
  }
}