h1 {
    text-align: center;
  }

  #cartItems {
    padding: 10px;
    text-align: center;
    width: 40%;
    margin: 0 auto;
  }

  .cart-item {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 10px;
  }

  .cart-item button {
    background-color: var(--secondary-color);
  }

  .cart-item p {
    margin: 5px 0;
  }

  #carttotal {
    text-align: center;
  }

  #emptyCartMessage {
    text-align: center;
    margin: 15px;
  }

  #checkoutButton {
    background-color: var(--secondary-color);
    width: auto;
    /* Set a specific width, or let the content define it */
    padding: 10px 20px;
    /* Adjust padding as needed */
    max-width: 200px;
    /* Limit the button width */
    margin: 10px auto;
    /* Center the button horizontally */
    /* Hidden by default, shown when there are items in the cart */
  }

  .hidden {
    display: none;
  }

  .quantity-input {
    width: 50px;
    margin-left: 10px;
  }