.cart-mobile-item {
      padding: 12px 0;
  }

  .cart-mobile-item .card-product {
      flex-direction: row;
      align-items: flex-start;
      gap: 12px;
  }

  .cart-mobile-item .card-product-wrapper {
      flex-shrink: 0;
      width: 50px;
  }

  .cart-mobile-item .product-img {
      display: block;
      border-radius: 4px;
      overflow: hidden;
  }

  .cart-mobile-item .img-product {
      width: 50px;
      height: 50px;
      object-fit: cover;
  }

  .cart-mobile-item .card-product-info {
      flex: 1;
      min-width: 0;
      display: block !important;
      gap: 0 !important;
  }

  .cart-mobile-item .name-product {
      display: block;
      margin-bottom: 0;
      word-wrap: break-word;
      overflow-wrap: break-word;
      font-size: 14px;
  }

  .cart-mobile-item .price-qty-row {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 6px;
      margin-top: 4px;
  }

  .cart-mobile-item .price-qty-row .price-text {
      font-size: 13px;
  }

  .cart-mobile-item .wg-quantity {
      display: inline-flex;
      align-items: center;
      border: 1px solid #e5e5e5;
      border-radius: 4px;
      overflow: hidden;
  }

  .cart-mobile-item .wg-quantity .btn-quantity {
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      background: #f8f8f8;
      font-size: 10px;
  }

  .cart-mobile-item .wg-quantity .quantity-product {
      width: 32px;
      text-align: center;
      border: none;
      height: 24px;
      font-size: 12px;
  }

  .cart-mobile-item .total-remove-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .cart-mobile-item .item-total {
      font-size: 13px;
      font-weight: 600;
  }

  .cart-mobile-item .icon-close {
      cursor: pointer;
      font-size: 16px;
  }

  .cart-mobile-item hr {
      margin: 12px 0;
      border: 1px solid #333;
  }

  .edit-notes-btn,
  .add-notes-btn {
      font-size: 11px;
      opacity: 0.8;
      transition: opacity 0.2s;
      text-decoration: underline;
      flex-shrink: 0;
  }

  .edit-notes-btn:hover,
  .add-notes-btn:hover {
      opacity: 1;
  }

  .cart-note-wrapper {
      display: flex;
      align-items: center;
      gap: 4px;
      flex-wrap: nowrap;
  }

  .cart-note-wrapper small {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex-shrink: 1;
  }

  @media (max-width: 991px) {
      .cart-mobile-item .card-product-wrapper {
          width: 80px !important;
      }

      .cart-mobile-item .img-product {
          width: 80px !important;
          height: 80px !important;
      }
  }

  .order-mobile-item {
      padding: 12px 0;
  }

  .order-mobile-item .card-product {
      flex-direction: row;
      align-items: flex-start;
      gap: 12px;
  }

  .order-mobile-item .card-product-wrapper {
      flex-shrink: 0;
      width: 60px;
  }

  .order-mobile-item .product-img {
      display: block;
      border-radius: 4px;
      overflow: hidden;
  }

  .order-mobile-item .img-product {
      width: 60px;
      height: 60px;
      object-fit: cover;
  }

  .order-mobile-item .card-product-info {
      flex: 1;
      min-width: 0;
      display: block !important;
      gap: 0 !important;
  }

  .order-mobile-item .name-product {
      display: block;
      margin-bottom: 0;
      word-wrap: break-word;
      overflow-wrap: break-word;
      font-size: 14px;
  }

  .order-mobile-item .price-qty-row {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 6px;
      margin-top: 4px;
  }

  .order-mobile-item .price-qty-row .price-text {
      font-size: 13px;
  }

  .order-mobile-item .total-remove-row {
      display: flex;
      align-items: center;
      justify-content: flex-end;
  }

  .order-mobile-item .item-total {
      font-size: 13px;
      font-weight: 600;
  }

  .order-mobile-item hr {
      margin: 12px 0;
      border: 1px solid #333;
  }

  .order-totals-wrap {
      border-top: 1px solid #e5e5e5;
      padding-top: 16px;
  }

  @media (max-width: 767px) {
      .order-mobile-item .card-product-wrapper {
          width: 70px !important;
      }

      .order-mobile-item .img-product {
          width: 70px !important;
          height: 70px !important;
      }

      .order-mobile-item .name-product {
          font-size: 13px;
      }

      .order-mobile-item .price-qty-row .price-text {
          font-size: 12px;
      }

      .order-mobile-item .item-total {
          font-size: 12px;
      }
  }