<div class="cart-item">
  <div class="item-img">{{ item?.initial }}</div>
  <div class="item-info">
    <div class="item-name">{{ item?.name }}</div>
    <div class="item-price">¥{{ item?.price?.toFixed(2) }}</div>
    <div class="item-actions">
      <div class="quantity-control">
        <button class="quantity-btn minus" (click)="updateQuantity(-1)">-</button>
        <input type="text" class="quantity-input" [value]="item?.quantity" readonly>
        <button class="quantity-btn plus" (click)="updateQuantity(1)">+</button>
      </div>
      <button class="remove-btn" (click)="removeItem()">
        <fa-icon [icon]="faTrashAlt"></fa-icon>
      </button>
    </div>
  </div>
</div>